Version 48

2026-04-17 07:33:31 +00:00 · 2024-09-17 23:26:37 +02:00
parent 7e773c5ebd
commit 3271cff510
6 changed files with 155 additions and 50 deletions
--- a/14
+++ b/14
@@ -1,6 +1,16 @@
                        v48
-  Added: Icons to menu
-  Fixed: (i) centered
+  Added:
+       Icons to menu
+       Discord link
+       New Design for clicks per second in shop
+       SHOP 4.0
+       Info GUI
+
+  Removed:
+       Few animals for better performance
+       Upgrades (For now)
+  Fixed:
+       BRB#45 - Scam with buying lemons (New Shop buying function

                        v47
  Added: Forced Dark/Light mode
--- a/css/brb.css
+++ b/css/brb.css
@@ -65,18 +65,70 @@ body{
  align-items: center;
  width: 75px;
  height: 75px;
-  bottom: 10px;
-  right: 10px;
+  bottom: 0;
+  right: 0;
  filter: drop-shadow(0 0 10px #000);
-  background: #0377c4;
+  background: #046baf;
  border-radius: 50%;
+  transform: translate(-50%, -50%);
+  transition: .5s;
+  color: #000;
 }
 .changelog svg{
  height: 100%;
  aspect-ratio: 1/1;
  /*filter: drop-shadow(0 0 10px #000);*/
  color: #fff;
+  cursor: pointer;
 }
+.changelog.large{
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  
+  min-width: 270px;
+  min-height: 420px;
+  
+  border-radius: 1rem;
+  transition: .5s;
+
+  padding: 1rem 2.5rem;
+}
+.changelog.large svg{
+  position: absolute;
+  z-index: 999;
+  color: #fff;
+  top: 10px;
+  right: 10px;
+  width: 2.5rem;
+  height: 2.5rem;
+  cursor: pointer;
+  background-color: #046baf;
+  border-radius: 50%;
+}
+.changelog.large div{
+  background-color: #eee;
+  box-shadow: inset 10px 10px 15px #333;
+  border-radius: 1.5rem;
+  width: 250px;
+  height: 400px;
+  padding: .5rem 1.5rem;
+  overflow-y: scroll;
+  transition: .5s;
+  scroll-behavior: smooth;
+}
+.changelog.large div h1{
+  text-align: center;
+  text-decoration: underline;
+}
+.changelog.large div h2{text-align: center;transition: .5s;}
+.changelog.large div h3{text-align: center;transition: .5s;}
+.changelog.large div p {text-align: justify;transition: .5s;}

 /* Ligt NODE */
@media (prefers-color-scheme: light){
@@ -90,6 +142,9 @@ body{
    color: #000;
    text-shadow: none;
  }
+  .changelog{
+    background: #0377c4;
+  }
 }

 /* DARJ MODE */
--- a/css/menu.css
+++ b/css/menu.css
@@ -44,7 +44,7 @@
 .menu-container .button.expand span svg:nth-child(1){opacity:0;}
 .menu-container .button span svg:nth-child(2){opacity:0;}
 .menu-container .button.expand span svg:nth-child(2){opacity:1;}
-ul{
+#ula{
    list-style: none;
    position: absolute;
    top: 65px;
@@ -58,7 +58,7 @@ ul{
    box-shadow: 0 3px 6px rgba(0,0,0,.3);
    padding-inline-start: 0px;
 }
-ul:before{
+#ula:before{
    position: absolute;
    content: '';
    width: 20px;
@@ -69,26 +69,26 @@ ul:before{
    transform: rotate(45deg);
    z-index: -1;
 }
-ul li{
+#ula li{
    line-height: 35px;
    cursor: pointer;
    border-right: 1px solid rgba(255,255,255,.1);
    width: 25%;
 }
-ul li:hover:first-child{
+#ula li:hover:first-child{
    border-radius: 10px  0 0 10px;
 }
-ul li:hover:last-child{
+#ula li:hover:last-child{
    border-radius: 0 10px 10px 0;
 }
-ul li:hover{
+#ula li:hover{
    box-shadow: inset 0 0 5px #33ff33,
    inset 0 0 10px #66ff66;
 }
-ul li:last-child{
+#ula li:last-child{
    border-right: none;
 }
-ul li a{
+#ula li a{
    display: flex;
    justify-content: center;
    align-items: center;
@@ -98,11 +98,11 @@ ul li a{
    fill: #fff;
    text-decoration: none;
 }
-ul li a svg{
+#ula li a svg{
    width: 50%;
    height: 50%;
    color: #fff;
 }
-ul li:hover a svg{
+#ula li:hover a svg{
    color: #44dd44;
 }
--- a/img/petpet.png
+++ b/img/petpet.png
--- a/js/htmls.js
+++ b/js/htmls.js
@@ -7,7 +7,7 @@ const menu = `
          <svg height="1em" viewBox="0 0 384 512"><style>svg{fill:#ffffff}</style><path d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"/></svg>
        </span>
    </div>
-    <ul style="display: none">
+    <ul id="ula" style="display: none">
      <li><a onclick="toClick()" id="brb">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M0 55.2L0 426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320l118.1 0c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"/></svg>
      </a></li>
@@ -67,8 +67,10 @@ const htmlClicking = `
  </div>

  <!-- Šmol changelog -->
-  <div class="changelog" onclick="change()">
-    <svg height="1em" viewBox="0 0 512 512"><path d="M256 56C145.72 56 56 145.72 56 256s89.72 200 200 200 200-89.72 200-200S366.28 56 256 56zm0 82a26 26 0 11-26 26 26 26 0 0126-26zm48 226h-88a16 16 0 010-32h28v-88h-16a16 16 0 010-32h32a16 16 0 0116 16v104h28a16 16 0 010 32z" fill="currentColor"/></svg>
+  <div id="smallI" class="changelog">
+    <div id="changePlace"></div>
+    <svg id="info"  onclick="change()" height="1em" viewBox="0 0 512 512"><path d="M256 56C145.72 56 56 145.72 56 256s89.72 200 200 200 200-89.72 200-200S366.28 56 256 56zm0 82a26 26 0 11-26 26 26 26 0 0126-26zm48 226h-88a16 16 0 010-32h28v-88h-16a16 16 0 010-32h32a16 16 0 0116 16v104h28a16 16 0 010 32z" fill="currentColor"/></svg>
+    <svg id="ex"    onclick="closeChange()" style="display:none" height="1em" viewBox="0 0 384 512"><path fill="currentColor" d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"/></svg>
  </div>

  ${menu}`;
@@ -768,6 +770,10 @@ const htmlSettings = `
                    <h3 id="rpg">RPG</h3>
                    <img src="../img/rpg.svg" alt="">
                </a>
+                <a class="site" href="https://petpet.mreidam.com" target="_blank" style="--cls: #ffad48; margin-top: .5rem">
+                    <h3 id="rpg">PetPet</h3>
+                    <img src="../img/petpet.png" alt="">
+                </a>
            </section>
        </section>

@@ -791,7 +797,6 @@ function toClick(){
    document.title = 'BRB - Clicking';
  }
  document.body.innerHTML = htmlClicking;
-  checklang();
  uploadClicking();
  menuStart();
 }
@@ -807,7 +812,6 @@ function toShop(){
    document.title = 'BRB - Shop';
  }
  document.body.innerHTML = htmlShop;
-  checklang();
  loadShop();
  menuStart();
 }
@@ -823,7 +827,6 @@ function toUpgrade(){
    document.title = 'BRB - Upgrades';
  }
  document.body.innerHTML = htmlUpgrade;
-  checklang();
  loadUpgrades();
  menuStart();
 }
@@ -839,7 +842,6 @@ function toSetting(){
    document.title = 'BRB - Settings';
  } 
  document.body.innerHTML = htmlSettings;
-  checklang();
  loadSettings();
  menuStart();
 }
