Version 48

changelog

@@ -1,6 +1,16 @@
                         v48
-  Added: Icons to menu
+  Added:
-  Fixed: (i) centered
+       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

css/brb.css

@@ -65,18 +65,70 @@ body{
   align-items: center;
   width: 75px;
   height: 75px;
-  bottom: 10px;
+  bottom: 0;
-  right: 10px;
+  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 */

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;
 }

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()">
+  <div id="smallI" class="changelog">
-    <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="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();
 }

js/main.js

@@ -1,24 +1,52 @@
 let anime = false;
+let version = 48;
+let content;
 
-const changeEN = `                                          Version - 47
+const changeEN = `
-Added: Forced Dark/Light mode
+<h1>Version - <span>${version}</span></h1>
-            Forced Language depending on the browser
+<h3>Added:</h3>
-            Shop 3.5!!!
+<ul>
-            RPG in Settings...
+  <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
+const changeCZ = `
-
+<h1>Verze - <span>${version}</span></h1>
-Removed: Option for changing Language or L/D mode`
+<h3>Přidáno:</h3>
-
+<ul>
-const changeCZ = `                                            Verze - 47
+  <li>Discord odkaz</li>
-Přidáno: Automatické vybrání Světlého/Tmavého módu
+  <li>Kliky za sec. Nový design</li>
-              Automatické vybrání jazyka
+  <li>Obchod 4.0</li>
-              Obchod 3.5!!!
+  <li>Toto Info</li>
-              RPG v Nastavení...
+  <li>Ikonu pro Menu</li>
-
+</ul>
-Upraveno: Načítání obchodu
+<h3>Smazáno:</h3>
-
+<ul>
-Smazáno: Možnost výběru změny jazyka a S/T módu`
+  <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(){