Version 40.5.2 - playing with meta tags

changelog

@@ -1,3 +1,10 @@
+                        v40.5.2
+  Added: Metatags for BRB
+
+  Fixed: Buying Single Owls causing deleting pythons not snakes
+         <a> in the "cool" menu
+         flashbang (loading window were always white at the start (now great with my eys))
+         text color in main brb + text shadow!
                         v40.5
   Added: Edited scrollbar
 

css/brb.css

@@ -3,14 +3,14 @@ body {
     user-select: none;
     padding: 0;
     margin: 0;
-    background-color: #fff;
+    background-color: #333;
     box-sizing: border-box;
 }
 #tycoon{
   position: absolute;
   width: 100%;
   height: 200px;
-  background: radial-gradient(125% 100% at 50% 0%,#9aff9a 20%,#fff 70%);
+  background: #333;
   font-size: 15pt;
 }
 #logclick{
@@ -137,6 +137,9 @@ ul li:last-child{
   border-bottom: none;
 }
 ul li a{
+  display: block;
+  width: 100%;
+  height: 100%;
   color: #fff;
   font-size: 18px;
   text-decoration: none;

css/shop.css

@@ -1,5 +1,6 @@
 @import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap');
 *{
+  /* By MrEidam */
   margin: 0;
   padding: 0;
   user-select: none;
@@ -10,7 +11,7 @@
 body {
   font-size: 15pt;
   /*background: linear-gradient(#009000, black);*/
-  background-color: #ccc;
+  background-color: #333;
 } 
 
 /* Clisks */
@@ -25,19 +26,16 @@ body {
   margin: 0;
   top: 0;
   border-radius: 0 0 90px 90px;
-  background: linear-gradient(#11ABFF, #ccccccab);
+/* By MrEidam */
-
 }
 #logclick{
   position: relative;
-  background-color: papayawhip;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 5ch;
   margin: 0 5vw 0 5vw;
   padding: 1rem;
-  border: 5px dashed blue;
   border-radius: 1rem;
   z-index: 69;
   width: auto;
@@ -63,7 +61,6 @@ body {
   margin: 0 1.5vw 0 1.5vw;
   border-radius: 0 0 90px 90px;
   background: linear-gradient(#11ABFF, #ccccccab);
-  /*border: red solid 5px;*/
 }
 
 .main{
@@ -75,8 +72,6 @@ body {
 
 /* By MrEidam */
 .item{
-  background-color: papayawhip/*var(--color)*/;
-  /*border: 2px solid #333;*/
   border: none;
   top: 5px;
   margin: 2rem 3vw 2rem 3vw;
@@ -96,7 +91,6 @@ body {
   aspect-ratio: 1/1;
   margin: 0.5rem;
   object-fit: contain;
-  
   filter: drop-shadow(10px 8px 6px #333);
   pointer-events: none
 }
@@ -186,6 +180,7 @@ button{
   border-radius: 25px;
   cursor: pointer;
   transition: width .4s;
+/* By MrEidam */
 }
 .button.expand{
   width: 100%;
@@ -237,6 +232,10 @@ ul li:last-child{
   border-bottom: none;
 }
 ul li a{
+  display: block;
+  width: 100%;
+  height: 100%;
+/* By MrEidam */
   color: #fff;
   font-size: 18px;
   text-decoration: none;
@@ -247,7 +246,7 @@ ul li:hover a{
 
 ::-webkit-scrollbar{
   background: transparent;
-  width: 10px;
+  width: 5px;
 }
 ::-webkit-scrollbar-thumb{
   background: linear-gradient(transparent, #00ec00);

css/upgr.css

@@ -8,8 +8,7 @@
 
 body {
   font-size: 15pt;
-  /*background: linear-gradient(#009000, black);*/
+  background-color: #333;
-  background-color: #ccc;
 }
 #jonathan{
   position: fixed;
@@ -22,8 +21,6 @@ body {
   margin: 0;
   top: 0;
   border-radius: 0 0 90px 90px;
-  background: linear-gradient(#11ABFF, #ccccccab);
-
 }
 
 /* By MrEidam */
@@ -31,7 +28,6 @@ body {
 /* Lemons */
 #loglm{
   position: relative;
-  background-color: papayawhip;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -68,8 +64,6 @@ main{
 
 /* By MrEidam */
 .item{
-  background-color: papayawhip/*var(--color)*/;
-  /*border: 2px solid #333;*/
   border: none;
   top: 5px;
   margin: 2rem 3vw 2rem 3vw;
@@ -138,6 +132,7 @@ main{
 }
 button{
   border: none;
+  cursor: pointer;
   filter: drop-shadow(8px 6px 4px #555);
 }
 
@@ -266,6 +261,9 @@ ul li:last-child{
   border-bottom: none;
 }
 ul li a{
+  display: block;
+  width: 100%;
+  height: 100%;
   color: #fff;
   font-size: 18px;
   text-decoration: none;

index.html

@@ -4,6 +4,14 @@
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=Edge">
   <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="keywords" content="BRB, MrEidam, Eidam, Clicker, Button, Red, Big, Shop, Ajdam, MrAjdam, paneidam, merida">
+  <meta name="description" content="Clicker hra s červeným tlačítkem a zvířátky!">
+  <meta name="author" content="MrEidam">
+  <meta property="og:url" content="https://www.mreidam-brb.com">
+  <meta property="og:title" content="BRB">
+  <meta property="og:description" content="Clicker hra s červeným tlačítkem a zvířátky!">
+  <meta property="og:image" content="https://github.com/MrEidam/bigredbutton/blob/2271c8fa52a50274d8610386a1e154e18d3495d1/img/brb-still.png">
+
   <script src="https://kit.fontawesome.com/21ea186610.js" crossorigin="anonymous"></script>
   <script src="https://code.jquery.com/jquery-3.4.1.js"></script>
   <title>BRB - Clicking</title>
@@ -19,7 +27,6 @@
 <body id="body">
   <!-- Shop -->
   <div id="tycoon">
-    <!--<a href="shop.html" id="shop"><p></p></a>-->
   </div>
 
   <!-- Clicks -->

js/main.js

@@ -187,7 +187,6 @@ function beriba(){
 
 function clicking(){
   items.clicks += 1*(items.Mclick||1)*items.pres;
-  console.log(items.clicks);
   update();
   
   document.getElementById('unpressed').style.visibility='hidden'
@@ -282,10 +281,14 @@ function LDmodes(){
   if((items.mode||0) == 0){// Light Mode
     body.style.background = '#fff';
     tycoon.style.background = 'radial-gradient(125% 100% at 50% 0%,#9aff9a 20%,#fff 70%)';
+    disclick.style.color = '#000';
+    disclick.style.textShadow = "";
     yt.style.filter = 'drop-shadow(10px 8px 6px #333)';
   }else if(items.mode == 1){// Dark Mode
     body.style.background = '#333';
     tycoon.style.background = 'radial-gradient(125% 100% at 50% 0%,#9aff9a 20%,#333 70%)';
+    disclick.style.color = '#f5f5f5';
+    disclick.style.textShadow = "2px 2px 4px #000";
     yt.style.filter = 'drop-shadow(10px 8px 6px #666)';
   }
   upload();

js/shop.js

@@ -175,14 +175,14 @@ function load(){
     hm1.innerHTML = 'Kup Křečka za <br /> 1 vlka a 2 kočky'
     wh1.innerHTML = 'Kup Velrybu za 2 vlky'
     cp1.innerHTML = 'Kup Kapybaru za <br /> 1 velrybu a 4 kočky'
-    pl1.innerHTML = 'Kup Ptakopyska za <br /> 1 capybaru a 1 vlka'
+    pl1.innerHTML = 'Kup Ptakopyska za <br /> 1 kapybaru a 1 vlka'
     pr1.innerHTML = 'Kup Dikobraza za <br /> 1 ptakopyska a 1 velrybu'
     hi1.innerHTML = 'Kup Hrocha za <br /> 1 dikobraza a 2 křečků'
     sn1.innerHTML = 'Kup Hada za <br /> 2 velryby a 4 křečky'
     ch1.innerHTML = 'Kup Geparda za <br /> 2 hady a 2 ptakopysky'
     py1.innerHTML = 'Kup Kobru za <br /> 1 geparda a 5 hrochů'
     gi1.innerHTML = 'Kup Žirafu za <br /> 1 kobru a 20 lišek'
-    ot1.innerHTML = 'Kup Vydru za <br /> 1 žirafu a 2 capybary'
+    ot1.innerHTML = 'Kup Vydru za <br /> 1 žirafu a 2 kapybary'
     me1.innerHTML = 'Kup Surikatu za <br /> 1 vydru a 3 velryby'
     ra1.innerHTML = 'Kup Mývala za <br /> 1 surikatu a 7 dikobrazů'
     ow1.innerHTML = 'Kup Sovu za <br /> 1 mývala a 1 hada'
@@ -369,7 +369,7 @@ function buyrac(){
 }
 function buyowl(){
   if(items.raccoon>=1 && items.snakes>=1){
-    items.pythons-=1;
+    items.raccoon-=1;
     items.snakes-=1;
     items.owl++;
   } 
@@ -648,6 +648,7 @@ function LDmodes(){
       e.style.background = '#ffefd5';
     });
     logclick.style.background = '#ffefd5';
+    disclick.style.textShadow = "";
     logclick.style.border = '5px dashed #00f';
     logclick.style.filter = 'drop-shadow(10px 8px 6px #222)';
   }else if(items.mode == 1){// Dark Mode
@@ -658,6 +659,7 @@ function LDmodes(){
       e.style.background = '#666055';
     });
     logclick.style.background = '#666055';
+    disclick.style.textShadow = "2px 2px 4px #000";
     logclick.style.border = '5px dashed #006';
     logclick.style.filter = 'drop-shadow(10px 8px 6px #222)';
   }