--- a/js/main.js
+++ b/js/main.js
@@ -1,24 +1,52 @@
 let anime = false;
+let version = 48;
+let content;

-const changeEN = `                                          Version - 47
-Added: Forced Dark/Light mode
-            Forced Language depending on the browser
-            Shop 3.5!!!
-            RPG in Settings...
+const changeEN = `
+<h1>Version - <span>${version}</span></h1>
+<h3>Added:</h3>
+<ul>
+  <li>Discord link</li>
+  <li>New Design for clicks per second in shop</li>
+  <li>SHOP 4.0!!!</li>
+  <li>This Info</li>
+  <li>Icons to Menu</li>
+</ul>
+<h3>Removed:</h3>
+<ul>
+  <li>Few animals for better performance</li>
+  <li>Upgrades (For now)</li>
+</ul>
+<h3>Fixed:</h3>
+<ul>
+  <li>BRB#45 - Scam with buying lemons (New Shop buying function)</li>
+</ul>
+<h3>Notes:</h3>
+<p>This is one of the or THE biggest BRB redesign ever. So if something you like is missing or you want to be added then message me on my <a href="https://discord.gg/kQy3AAUgSq" target="_blank">discord</a></p>
+`

-Fixed: Loading time
-
-Removed: Option for changing Language or L/D mode`
-
-const changeCZ = `                                            Verze - 47
-Přidáno: Automatické vybrání Světlého/Tmavého módu
-              Automatické vybrání jazyka
-              Obchod 3.5!!!
-              RPG v Nastavení...
-
-Upraveno: Načítání obchodu
-
-Smazáno: Možnost výběru změny jazyka a S/T módu`
+const changeCZ = `
+<h1>Verze - <span>${version}</span></h1>
+<h3>Přidáno:</h3>
+<ul>
+  <li>Discord odkaz</li>
+  <li>Kliky za sec. Nový design</li>
+  <li>Obchod 4.0</li>
+  <li>Toto Info</li>
+  <li>Ikonu pro Menu</li>
+</ul>
+<h3>Smazáno:</h3>
+<ul>
+  <li>Pár Zvířat pro zlepšenou efektivitu</li>
+  <li>Vylepšení (prozatím)</li>
+</ul>
+<h3>Zpraveno:</h3>
+<ul>
+  <li>BRB#45 - kupování citrónů byl scam (nové funkce na nákupy)</li>
+</ul>
+<h3>Poznámky:</h3>
+<p>Toto byl největší redesign BRB takže ne vše po vydání nové verze bude fungovat tak jako předtím, když něco najdete tak mi napiště na <a href="https://discord.gg/kQy3AAUgSq" target="_blank">discord</a></p>
+`

 function loadClicking(){
  if (localStorage.getItem('BRB-Progress')!=null){
@@ -35,7 +63,6 @@ function updateClicking(){
  }else{
    document.getElementById('disclick').innerHTML=`You have ${fornum(bigredbutton.items.special[0].number)} clicks, and generating ${fornum(cs*bigredbutton.settings.prestige)} c/s!`
  }
-  checklang();
 }

 // UploadClicking
@@ -48,20 +75,31 @@ function beriba(){
  anime=true;
 }

-// Languages
-function checklang(){
-  if(navigator.language == 'cs' || navigator.language == 'cs-CZ'){
-  }else{
-  }
-}
-
 // šmol change
 function change(){
+  document.getElementById('smallI').classList.add('large');
+  document.getElementById('info').style.display = 'none';
+  document.getElementById('ex').style.display = 'flex';
+
+  content = document.createElement('article');
+
  if(navigator.language == 'cs' || navigator.language == 'cs-CZ'){
-    alert(changeCZ);
+    content.innerHTML = changeCZ;
+    //-alert(changeCZ);
  }else{
-    alert(changeEN);
+    content.innerHTML = changeEN;
+    //-alert(changeEN);
  }
+  
+  document.getElementById('changePlace').append(content);
+}
+
+function closeChange(){
+  document.getElementById('smallI').classList.remove('large');
+  document.getElementById('info').style.display = 'flex';
+  document.getElementById('ex').style.display = 'none';
+
+  content.remove();
 }

 function clicking(){