Version - 1 - 1-38

2023-11-29 22:29:18 +01:00
commit 2b81a65227
396 changed files with 19689 additions and 0 deletions
--- a/1/index.html
+++ b/1/index.html
@@ -0,0 +1,28 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>HTML</title>
  <!-- HTML -->
  <!-- Custom Styles -->
  <link rel="stylesheet" href="style.css">
 </head>
 <body>
 <div id="button1">
  <div id="red">
  	red
  </div>
    <div id="green">
  	green
  </div>
 </div>
  <script src="main.js"></script>
 </body>
 </html>
--- a/1/main.js
+++ b/1/main.js
@@ -0,0 +1,13 @@
 window.onload = function(){
 	var red = document.getElementById('red');
 	var green = document.getElementById('green');
 	var button = document.getElementById('button1');
 	button.ontouchstart = function(){
 		red.style.visibility='hidden';
 		green.style.visibility='visible'
 	}
 	button.ontouchend=function(){
 		red.style.visibility='visible';
 		green.style.visibility='hidden'
 	}
 }
--- a/1/style.css
+++ b/1/style.css
@@ -0,0 +1,24 @@
 body {
    font-size: 15pt;
    user-select: none;
 }
 #red{
 	position: absolute;
 	width: 100px;
 	height: 100px;
 	background: red;
 }
 #green{
 	position: absolute;
 	width: 100px;
 	height: 100px;
 	background: green;
 	visibility: hidden;
 }
 #button1{
 position: absolute;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -50px;
 }
--- a/10/index.html
+++ b/10/index.html
@@ -0,0 +1,30 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>HTML</title>
  <!-- HTML -->
  <!-- By MrEidamus & Stanislav Chlup -->
  <link rel="stylesheet" href="style.css">
 </head>
 <body>
 <div id="button1">
  <img src = "https://i.postimg.cc/rdJG75gD/Pressed.png" id="green">
  <img src = "https://i.postimg.cc/rdcChfG6/Notpressed.png" id="red">
 </div>
  <script src="main.js"></script>
  <p id="clicks"></p>
  <p id="dogs"></p>
  <button id="Reset" onclick="reset()">Reset</button> 
  <button id="Bog" onclick="dog()">Dog - 100 clicks!</button>
  <button id="BigBog" onclick="bigdog()">10 dogs - 1000 clicks!</button>
 </body>
 </html>
--- a/10/main.js
+++ b/10/main.js
@@ -0,0 +1,96 @@
 window.onload = function(){
 	start();
 }
 var count = 0;
 function start(){
 	if (localStorage.getItem('count')==undefined){
 	  count=0;
 	}
 	else{
 	  count = localStorage.getItem('count');
 	}
 	if (localStorage.getItem('dogs')==undefined){
 	  dogs=0;
 	}
 	else{
 	  dogs = localStorage.getItem('dogs');
 	}
 	document.getElementById('clicks').innerHTML='Congratulation you\'ve clicked ' + count + ' times!';
 	document.getElementById('dogs').innerHTML='Congratulations you got ' + dogs + ' dogs!';
 	var red = document.getElementById('red');
 	var green = document.getElementById('green');
 	var button = document.getElementById('button1');
 	if (/Android|iPhone/i.test(navigator.userAgent)) {
  button.ontouchstart = function(){
 		count++;
 		localStorage.setItem('count',count);
 		  document.getElementById('clicks').innerHTML='Congratulation you\'ve clicked ' + count + ' times!';
 		red.style.visibility='hidden';
 		green.style.visibility='visible';
 }
 	button.ontouchend = function(){
 		red.style.visibility='visible';
 		green.style.visibility='hidden';
 	}
 }else{
 	button.onmousedown = function(){
 		console.log('click');
 		count++;
 		localStorage.setItem('count',count);
 		  document.getElementById('clicks').innerHTML=
 		  'Congratulation you\'ve clicked ' + count + ' times!';
 	 red.style.visibility='hidden';
 		green.style.visibility='visible';
 	}
 	button.onmouseup = function(){
 		red.style.visibility='visible';
 		green.style.visibility='hidden'
 	}
 }
 }
 function reset(){
 	localStorage.removeItem('count');
 	localStorage.removeItem('dogs')
 	alert('Clicks and dogs successfully reseted!')
 	start();
 	}
 	var dogs=0;
 function dog(){
  if(count>=100){
    count -= 100;
    dogs++
    alert('Congratulations you\'ve bought a dog🐕');
 		localStorage.setItem('dogs',dogs);
 		document.getElementById('dogs').innerHTML='Congratulations you got ' + dogs + ' dogs!';
  }
  else{
    alert('You don\' have enough clicks!');
    alert('Tip: Click the button')
  }
 }
 function bigdog(){
  if(count >=1000){
    count -= 1000;
    dogs++
    alert('Congratulations you\'ve bought 10 dogs!')
    localStorage.setItem('dogs' ,dogs);
    	document.getElementById('dogs').innerHTML='Congratulations you got ' + dogs + ' dogs!';
  }
  else{
    alert('You don\'t have enough click! Try clicking the button');
  }
 }
--- a/10/style.css
+++ b/10/style.css
@@ -0,0 +1,42 @@
 body {
    font-size: 15pt;
 }
 #red{
 	position: absolute;
 	width: 300px;
 	height: 300px;
 }
 #green{
 	position: absolute;
 	width: 300px;
 	height: 300px;
 	visibility: hidden;
 }
 #button1{
  user-select: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -150px 0 0 -150px;
 }
 #Reset{
  user-select: none;
  width: 75px;
  height: 50px;
  background-color: darkred;
  color: #ffffff;
 }
 #Bog{
  user-select: none;
  width: 110px;
  height: 50px;
  background-color: wheat;
 }
 #BigBog{
  user-select: none;
  width: 135px;
  height: 50px;
  background-color: wheat;
 }
--- a/11/index.html
+++ b/11/index.html
@@ -0,0 +1,29 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>HTML</title>
  <!-- HTML -->
  <!-- By MrEidamus & Stanislav Chlup -->
  <link rel="stylesheet" href="style.css">
 </head>
 <body>
 <div id="button1">
  <img src = 'https://i.postimg.cc/rdcChfG6/Notpressed.png' id="unpressed">
  <img src = "https://i.postimg.cc/rdJG75gD/Pressed.png" id="pressed">
 </div>
  <script src="main.js"></script>
  <p id="clicks"></p>
  <button id="reset" onclick="game.reset()">Reset</button> 
  <button id="buydog" onclick="game.dog()">Buy a dog for 100 clicks!</button>
  <button id="buycat" onclick="game.cat()">Buy a cat for 20 dogs!</button>
 </body>
 </html>
--- a/11/main.js
+++ b/11/main.js
@@ -0,0 +1,59 @@
 var items = {
 			clicks: 0,
 			dogs: 0,
 			cats: 0,
 		};
 var user = {
 	device: function(){return (/Android|iPhone/i.test(navigator.userAgent));},/* true for mobiles */
 	setkeys: function(){
 		if(user.device()){
 			document.getElementById('button1').ontouchstart=function(){button.press()};document.getElementById('button1').ontouchend=function(){button.unpress()}
 		}else{document.getElementById('button1').onmousedown=function(){button.press()};document.getElementById('button1').onmouseup=function(){button.unpress()};};},
 };
 var button = {
 	press: function(){
 		game.click();
 			document.getElementById('unpressed').style.visibility = 'hidden';
 			document.getElementById('pressed').style.visibility = 'visible';
 	},
 	unpress: function(){
 			document.getElementById('unpressed').style.visibility = 'visible';
 			document.getElementById('pressed').style.visibility = 'hidden';
 	},
 };
 var ui = {
 	updateitems: function(){document.getElementById('clicks').innerHTML='clicks: ' + items.clicks + ', ' + ' dogs: ' + items.dogs + ', ' + 'cats: ' + items.cats;
 	localStorage.setItem('items',JSON.stringify(items))}
 }
 var game = {
 	loaditems: function(){
 		items = JSON.parse(localStorage.getItem('items'));
 	},
 	reset: function(){if(confirm('are you sure you want to reset all your progress')){items={clicks: 0,dogs: 0,cats: 0,};ui.updateitems();}},
 	click: function(){items.clicks+=1;ui.updateitems();},
 	dog: function(){if(items.clicks>=100){items.dogs+=1;items.clicks-=100;ui.updateitems();}},
 	cat: function(){if(items.dogs>=20){items.cats+=1;items.dogs-=20;ui.updateitems();}},
 };
 window.onload = function(){
 	user.setkeys();
 	if (localStorage.getItem('items')!=null){game.loaditems();};
 	ui.updateitems();
 };
--- a/11/style.css
+++ b/11/style.css
@@ -0,0 +1,42 @@
 body {
    font-size: 15pt;
 }
 #unpressed{
 	position: absolute;
 	width: 300px;
 	height: 300px;
 }
 #pressed{
 	position: absolute;
 	width: 300px;
 	height: 300px;
 	visibility: hidden;
 }
 #button1{
  user-select: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -150px 0 0 -150px;
 }
 #reset{
  user-select: none;
  width: 75px;
  height: 50px;
  background-color: darkred;
  color: #ffffff;
 }
 #buydog{
  user-select: none;
  width: 180px;
  height: 50px;
  background-color: wheat;
 }
 #buycat{
  user-select: none;
  width: 180px;
  height: 50px;
  background-color: darkgray;
 }
--- a/14/Add.txt
+++ b/14/Add.txt
@@ -0,0 +1,15 @@
 click.offline.make
 max 5 hour
 BuyDog dog.log clicks/s
 1 dog = 0.01 clicks/s
 1 cat = 1 clicks/s
 1 hamster = 100 c/s
 1 girrafe = 10 000 c/s
 1 citronovník = 30 lemons/h
 reset all.clicks
 36,7% k 10 citronum že vyroste citronovník
--- a/14/index.html
+++ b/14/index.html
@@ -0,0 +1,36 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>HTML</title>
  <!-- By MrEidamus & Stanislav Chlup -->
  <link rel="stylesheet" href="style.css">
 </head>
 <body>
  <div id="Clicks">
    <p id="logclicks"></p>
    </div>
 <div id="button1">
  <img src = 'https://i.postimg.cc/9Rs0vWFF/Nezm-kl.png' id="unpressed">
  <img src = "https://i.postimg.cc/NLr5Rrpy/Zm-kl.png" id="pressed">
 </div>
  <script src="main.js"></script>
  <div id="dog">
    <p id="logdog"></p>
    <button id="buydog" onclick="game.dog()">Buy a dog for 100 clicks!</button>
  </div>
  <div id="cat">
    <button id="buycat" onclick="game.cat()">Buy a cat for 20 dogs!</button>
  </div>
  <div id="delete">
    <button id="reset" onclick="game.reset()">Reset</button>
  </div>
  <button id="percent" onclick="game.percents()">1x</button>
 </body>
 </html>
--- a/14/main.js
+++ b/14/main.js
@@ -0,0 +1,64 @@
 var items = {
 			clicks: 0,
 			dogs: 0,
 			cats: 0,
 			lemons: 0,
 		};
 var user = {
 	device: function(){return (/Android|iPhone/i.test(navigator.userAgent));},/* true for mobiles */
 	setkeys: function(){
 		if(user.device()){
 			document.getElementById('button1').ontouchstart=function(){button.press()};document.getElementById('button1').ontouchend=function(){button.unpress()}
 		}else{document.getElementById('button1').onmousedown=function(){button.press()};document.getElementById('button1').onmouseup=function(){button.unpress()};};},
 };
 var button = {
 	press: function(){
 		game.click();
 			document.getElementById('unpressed').style.visibility = 'hidden';
 			document.getElementById('pressed').style.visibility = 'visible';
 	},
 	unpress: function(){
 			document.getElementById('unpressed').style.visibility = 'visible';
 			document.getElementById('pressed').style.visibility = 'hidden';
 	},
 };
 var ui = {
 	updateitems: function(){
 	  document.getElementById('logdog').innerHTML='Dogs: ' + items.dogs;
 	localStorage.setItem('items',JSON.stringify(items))
 	  document.getElementById('logclicks').innerHTML='Clicks: ' + items.clicks;
 	localStorage.setItem('items',JSON.stringify(items))
 	}
 }
 var game = {
 	loaditems: function(){
 		items = JSON.parse(localStorage.getItem('items'));
 	},
 	reset: function(){if(confirm('Are you sure you want to reset all your progress?')){items={clicks: 0,dogs: 0,cats: 0,lemons: 0,};ui.updateitems();}},
 	click: function(){items.clicks+=1;ui.updateitems();},
 	dog: function(){if(items.clicks>=100){items.dogs+=1;items.clicks-=100;ui.updateitems();}},
 	cat: function(){if(items.dogs>=10){items.cats+=1;items.dogs-=10;ui.updateitems();}},
 	lemon: function(){if(items.cats>=5){items.lemons+=1;items.cats-=5;ui.updateitems();}},
 };
 window.onload = function(){
 	user.setkeys();
 	if (localStorage.getItem('items')!=null){game.loaditems();};
 	ui.updateitems();
 };
--- a/14/style.css
+++ b/14/style.css
@@ -0,0 +1,72 @@
 body {
    font-size: 15pt;
 }
 #unpressed{
 	position: absolute;
 	width: 300px;
 	height: 300px;
 }
 #pressed{
 	position: absolute;
 	width: 300px;
 	height: 300px;
 	visibility: hidden;
 }
 #button1{
  user-select: none;
  position: absolute;
  top: 69px;
  left: 50%;
  margin: 0 0 0 -150px;
 }
 #reset{
  user-select: none;
  width: 75px;
  height: 50px;
  background-color: darkred;
  color: #ffffff;
 }
 #buydog{
  user-select: none;
  width: 180px;
  height: 50px;
  background-color: wheat;
 }
 #buycat{
  user-select: none;
  width: 180px;
  height: 50px;
  background-color: darkgray;
 }
 #dog{
  user-select: none;
  position: absolute;
  top: 400px
 }
 #cat{
  user-select: none;
  position: absolute;
  top: 520px;
 }
 #delete{
  user-select: none;
  position: absolute;
  top: 1000px;
 }
 #percent{
  user-select: none;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
 }
 #Clicks{
  user-select: none;
  position: absolute;
  text-align: center;
  height: 20px;
  width: 200px;
  top: 10px;
  left: 50%;
  margin: 0 0 0 -100px;
 }
--- a/15/Add.txt
+++ b/15/Add.txt
@@ -0,0 +1,15 @@
 click.offline.make
 max 5 hour
 BuyDog dog.log clicks/s
 1 dog = 0.01 clicks/s
 1 cat = 1 clicks/s
 1 hamster = 100 c/s
 1 girrafe = 10 000 c/s
 1 citronovník = 30 lemons/h
 reset all.clicks
 36,7% k 10 citronum že vyroste citronovník
--- a/15/devlog.txt
+++ b/15/devlog.txt
@@ -0,0 +1,16 @@
 v. 15
 - added comments making code more readeble
 - id of paragraph showing items must be same as item name in items object if not error can occur
 - orgenised code in logic order (as example look at css & html)
 - ui.updateitems function made working on every item in items object
 - added lemons as new item now four total (including clicks)
 - separated buy item functions from game object now are in buy object
 - added setup function to game object to clean up window.onload function
--- a/15/index.html
+++ b/15/index.html
@@ -0,0 +1,68 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
 	<title>BRB clicker</title>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- By MrEidamus & Stanislav Chlup -->
  <link rel="stylesheet" href="style.css">
 </head>
 <body>
 	 <!-- reset progress -->
  <div id="delete">
    <button id="reset" onclick="game.reset()">Reset</button>
  </div>
 	<!-- percent button -->
 	<button id="percent" onclick="game.percents()">
 		1x
 	</button>
 	<!-- B.R.B. (big red button) -->
 <div id="button">
  <img src = 'https://i.postimg.cc/9Rs0vWFF/Nezm-kl.png' id="unpressed">
  <img src = "https://i.postimg.cc/NLr5Rrpy/Zm-kl.png" id="pressed">
 </div>
 	<!-- clicks logging -->
  <div id="clicks">
    <p id="logclicks"></p>
  </div>
  <!-- item sections -->
  <!-- dogs -->
  <div id="dog">
    <p id="logdogs"></p>
    <button id="buydog" onclick="buy.dog()">
    	Buy a dog for 100 clicks!
    </button>
  </div>
  <!-- cats -->
  <div id="cat">
  	<p id="logcats"></p>
    <button id="buycat" onclick="buy.cat()">
    	Buy a cat for 20 dogs!
    </button>
  </div>
  <!-- lemons -->
  <div id="lemon">
  	<p id="loglemons"></p>
    <button id="buylemon" onclick="buy.lemon()">
    	Buy a lemon for ? cats!
    </button>
  </div>
  <!-- script -->
    <script src="main.js"></script>
 </body>
 </html>
--- a/15/main.js
+++ b/15/main.js
@@ -0,0 +1,59 @@
 window.onload = function(){
 	game.setup();
 };
 // items
 var items = {
 			clicks: 0,
 			dogs: 0,
 			cats: 0,
 			lemons: 0,
 		};
 // device
 var user = {
 	device: function(){return (/Android|iPhone/i.test(navigator.userAgent));},/* true for mobiles */
 	setkeys: function(){
 		if(user.device()){
 			document.getElementById('button').ontouchstart=function(){button.press()};document.getElementById('button').ontouchend=function(){button.unpress()}
 		}else{document.getElementById('button').onmousedown=function(){button.press()};document.getElementById('button').onmouseup=function(){button.unpress()};};},
 };
 //user interface
 var ui = {
 	updateitems: function(){
 		for (let name in items) {
 			document.getElementById('log'+name).innerHTML = name + ': ' + items[name];
 		}
 		localStorage.setItem('items', JSON.stringify(items))
 	},
 }
 // BRB
 var button = {
 	press: function(){game.click();document.getElementById('unpressed').style.visibility = 'hidden';document.getElementById('pressed').style.visibility = 'visible';},
 	unpress: function(){document.getElementById('unpressed').style.visibility = 'visible';document.getElementById('pressed').style.visibility = 'hidden';},
 };
 // game functions
 var game = {
 	loaditems: function(){items = JSON.parse(localStorage.getItem('items'));},
 	reset: function(){if(confirm('Are you sure you want to reset all your progress?')){items={clicks: 0,dogs: 0,cats: 0,lemons: 0,};ui.updateitems();}},
 	setup: function(){user.setkeys();if (localStorage.getItem('items')!=null){game.loaditems();};ui.updateitems();},
 	click: function(){items.clicks+=1;ui.updateitems();},
 };
 // buy item functions
 var buy = {
 	dog: function(){if(items.clicks>=100){items.dogs+=1;items.clicks-=100;ui.updateitems();}},
 	cat: function(){if(items.dogs>=10){items.cats+=1;items.dogs-=10;ui.updateitems();}},
 	lemon: function(){if(items.cats>=5){items.lemons+=1;items.cats-=5;ui.updateitems();}},
 }
--- a/15/style.css
+++ b/15/style.css
@@ -0,0 +1,99 @@
 body {
    font-size: 15pt;
 }
 /* reset */
 #reset{
  user-select: none;
  width: 75px;
  height: 50px;
  background-color: darkred;
  color: #ffffff;
 }
 #delete{
  user-select: none;
  position: absolute;
  top: 1000px;
  right: 10px;
 }
 /* percent */
 #percent{
  user-select: none;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
 }
 /*BRB*/
 #unpressed{
 	position: absolute;
 	width: 300px;
 	height: 300px;
 }
 #pressed{
 	position: absolute;
 	width: 300px;
 	height: 300px;
 	visibility: hidden;
 }
 #button{
  user-select: none;
  position: absolute;
  top: 69px;
  left: 50%;
  margin: 0 0 0 -150px;
 }
 /* items */
 /* click */
 #clicks{
  user-select: none;
  position: absolute;
  text-align: center;
  height: 20px;
  width: 200px;
  top: 10px;
  left: 50%;
  margin: 0 0 0 -100px;
 }
 /* dog */
 #dog{
  user-select: none;
  position: absolute;
  top: 400px;
 }
 #buydog{
  user-select: none;
  width: 180px;
  height: 50px;
  background-color: wheat;
 }
 /* cat */
 #cat{
  user-select: none;
  position: absolute;
  top: 525px;
 }
 #buycat{
 	user-select: none;
 	width: 180px;
 	height: 50px;
 	background-color: darkgray;
 }
 /* lemon */
 #lemon{
  user-select: none;
  position: absolute;
  top: 650px;
 }
 #buylemon{
 	user-select: none;
 	width: 180px;
 	height: 50px;
 	background-color: yellow;
 }
--- a/16/Add.txt
+++ b/16/Add.txt
@@ -0,0 +1,17 @@
 click.offline.make
 max 5 hour
 BuyDog dog.log clicks/s
 1 dog = 1 clicks/s
 1 cat = 100 clicks/s
 1 hamster = 10 000 c/s
 1 girrafe = 1 000 000 c/s
 1 citronovník = 30 lemons/h
 reset all.clicks
 36,7% k 10 citronum že vyroste citronovník
 compile to .exe and add it to the play store
--- a/16/devlog.txt
+++ b/16/devlog.txt
@@ -0,0 +1,16 @@
 v. 15
 - added comments making code more readeble
 - id of paragraph showing items must be same as item name in items object if not error can occur
 - orgenised code in logic order (as example look at css & html)
 - ui.updateitems function made working on every item in items object
 - added lemons as new item now four total (including clicks)
 - separated buy item functions from game object now are in buy object
 - added setup function to game object to clean up window.onload function
--- a/16/index.html
+++ b/16/index.html
@@ -0,0 +1,68 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
 	<title>BRB clicker</title>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- By MrEidamus & Stanislav Chlup -->
  <link rel="stylesheet" href="style.css">
 </head>
 <body>
 	 <!-- reset progress -->
  <div id="delete">
    <button id="reset" onclick="game.reset()">Reset</button>
  </div>
 	<!-- percent button -->
 	<button id="percent" onclick="game.percents()">
 		1x
 	</button>
 	<!-- B.R.B. (big red button) -->
 <div id="button">
  <img src = 'https://i.postimg.cc/9Rs0vWFF/Nezm-kl.png' id="unpressed">
  <img src = "https://i.postimg.cc/NLr5Rrpy/Zm-kl.png" id="pressed">
 </div>
 	<!-- clicks logging -->
  <div id="clicks">
    <p id="logclicks"></p>
  </div>
  <!-- item sections -->
  <!-- dogs -->
  <div id="dog">
    <p id="logdogs"></p>
    <button id="buydog" onclick="buy.dog()">
    	Buy a dog for 100 clicks!
    </button>
  </div>
  <!-- cats -->
  <div id="cat">
  	<p id="logcats"></p>
    <button id="buycat" onclick="buy.cat()">
    	Buy a cat for 10 dogs!
    </button>
  </div>
  <!-- lemons -->
  <div id="lemon">
  	<p id="loglemons"></p>
    <button id="buylemon" onclick="buy.lemon()">
    	Buy a lemon for ? cats!
    </button>
  </div>
  <!-- script -->
    <script src="main.js"></script>
 </body>
 </html>
--- a/16/main.js
+++ b/16/main.js
@@ -0,0 +1,59 @@
 window.onload = function(){
 	game.setup();
 };
 // items
 var items = {
 			clicks: 0,
 			dogs: 0,
 			cats: 0,
 			lemons: 0,
 		};
 // device
 var user = {
 	device: function(){return (/Android|iPhone/i.test(navigator.userAgent));},/* true for mobiles */
 	setkeys: function(){
 		if(user.device()){
 			document.getElementById('button').ontouchstart=function(){button.press()};document.getElementById('button').ontouchend=function(){button.unpress()}
 		}else{document.getElementById('button').onmousedown=function(){button.press()};document.getElementById('button').onmouseup=function(){button.unpress()};};},
 };
 //user interface
 var ui = {
 	updateitems: function(){
 		for (let name in items) {
 			document.getElementById('log'+name).innerHTML ='You have ' + name + ': ' + items[name];
 		}
 		localStorage.setItem('items', JSON.stringify(items))
 	},
 }
 // BRB
 var button = {
 	press: function(){game.click();document.getElementById('unpressed').style.visibility = 'hidden';document.getElementById('pressed').style.visibility = 'visible';},
 	unpress: function(){document.getElementById('unpressed').style.visibility = 'visible';document.getElementById('pressed').style.visibility = 'hidden';},
 };
 // game functions
 var game = {
 	loaditems: function(){items = JSON.parse(localStorage.getItem('items'));},
 	reset: function(){if(confirm('Are you sure you want to reset all your progress?')){items={clicks: 0,dogs: 0,cats: 0,lemons: 0,};ui.updateitems();}},
 	setup: function(){user.setkeys();if (localStorage.getItem('items')!=null){game.loaditems();};ui.updateitems();},
 	click: function(){items.clicks+=1;ui.updateitems();},
 };
 // buy item functions
 var buy = {
 	dog: function(){if(items.clicks>=100){items.dogs+=1;items.clicks-=100;ui.updateitems();}},
 	cat: function(){if(items.dogs>=10){items.cats+=1;items.dogs-=10;ui.updateitems();}},
 	lemon: function(){if(items.cats>=5){items.lemons+=1;items.cats-=5;ui.updateitems();}},
 }
--- a/16/style.css
+++ b/16/style.css
@@ -0,0 +1,117 @@
 body {
    font-size: 15pt;
 }
 /* reset */
 #reset{
  user-select: none;
  width: 75px;
  height: 50px;
  background-color: darkred;
  color: #ffffff;
 }
 #delete{
  user-select: none;
  position: absolute;
  top: 1000px;
  right: 10px;
 }
 /* percent */
 #percent{
  user-select: none;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
 }
 /*BRB*/
 #unpressed{
 	position: absolute;
 	width: 300px;
 	height: 300px;
 }
 #pressed{
 	position: absolute;
 	width: 300px;
 	height: 300px;
 	visibility: hidden;
 }
 #button{
  user-select: none;
  position: absolute;
  top: 69px;
  left: 50%;
  margin: 0 0 0 -150px;
 }
 /* items */
 /* click */
 #clicks{
  user-select: none;
  position: absolute;
  text-align: center;
  height: 20px;
  width: 200px;
  top: 10px;
  left: 50%;
  margin: 0 0 0 -100px;
 }
 /* dog */
 #dog{
  user-select: none;
  position: absolute;
  top: 400px;
 }
 #buydog{
  user-select: none;
  width: 180px;
  height: 50px;
  background-color: wheat;
 }
 #logdogs{
  position: absolute;
  width: 200px;
  top: -5px;
  left: 190px;
 }
 /* cat */
 #cat{
  user-select: none;
  position: absolute;
  top: 525px;
 }
 #buycat{
 	user-select: none;
 	width: 180px;
 	height: 50px;
 	background-color: darkgray;
 }
 #logcats{
  position: absolute;
  width: 200px;
  top: -5px;
  left: 190px;
 }
 /* lemon */
 #lemon{
  user-select: none;
  position: absolute;
  top: 650px;
 }
 #buylemon{
 	user-select: none;
 	width: 180px;
 	height: 50px;
 	background-color: yellow;
 }
 #loglemons {
  position: absolute;
  width: 200px;
  top: -5px;
  left: 190px;
 }
--- a/17/Add.txt
+++ b/17/Add.txt
@@ -0,0 +1,17 @@
 click.offline.make
 max 5 hour
 BuyDog dog.log clicks/s
 1 dog = 1 clicks/s
 1 cat = 100 clicks/s
 1 hamster = 10 000 c/s
 1 girrafe = 1 000 000 c/s
 1 citronovník = 30 lemons/h
 reset all.clicks
 36,7% k 10 citronum že vyroste citronovník
 compile to .exe and add it to the play store
--- a/17/devlog.txt
+++ b/17/devlog.txt
@@ -0,0 +1,16 @@
 v. 15
 - added comments making code more readeble
 - id of paragraph showing items must be same as item name in items object if not error can occur
 - orgenised code in logic order (as example look at css & html)
 - ui.updateitems function made working on every item in items object
 - added lemons as new item now four total (including clicks)
 - separated buy item functions from game object now are in buy object
 - added setup function to game object to clean up window.onload function
--- a/17/index.html
+++ b/17/index.html
@@ -0,0 +1,68 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
 	<title>BRB clicker</title>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- By MrEidamus & Stanislav Chlup -->
  <link rel="stylesheet" href="style.css">
 </head>
 <body>
 	 <!-- reset progress -->
  <div id="delete">
    <button id="reset" onclick="game.reset()">Reset</button>
  </div>
 	<!-- percent button -->
 	<button id="percent" onclick="game.percents()">
 		1x
 	</button>
 	<!-- B.R.B. (big red button) -->
 <div id="button">
  <img src = 'https://i.postimg.cc/9Rs0vWFF/Nezm-kl.png' id="unpressed">
  <img src = "https://i.postimg.cc/NLr5Rrpy/Zm-kl.png" id="pressed">
 </div>
 	<!-- clicks logging -->
  <div id="clicks">
    <p id="logclicks"></p>
  </div>
  <!-- item sections -->
  <!-- dogs -->
  <div id="dog">
    <p id="logdogs"></p>
    <button id="buydog" onclick="buy.dog()">
    	Buy a dog for 100 clicks!
    </button>
  </div>
  <!-- cats -->
  <div id="cat">
  	<p id="logcats"></p>
    <button id="buycat" onclick="buy.cat()">
    	Buy a cat for 10 dogs!
    </button>
  </div>
  <!-- lemons -->
  <div id="lemon">
  	<p id="loglemons"></p>
    <button id="buylemon" onclick="buy.lemon()">
    	Buy a lemon for ? cats!
    </button>
  </div>
  <!-- script -->
    <script src="main.js"></script>
 </body>
 </html>
--- a/17/main.js
+++ b/17/main.js
@@ -0,0 +1,59 @@
 window.onload = function(){
 	game.setup();
 };
 // items
 var items = {
 			clicks: 0,
 			dogs: 0,
 			cats: 0,
 			lemons: 0,
 		};
 // device
 var user = {
 	device: function(){return (/Android|iPhone/i.test(navigator.userAgent));},/* true for mobiles */
 	setkeys: function(){
 		if(user.device()){
 			document.getElementById('button').ontouchstart=function(){button.press()};document.getElementById('button').ontouchend=function(){button.unpress()}
 		}else{document.getElementById('button').onmousedown=function(){button.press()};document.getElementById('button').onmouseup=function(){button.unpress()};};},
 };
 //user interface
 var ui = {
 	updateitems: function(){
 		for (let name in items) {
 			document.getElementById('log'+name).innerHTML ='You have ' + name + ': ' + items[name];
 		}
 		localStorage.setItem('items', JSON.stringify(items))
 	},
 }
 // BRB
 var button = {
 	press: function(){game.click();document.getElementById('unpressed').style.visibility = 'hidden';document.getElementById('pressed').style.visibility = 'visible';},
 	unpress: function(){document.getElementById('unpressed').style.visibility = 'visible';document.getElementById('pressed').style.visibility = 'hidden';},
 };
 // game functions
 var game = {
 	loaditems: function(){items = JSON.parse(localStorage.getItem('items'));},
 	reset: function(){if(confirm('Are you sure you want to reset all your progress?')){items={clicks: 0,dogs: 0,cats: 0,lemons: 0,};ui.updateitems();}},
 	setup: function(){user.setkeys();if (localStorage.getItem('items')!=null){game.loaditems();};ui.updateitems();},
 	click: function(){items.clicks+=1;ui.updateitems();},
 };
 // buy item functions
 var buy = {
 	dog: function(){if(items.clicks>=100){items.dogs+=1;items.clicks-=100;ui.updateitems();}},
 	cat: function(){if(items.dogs>=10){items.cats+=1;items.dogs-=10;ui.updateitems();}},
 	lemon: function(){if(items.cats>=5){items.lemons+=1;items.cats-=5;ui.updateitems();}},
 }
--- a/17/style.css
+++ b/17/style.css
@@ -0,0 +1,117 @@
 body {
    font-size: 15pt;
    user-select: none;
 }
 /* reset */
 #reset{
  user-select: none;
  width: 75px;
  height: 50px;
  background-color: darkred;
  color: #ffffff;
 }
 #delete{
  user-select: none;
  position: absolute;
  top: 1000px;
  right: 10px;
 }
 /* percent */
 #percent{
  user-select: none;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
 }
 /*BRB*/
 #unpressed{
 	position: absolute;
 	width: 300px;
 	height: 300px;
 	border-radius: 150px;
 }
 #pressed{
 	position: absolute;
 	width: 300px;
 	height: 300px;
 	visibility: hidden;
 	border-radius: 150px;
 }
 #button{
  user-select: none;
  position: absolute;
  top: 69px;
  left: 50%;
  margin: 0 0 0 -150px;
  border-radius: 150px;
 }
 /* items */
 /* click */
 #clicks{
  position: absolute;
  text-align: center;
  height: 20px;
  width: 400px;
  top: 10px;
  left: 50%;
  margin: 0 0 0 -200px;
 }
 /* dog */
 #dog{
  position: absolute;
  top: 400px;
 }
 #buydog{
  width: 180px;
  height: 50px;
  background-color: wheat;
  border-radius: 20px;
 }
 #logdogs{
  position: absolute;
  width: 200px;
  top: -5px;
  left: 190px;
 }
 /* cat */
 #cat{
  position: absolute;
  top: 525px;
 }
 #buycat{
 	width: 180px;
 	height: 50px;
 	background-color: darkgray;
 	border-radius: 20px;
 }
 #logcats{
  position: absolute;
  width: 200px;
  top: -5px;
  left: 190px;
 }
 /* lemon */
 #lemon{
  position: absolute;
  top: 650px;
 }
 #buylemon{
 	width: 180px;
 	height: 50px;
 	background-color: yellow;
 	border-radius: 20px;
 }
 #loglemons {
  position: absolute;
  width: 200px;
  top: -5px;
  left: 190px;
 }
--- a/18/Add.txt
+++ b/18/Add.txt
@@ -0,0 +1,17 @@
 click.offline.make
 max 5 hour
 BuyDog dog.log clicks/s
 1 dog = 1 clicks/s
 1 cat = 100 clicks/s
 1 hamster = 10 000 c/s
 1 girrafe = 1 000 000 c/s
 1 citronovník = 30 lemons/h
 reset all.clicks
 36,7% k 10 citronum že vyroste citronovník
 compile to .exe and add it to the play store
--- a/18/devlog.txt
+++ b/18/devlog.txt
@@ -0,0 +1,16 @@
 v. 15
 - added comments making code more readeble
 - id of paragraph showing items must be same as item name in items object if not error can occur
 - orgenised code in logic order (as example look at css & html)
 - ui.updateitems function made working on every item in items object
 - added lemons as new item now four total (including clicks)
 - separated buy item functions from game object now are in buy object
 - added setup function to game object to clean up window.onload function
--- a/18/index.html
+++ b/18/index.html
@@ -0,0 +1,75 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
 	<title>BRB clicker</title>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- By MrEidamus & Stanislav Chlup -->
  <link rel="stylesheet" href="style.css">
 </head>
 <body>
 	 <!-- reset progress -->
  <div id="delete">
    <button id="reset" onclick="game.reset()">Reset</button>
  </div>
 	<!-- percent button -->
 	<button id="percent" onclick="game.percents()">
 		1x
 	</button>
 	<!-- B.R.B. (big red button) -->
 <div id="button">
  <img src = 'https://i.postimg.cc/9Rs0vWFF/Nezm-kl.png' id="unpressed">
  <img src = "https://i.postimg.cc/NLr5Rrpy/Zm-kl.png" id="pressed">
 </div>
 	<!-- clicks logging -->
  <div id="clicks">
    <p id="logclicks"></p>
  </div>
  <!-- item sections -->
  <!-- dogs -->
  <div id="dog">
    <p id="logdogs"></p>
    <button id="buydog" onclick="buy.dog()">
    	Buy a dog for 100 clicks!
    </button>
  </div>
  <!-- cats -->
  <div id="cat">
  	<p id="logcats"></p>
    <button id="buycat" onclick="buy.cat()">
    	Buy a cat for 10 dogs!
    </button>
  </div>
  <!-- lemons -->
  <div id="lemon">
  	<p id="loglemons"></p>
    <button id="buylemon" onclick="buy.lemon()">
    	Buy a lemon for ? cats!
    </button>
  </div>
  <!-- foxes -->
  <div id="fox">
    <p id="logfoxes"></p>
    <button id="buyfox" onclick="buy.fox()">
      Buy a fox for 15 dogs!
    </button>
  </div>
  <!-- script -->
    <script src="main.js"></script>
 </body>
 </html>
--- a/18/main.js
+++ b/18/main.js
@@ -0,0 +1,62 @@
 window.onload = function(){
 	game.setup();
 };
 // items
 var items = {
 			clicks: 0,
 			dogs: 0,
 			cats: 0,
 			lemons: 0,
 			foxes: 0,
 		};
 // device
 var user = {
 	device: function(){return (/Android|iPhone/i.test(navigator.userAgent));},/* true for mobiles */
 	setkeys: function(){
 		if(user.device()){
 			document.getElementById('button').ontouchstart=function(){button.press()};document.getElementById('button').ontouchend=function(){button.unpress()}
 		}else{document.getElementById('button').onmousedown=function(){button.press()};document.getElementById('button').onmouseup=function(){button.unpress()};};},
 };
 //user interface
 var ui = {
 	updateitems: function(){
 		for (let name in items) {
 			document.getElementById('log'+name).innerHTML ='You have ' + name + ': ' + items[name];
 		}
 		localStorage.setItem('items', JSON.stringify(items))
 	},
 }
 // BRB
 var button = {
 	press: function(){game.click();document.getElementById('unpressed').style.visibility = 'hidden';document.getElementById('pressed').style.visibility = 'visible';},
 	unpress: function(){document.getElementById('unpressed').style.visibility = 'visible';document.getElementById('pressed').style.visibility = 'hidden';},
 };
 // game functions
 var game = {
 	loaditems: function(){items = JSON.parse(localStorage.getItem('items'));},
 	reset: function(){if(confirm('Are you sure you want to reset all your progress?')){items={clicks: 0,dogs: 0,cats: 0,lemons: 0,foxes: 0,};ui.updateitems();}},
 	setup: function(){user.setkeys();if (localStorage.getItem('items')!=null){game.loaditems();};ui.updateitems();},
 	click: function(){items.clicks+=1;ui.updateitems();},
 };
 // buy item functions
 var buy = {
 	dog: function(){if(items.clicks>=100){items.dogs+=1;items.clicks-=100;ui.updateitems();}},
 	cat: function(){if(items.dogs>=10){items.cats+=1;items.dogs-=10;ui.updateitems();}},
 	lemon: function(){if(items.cats>=5){items.lemons+=1;items.cats-=5;ui.updateitems();}},
 	fox: function(){if(items.dogs>=15){items.foxes+=1;items.dogs-=15;ui.updateitems();}},
 }
--- a/18/style.css
+++ b/18/style.css
@@ -0,0 +1,136 @@
 body {
    font-size: 15pt;
    user-select: none;
 }
 /* reset */
 #reset{
  user-select: none;
  width: 75px;
  height: 50px;
  background-color: darkred;
  color: #ffffff;
 }
 #delete{
  user-select: none;
  position: absolute;
  top: 900px;
  right: 10px;
 }
 /* percent */
 #percent{
  user-select: none;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
 }
 /*BRB*/
 #unpressed{
 	position: absolute;
 	width: 300px;
 	height: 300px;
 	border-radius: 150px;
 }
 #pressed{
 	position: absolute;
 	width: 300px;
 	height: 300px;
 	visibility: hidden;
 	border-radius: 150px;
 }
 #button{
  user-select: none;
  position: absolute;
  top: 69px;
  left: 50%;
  margin: 0 0 0 -150px;
  border-radius: 150px;
 }
 /* I T E M S */
 /* click */
 #clicks{
  position: absolute;
  text-align: center;
  height: 20px;
  width: 400px;
  top: 10px;
  left: 50%;
  margin: 0 0 0 -200px;
 }
 /* dog */
 #dog{
  position: absolute;
  top: 400px;
 }
 #buydog{
  width: 180px;
  height: 50px;
  background-color: wheat;
  border-radius: 20px;
 }
 #logdogs{
  position: absolute;
  width: 200px;
  top: -5px;
  left: 190px;
 }
 /* cat */
 #cat{
  position: absolute;
  top: 475px;
 }
 #buycat{
 	width: 180px;
 	height: 50px;
 	background-color: darkgray;
 	border-radius: 20px;
 }
 #logcats{
  position: absolute;
  width: 200px;
  top: -5px;
  left: 190px;
 }
 /* lemon */
 #lemon{
  position: absolute;
  top: 550px;
 }
 #buylemon{
 	width: 180px;
 	height: 50px;
 	background-color: yellow;
 	border-radius: 20px;
 }
 #loglemons{
  position: absolute;
  width: 200px;
  top: -5px;
  left: 190px;
 }
 /* fox */
 #fox{
  position: absolute;
  top: 625px;
 }
 #buyfox{
  width: 180px;
  height: 50px;
  background-color: orange;
  border-radius: 20px;
 }
 #logfoxes{
  position: absolute;
  width: 200px;
  top: -5px;
  left: 190px;
 }
--- a/19/Add.txt
+++ b/19/Add.txt
@@ -0,0 +1,26 @@
 click.offline.make
 max 5 hour
 BuyDog dog.log clicks/s
 1 dog = 1 clicks/s
 1 cat = 100 clicks/s
 1 fox = 15 clicks/s
 1 hamster = 10 000 c/s
 1 girrafe = 1 000 000 c/s
 1 citronovník = 30 lemons/h
 reset all.clicks
 36,7% k 10 citronum že vyroste citronovník
 compile to .exe and add it to the play store
 add complete history of clicks, dogs, cats, lemons, ...
 total production
 upgrades!
 more costly stuff + 14% 
--- a/19/devlog.txt
+++ b/19/devlog.txt
@@ -0,0 +1,16 @@
 v. 15
 - added comments making code more readeble
 - id of paragraph showing items must be same as item name in items object if not error can occur
 - orgenised code in logic order (as example look at css & html)
 - ui.updateitems function made working on every item in items object
 - added lemons as new item now four total (including clicks)
 - separated buy item functions from game object now are in buy object
 - added setup function to game object to clean up window.onload function
--- a/19/index.html
+++ b/19/index.html
@@ -0,0 +1,73 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
 	<title>BRB clicker</title>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- By MrEidamus & Stanislav Chlup -->
  <link rel="stylesheet" href="style.css">
 </head>
 <body>
 	 <!-- reset progress -->
  <div id="delete">
    <button id="reset" onclick="game.reset()">Reset</button>
  </div>
 	<!-- percent button -->
 	<button id="percent" onclick="game.percents()">
 		1x
 	</button>
 	<!-- B.R.B. (big red button) -->
  <div id="button">
  <img src = 'https://i.postimg.cc/9Rs0vWFF/Nezm-kl.png' id="unpressed">
  <img src = "https://i.postimg.cc/NLr5Rrpy/Zm-kl.png" id="pressed">
 </div>
 	<!-- clicks logging -->
  <div id="clicks">
    <p id="logclicks"></p>
  </div>
  <!-- item sections -->
  <!-- dogs -->
  <div id="dog">
    <p id="logdogs"></p>
    <button id="buydog" onclick="buy.dog()">
    	Buy a dog for 100 clicks!
    </button>
  </div>
  <!-- cats -->
  <div id="cat">
  	<p id="logcats"></p>
    <button id="buycat" onclick="buy.cat()">
    	Buy a cat for 10 dogs!
    </button>
  </div>
  <!-- lemons -->
  <div id="lemon">
  	<p id="loglemons"></p>
    <button id="buylemon" onclick="buy.lemon()">
    	Buy a lemon for ? cats!
    </button>
  </div>
  <!-- foxes -->
  <div id="fox">
    <p id="logfoxes"></p>
    <button id="buyfox" onclick="buy.fox()">
      Buy a fox for 15 dogs!
    </button>
  </div>
  <!-- script -->
  <script src="main.js"></script>
 </body>
 </html>
--- a/19/main.js
+++ b/19/main.js
@@ -0,0 +1,62 @@
 window.onload = function(){
 	game.setup();
 };
 // items
 var items = {
 			clicks: 0,
 			dogs: 0,
 			cats: 0,
 			lemons: 0,
 			foxes: 0,
 		};
 // device
 var user = {
 	device: function(){return (/Android|iPhone/i.test(navigator.userAgent));},/* true for mobiles */
 	setkeys: function(){
 		if(user.device()){
 			document.getElementById('button').ontouchstart=function(){button.press()};document.getElementById('button').ontouchend=function(){button.unpress()}
 		}else{document.getElementById('button').onmousedown=function(){button.press()};document.getElementById('button').onmouseup=function(){button.unpress()};};},
 };
 //user interface
 var ui = {
 	updateitems: function(){
 		for (let name in items) {
 			document.getElementById('log'+name).innerHTML ='You have ' + name + ': ' + items[name];
 		}
 		localStorage.setItem('items', JSON.stringify(items))
 	},
 }
 // BRB
 var button = {
 	press: function(){game.click();document.getElementById('unpressed').style.visibility = 'hidden';document.getElementById('pressed').style.visibility = 'visible';},
 	unpress: function(){document.getElementById('unpressed').style.visibility = 'visible';document.getElementById('pressed').style.visibility = 'hidden';},
 };
 // game functions
 var game = {
 	loaditems: function(){items = JSON.parse(localStorage.getItem('items'));},
 	reset: function(){if(confirm('Are you sure you want to reset all your progress?')){items={clicks: 0,dogs: 0,cats: 0,lemons: 0,foxes: 0,};ui.updateitems();}},
 	setup: function(){user.setkeys();if (localStorage.getItem('items')!=null){game.loaditems();};ui.updateitems();},
 	click: function(){items.clicks+=1;ui.updateitems();},
 };
 // buy item functions
 var buy = {
 	dog: function(){if(items.clicks>=100){items.dogs+=1;items.clicks-=100;ui.updateitems();}},
 	cat: function(){if(items.dogs>=10){items.cats+=1;items.dogs-=10;ui.updateitems();}},
 	lemon: function(){if(items.cats>=5){items.lemons+=1;items.cats-=5;ui.updateitems();}},
 	fox: function(){if(items.dogs>=15){items.foxes+=1;items.dogs-=15;ui.updateitems();}},
 }
--- a/19/style.css
+++ b/19/style.css
@@ -0,0 +1,136 @@
 body {
    font-size: 15pt;
    user-select: none;
 }
 /* reset */
 #reset{
  user-select: none;
  width: 75px;
  height: 50px;
  background-color: darkred;
  color: #ffffff;
 }
 #delete{
  user-select: none;
  position: absolute;
  top: 900px;
  right: 10px;
 }
 /* percent */
 #percent{
  user-select: none;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
 }
 /*BRB*/
 #unpressed{
 	position: absolute;
 	width: 300px;
 	height: 300px;
 	border-radius: 150px;
 }
 #pressed{
 	position: absolute;
 	width: 300px;
 	height: 300px;
 	visibility: hidden;
 	border-radius: 150px;
 }
 #button{
  user-select: none;
  position: absolute;
  top: 69px;
  left: 50%;
  margin: 0 0 0 -150px;
  border-radius: 150px;
 }
 /* I T E M S */
 /* click */
 #clicks{
  position: absolute;
  text-align: center;
  height: 20px;
  width: 400px;
  top: 10px;
  left: 50%;
  margin: 0 0 0 -200px;
 }
 /* dog */
 #dog{
  position: absolute;
  top: 400px;
 }
 #buydog{
  width: 180px;
  height: 50px;
  background-color: wheat;
  border-radius: 20px;
 }
 #logdogs{
  position: absolute;
  width: 200px;
  top: -5px;
  left: 190px;
 }
 /* cat */
 #cat{
  position: absolute;
  top: 475px;
 }
 #buycat{
 	width: 180px;
 	height: 50px;
 	background-color: darkgray;
 	border-radius: 20px;
 }
 #logcats{
  position: absolute;
  width: 200px;
  top: -5px;
  left: 190px;
 }
 /* lemon */
 #lemon{
  position: absolute;
  top: 550px;
 }
 #buylemon{
 	width: 180px;
 	height: 50px;
 	background-color: yellow;
 	border-radius: 20px;
 }
 #loglemons{
  position: absolute;
  width: 200px;
  top: -5px;
  left: 190px;
 }
 /* fox */
 #fox{
  position: absolute;
  top: 625px;
 }
 #buyfox{
  width: 180px;
  height: 50px;
  background-color: orange;
  border-radius: 20px;
 }
 #logfoxes{
  position: absolute;
  width: 200px;
  top: -5px;
  left: 190px;
 }
--- a/2/index.html
+++ b/2/index.html
@@ -0,0 +1,29 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>HTML</title>
  <!-- HTML -->
  <!-- Custom Styles -->
  <link rel="stylesheet" href="style.css">
 </head>
 <body>
 <div id="button1">
  <div id="red">
  	<img src = 'https://i.postimg.cc/rdcChfG6/Notpressed.png'>
  </div>
    <div id="green">
    	<img src = "https://i.postimg.cc/rdJG75gD/Pressed.png">
  </div>
 </div>
  <script src="main.js"></script>
  <p id="clicks"></p>
 </body>
 </html>
--- a/2/main.js
+++ b/2/main.js
@@ -0,0 +1,16 @@
 var count = 0;
 window.onload = function(){
 	var red = document.getElementById('red');
 	var green = document.getElementById('green');
 	var button = document.getElementById('button1');
 	button.ontouchstart = function(){
 		red.style.visibility='hidden';
 		green.style.visibility='visible'
 		count++;
 		  document.getElementById('clicks').innerHTML=count;
 	}
 	button.ontouchend=function(){
 		red.style.visibility='visible';
 		green.style.visibility='hidden'
 	}
 }
--- a/2/style.css
+++ b/2/style.css
@@ -0,0 +1,23 @@
 body {
    font-size: 15pt;
    user-select: none;
 }
 #red{
 	position: absolute;
 	width: 100px;
 	height: 100px;
 }
 #green{
 	position: absolute;
 	width: 100px;
 	height: 100px;
 	visibility: hidden;
 }
 #button1{
 position: absolute;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -50px;
 }
--- a/20/Add.txt
+++ b/20/Add.txt
@@ -0,0 +1,54 @@
 click.offline.make
 max 5 hour
 BuyDog dog.log clicks/s
 1 dog = 1 clicks/s
 1 cat = 100 clicks/s
 1 fox = 150 clicks/s
 1 hamster = 10 000 c/s
 1 girrafe = 1 000 000 c/s
 1 citronovník = 30 lemons/h
 reset all.clicks
 36,7% k 10 citronum že vyroste citronovník
 compile to .exe and add it to the play store
 add complete history of clicks, dogs, cats, lemons, ...
 total production
 Upgrades!
 Button
 Green button - 2.5 clicks per clicks
 Yellow button - 4 clicks/click + random Chance for a lemon
 Purple button - 6 c/c
 Cyan button - 10 c/c + random chance for ______
 Dog
 R collar - 1.5 cs
 G collar - 2 cs
 Y collar - 5 cs
 P collar - 8.2 cs
 C collar - 15 cs
 Cat
 R collar - 150 cs
 G collar - 200 cs
 Y collar - 500 cs
 P collar - 750 cs
 C collar - 1 000 cs
 Fox
 R fur - 225 cs
 G fur - 300 cs
 Y fur - 666 cs
 P fur - 1 125 cs
 C fur - 1 500 cs
 lemon
--- a/20/devlog.txt
+++ b/20/devlog.txt
@@ -0,0 +1,16 @@
 v. 15
 - added comments making code more readeble
 - id of paragraph showing items must be same as item name in items object if not error can occur
 - orgenised code in logic order (as example look at css & html)
 - ui.updateitems function made working on every item in items object
 - added lemons as new item now four total (including clicks)
 - separated buy item functions from game object now are in buy object
 - added setup function to game object to clean up window.onload function
--- a/20/index.html
+++ b/20/index.html
@@ -0,0 +1,77 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
 	<title>BRB clicker</title>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- By MrEidamus & Stanislav Chlup -->
  <link rel="stylesheet" href="style.css">
 </head>
 <body>
 	<div id="shop">
 	  <a href="shop.html" id="kauf">Go to Shop!</a>
 	</div>
 	 <!-- reset progress -->
  <div id="delete">
    <button id="reset" onclick="game.reset()">Reset</button>
  </div>
 	<!-- percent button -->
 	<button id="percent" onclick="game.percents()">
 		1x
 	</button>
 	<!-- B.R.B. (big red button) -->
  <div id="button">
  <img src = 'https://i.postimg.cc/9Rs0vWFF/Nezm-kl.png' id="unpressed">
  <img src = "https://i.postimg.cc/NLr5Rrpy/Zm-kl.png" id="pressed">
 </div>
 	<!-- clicks logging -->
  <div id="clicks">
    <p id="logclicks"></p>
  </div>
  <!-- item sections -->
  <!-- dogs -->
  <div id="dog">
    <p id="logdogs"></p>
    <button id="buydog" onclick="buy.dog()">
    	Buy a dog for 100 clicks!
    </button>
  </div>
  <!-- cats -->
  <div id="cat">
  	<p id="logcats"></p>
    <button id="buycat" onclick="buy.cat()">
    	Buy a cat for 10 dogs!
    </button>
  </div>
  <!-- lemons -->
  <div id="lemon">
  	<p id="loglemons"></p>
    <button id="buylemon" onclick="buy.lemon()">
    	Buy a lemon for ? cats!
    </button>
  </div>
  <!-- foxes -->
  <div id="fox">
    <p id="logfoxes"></p>
    <button id="buyfox" onclick="buy.fox()">
      Buy a fox for 15 dogs!
    </button>
  </div>
  <!-- script -->
  <script src="main.js"></script>
 </body>
 </html>
--- a/20/main.js
+++ b/20/main.js
@@ -0,0 +1,62 @@
 window.onload = function(){
 	game.setup();
 };
 // items
 var items = {
 			clicks: 0,
 			dogs: 0,
 			cats: 0,
 			lemons: 0,
 			foxes: 0,
 		};
 // device
 var user = {
 	device: function(){return (/Android|iPhone/i.test(navigator.userAgent));},/* true for mobiles */
 	setkeys: function(){
 		if(user.device()){
 			document.getElementById('button').ontouchstart=function(){button.press()};document.getElementById('button').ontouchend=function(){button.unpress()}
 		}else{document.getElementById('button').onmousedown=function(){button.press()};document.getElementById('button').onmouseup=function(){button.unpress()};};},
 };
 //user interface
 var ui = {
 	updateitems: function(){
 		for (let name in items) {
 			document.getElementById('log'+name).innerHTML ='You have ' + name + ': ' + items[name];
 		}
 		localStorage.setItem('items', JSON.stringify(items))
 	},
 }
 // BRB
 var button = {
 	press: function(){game.click();document.getElementById('unpressed').style.visibility = 'hidden';document.getElementById('pressed').style.visibility = 'visible';},
 	unpress: function(){document.getElementById('unpressed').style.visibility = 'visible';document.getElementById('pressed').style.visibility = 'hidden';},
 };
 // game functions
 var game = {
 	loaditems: function(){items = JSON.parse(localStorage.getItem('items'));},
 	reset: function(){if(confirm('Are you sure you want to reset all your progress?')){items={clicks: 0,dogs: 0,cats: 0,lemons: 0,foxes: 0,};ui.updateitems();}},
 	setup: function(){user.setkeys();if (localStorage.getItem('items')!=null){game.loaditems();};ui.updateitems();},
 	click: function(){items.clicks+=1;ui.updateitems();},
 };
 // buy item functions
 var buy = {
 	dog: function(){if(items.clicks>=100){items.dogs+=1;items.clicks-=100;ui.updateitems();}},
 	cat: function(){if(items.dogs>=10){items.cats+=1;items.dogs-=10;ui.updateitems();}},
 	lemon: function(){if(items.cats>=5){items.lemons+=1;items.cats-=5;ui.updateitems();}},
 	fox: function(){if(items.dogs>=15){items.foxes+=1;items.dogs-=15;ui.updateitems();}},
 }
--- a/20/shop.html
+++ b/20/shop.html
@@ -0,0 +1,64 @@
 <!DOCTYPE html>
 <html>
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Shop</title>
   <link rel="stylesheet" href="style.css">
 </head>
 <body>
  <div>
    <a href="index.html">Go to the B.R.B.!</a>
  </div>
 	<!-- clicks logging -->
  <div id="clicks">
    <p id="logclicks"></p>
  </div>
  <!-- item sections -->
  <!-- dogs -->
  <div id="dog">
    <p id="logdogs"></p>
    <button id="buydog" onclick="buy.dog()">
    	Buy a dog for 100 clicks!
    </button>
  </div>
  <!-- cats -->
  <div id="cat">
  	<p id="logcats"></p>
    <button id="buycat" onclick="buy.cat()">
    	Buy a cat for 10 dogs!
    </button>
  </div>
  <!-- lemons -->
  <div id="lemon">
  	<p id="loglemons"></p>
    <button id="buylemon" onclick="buy.lemon()">
    	Buy a lemon for ? cats!
    </button>
  </div>
  <!-- foxes -->
  <div id="fox">
    <p id="logfoxes"></p>
    <button id="buyfox" onclick="buy.fox()">
      Buy a fox for 15 dogs!
    </button>
  </div>
  <script src="main.js"></script>
 </body>
 </html>
--- a/20/style.css
+++ b/20/style.css
@@ -0,0 +1,157 @@
 body {
    font-size: 15pt;
    user-select: none;
 }
 /* Shop */
 #shop{
  user-select: none;
  position: absolute;
  bottom: 8px;
  right: 75px;
  width: 100px;
  height: 50px;
  margin: 0 0 0 -100%;
 }
 #kauf{
  user-select: none;
  position: absolute;
  width: 75px;
  height: 50px;
  background-color: darkred;
  color: #ffffff;
  text-align: center;
 }
 /* reset */
 #reset{
  user-select: none;
  width: 75px;
  height: 50px;
  background-color: darkred;
  color: #ffffff;
 }
 #delete{
  user-select: none;
  position: absolute;
  top: 900px;
  right: 10px;
 }
 /* percent */
 #percent{
  user-select: none;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
 }
 /*BRB*/
 #unpressed{
 	position: absolute;
 	width: 300px;
 	height: 300px;
 	border-radius: 150px;
 }
 #pressed{
 	position: absolute;
 	width: 300px;
 	height: 300px;
 	visibility: hidden;
 	border-radius: 150px;
 }
 #button{
  user-select: none;
  position: absolute;
  top: 69px;
  left: 50%;
  margin: 0 0 0 -150px;
  border-radius: 150px;
 }
 /* I T E M S */
 /* click */
 #clicks{
  position: absolute;
  text-align: center;
  height: 20px;
  width: 400px;
  top: 10px;
  left: 50%;
  margin: 0 0 0 -200px;
 }
 /* dog */
 #dog{
  position: absolute;
  top: 400px;
 }
 #buydog{
  width: 180px;
  height: 50px;
  background-color: wheat;
  border-radius: 20px;
 }
 #logdogs{
  position: absolute;
  width: 200px;
  top: -5px;
  left: 190px;
 }
 /* cat */
 #cat{
  position: absolute;
  top: 475px;
 }
 #buycat{
 	width: 180px;
 	height: 50px;
 	background-color: darkgray;
 	border-radius: 20px;
 }
 #logcats{
  position: absolute;
  width: 200px;
  top: -5px;
  left: 190px;
 }
 /* lemon */
 #lemon{
  position: absolute;
  top: 550px;
 }
 #buylemon{
 	width: 180px;
 	height: 50px;
 	background-color: yellow;
 	border-radius: 20px;
 }
 #loglemons{
  position: absolute;
  width: 200px;
  top: -5px;
  left: 190px;
 }
 /* fox */
 #fox{
  position: absolute;
  top: 625px;
 }
 #buyfox{
  width: 180px;
  height: 50px;
  background-color: orange;
  border-radius: 20px;
 }
 #logfoxes{
  position: absolute;
  width: 200px;
  top: -5px;
  left: 190px;
 }
--- a/24.1/img/Cat.png
+++ b/24.1/img/Cat.png
--- a/24.1/img/Click.png
+++ b/24.1/img/Click.png
--- a/24.1/img/Dog.png
+++ b/24.1/img/Dog.png
--- a/24.1/img/Fox.png
+++ b/24.1/img/Fox.png
--- a/24.1/img/Lemons.png
+++ b/24.1/img/Lemons.png
--- a/24.1/img/Lemt3.png
+++ b/24.1/img/Lemt3.png
--- a/24.1/img/Wolf.png
+++ b/24.1/img/Wolf.png
--- a/24.1/index.html
+++ b/24.1/index.html
@@ -0,0 +1,37 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>BRB - Clicking</title>
  <!-- By MrEidam && Standa Chlup -->
  <!-- Custom Styles -->
  <link rel="stylesheet" href="style.css">
 </head>
 <body>
  <!-- Shop -->
  <div id="tycoon">
    <a href="shop.html" id="shop">Go to Shop!</a>
  </div>
  <!-- Clicks -->
  <div id="logclick">
    <p id="disclick">
  </div>
  <!-- BRB -->
  <div id="button" onclick="clicking()">
    <img src = 'https://i.postimg.cc/9Rs0vWFF/Nezm-kl.png' id="unpressed">
    <img src = "https://i.postimg.cc/NLr5Rrpy/Zm-kl.png" id="pressed">
 </div>
  <!-- Project -->
  <script src="main.js"></script>
 </body>
 </html>
--- a/24.1/main.js
+++ b/24.1/main.js
@@ -0,0 +1,52 @@
 // Items
 var items
 var anime = false
 function load(){
  items = JSON.parse(localStorage.getItem('items'));
 }
 function beriba(){
  document.getElementById('unpressed').style.visibility='visible'
  document.getElementById('pressed').style.visibility='hidden'
  anime=true;
 }
 window.onload = function(){
  items = {
  clicks:0,
  dogs:0, 
  cats:0, 
  foxes:0, 
  wolfs:0, 
  lemons:0, 
  lt3:0, 
 }
  load();
  update();
 }
 // Update
 function update(){
  let i = JSON.stringify(items);
  localStorage.setItem('items', i);
  document.getElementById('disclick').innerHTML=`You've clicked ${items.clicks} times!`
 }
 // Clicks
 // BRB
 function clicking(){
  items.clicks += 1;
  update();
  document.getElementById('unpressed').style.visibility='hidden'
  document.getElementById('pressed').style.visibility='visible'
  anime=false;
  setTimeout(beriba, 75)
 }
--- a/24.1/shop.css
+++ b/24.1/shop.css
@@ -0,0 +1,147 @@
 body{
  font-size: 15pt;
  user-select: none;
 }
 /* Dog */
 #logdog{
  position: absolute;
  width: 100%;
  height: 40px;
  top: 90px;
 }
 #imgdog{
  position: absolute;
  width: 64px;
  height: 64px;
 }
 #buydog{
  position: absolute;
  width: 150px;
  height: 40px;
  left: 69px;
  background-color: darkorange;
 }
 #disdog{
  position: absolute;
  width: 200px;
  height: 40px;
  left: 230px;
  bottom: 2px;
  margin: 0 0 -10px 0;
 }
 /* Cats */
 #logcat{
  position: absolute;
  width: 100%;
  height: 40px;
  top: 140px;
 }
 #buycat{
  position: absolute;
  width: 150px;
  height: 40px;
  left: 69px;
  background-color: orange;
 }
 #discat{
  position: absolute;
  width: 200px;
  height: 40px;
  left: 230px;
  bottom: 2px;
  margin: 0 0 -10px 0;
 }
 /* Foxes */
 #logfox{
  position: absolute;
  width: 100%;
  height: 40px;
  top: 190px;
 }
 #buyfox{
  position: absolute;
  width: 150px;
  height: 40px;
  left: 69px;
  background-color: lightsalmon;
 }
 #disfox{
  position: absolute;
  width: 200px;
  height: 40px;
  left: 230px;
  bottom: 2px;
  margin: 0 0 -10px 0;
 }
 /* Wolfs */
 #logwol{
  position: absolute;
  width: 100%;
  height: 40px;
  top: 240px;
 }
 #buywol{
  position: absolute;
  width: 150px;
  height: 40px;
  left: 69px;
  background-color: lightgray;
 }
 #diswol{
  position: absolute;
  width: 200px;
  height: 40px;
  left: 230px;
  bottom: 2px;
  margin: 0 0 -10px 0;
 }
 /* Lemons */
 #loglem{
  position: absolute;
  width: 100%;
  height: 40px;
  top: 290px;
 }
 #buylem{
  position: absolute;
  width: 150px;
  height: 40px;
  left: 69px;
  background-color: yellow;
 }
 #dislem{
  position: absolute;
  width: 200px;
  height: 40px;
  left: 230px;
  bottom: 2px;
  margin: 0 0 -10px 0;
 }
 /* Lemon trees */
 #logLt3{
  position: absolute;
  width: 100%;
  height: 40px;
  top: 340px;
 }
 #buyLt3{
  position: absolute;
  width: 150px;
  height: 40px;
  left: 69px;
  background-color: lightgoldenrodyellow;
 }
 #dislt3{
  position: absolute;
  width: 200px;
  height: 40px;
  left: 230px;
  bottom: 2px;
  margin: 0 0 -10px 0;
 }
--- a/24.1/shop.html
+++ b/24.1/shop.html
@@ -0,0 +1,86 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>BRB - Shop</title>
  <!-- By MrEidam & Standa Chlup -->
  <!-- Custom Styles -->
  <link rel="stylesheet" href="shop.css">
  </style>
 </head>
 <body>
  <!-- BRB -->
 <div>
  <a href="index.html" id="click.brb">Go to BRB!</a>
 </div>
  <!-- Clicks -->
 <div id="logclick">
  <p id="disclick">
 </div>
 <!-- ITEMS -->
 <!-- Dog -->
 <div id="logdog">
  <img src="Dog.png" id="imgdog">
  <button id="buydog" onclick="buydog()">
    Buy a Dog for 100 clicks
  </button>
  <p id="disdog">
 </div>
 <!-- Cat -->
 <div id="logcat">
  <button id="buycat" onclick="buycat()">
    Buy a Cat for 10 dogs
  </button>
  <p id="discat">
 </div>
 <!-- lemons -->
 <div id="loglem">
  <button id="buylem" onclick="buylem()">
    Buy a Lemon for ### cats
  </button>
  <p id="dislem">
 </div>
 <!-- Fox -->
 <div id="logfox">
  <button id="buyfox" onclick="buyfox()">
    Buy a Fox for 15 dogs
    </button>
    <p id="disfox">
 </div>
 <!-- Wolf -->
 <div id="logwol">
  <button id="buywol" onclick="buywol()">
    Buy a Wolf for 6 dogs and 5 foxes
  </button>
  <p id="diswol">
 </div>
 <!-- Lemn t3-->
 <div id="logLt3">
  <button id="buyLt3" onclick="buylt3()">
    Buy a Lemon Tree for 5 lemons
  </button>
  <p id="dislt3">
 </div>
 <script src="shop.js"></script>
 </body>
 </html>
--- a/24.1/shop.js
+++ b/24.1/shop.js
@@ -0,0 +1,71 @@
 // Update
 function update(){
  let i = JSON.stringify(items);
  localStorage.setItem('items', i);
 }
 // Load
 function load(){
  items = JSON.parse(localStorage.getItem('items'));
  document.getElementById('disclick').innerHTML=`You've clicked ${items.clicks} times!`
  document.getElementById('disdog').innerHTML=`You've got ${items.dogs} dogs!`
  document.getElementById('discat').innerHTML=`You've got ${items.cats} cats!`
  document.getElementById('disfox').innerHTML=`You've got ${items.foxes} foxes!`
  document.getElementById('diswol').innerHTML=`You've got ${items.wolfs} wolfs!`
  document.getElementById('dislem').innerHTML=`You've got ${items.lemons} lemons!`
  document.getElementById('dislt3').innerHTML=`You've got ${items.lt3} L. trees!`
 }
 load();
 function upload(){
  update();
  load();
 }
 // Nákupy 
 function buydog(){
  if (items.clicks>=100){
    items.clicks -= 100;
    items.dogs += 1;
  }
  upload();
 }
 function buycat(){
  if(items.dogs>=10){
    items.dogs-=10;
    items.cats+=1;
  }
  upload();
 }
 function buyfox(){
  if(items.dogs>=15){
    items.dogs-=15;
    items.foxes+=1;
  }
  upload();
 }
 function buywol(){
  if(items.dogs>=6 && items.foxes>=5){
    items.dogs-=6;
    items.foxes-=5;
    items.wolfs+=1;
  }
  upload();
 }
 function buylem(){
  if(items.cats>=10){
    items.cats-=10;
    items.lemons+=1;
  }
  upload();
 }
 function buylt3(){
  if (items.lemons>=5) {
    items.lemons-=5;
    items.lt3+=1;
  }
  upload();
 }
--- a/24.1/style.css
+++ b/24.1/style.css
@@ -0,0 +1,43 @@
 body {
    font-size: 15pt;
    user-select: none;
 }
 #logclick{
  position: absolute;
  width: 100%;
  height: 50px;
  top: 40px;
  left: 50%;
  text-align: center;
  transform: translate(-50%,0);
 }
 #disclick{
  position: absolute;
  width: 100%;
  height: 25px;
  transform: translate(0%,0);
 }
 /*BRB*/
 #unpressed{
 	position: absolute;
 	width: 300px;
 	height: 300px;
 	border-radius: 150px;
 }
 #pressed{
 	position: absolute;
 	width: 300px;
 	height: 300px;
 	visibility: hidden;
 	border-radius: 150px;
 }
 #button{
  user-select: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -150px 0 0 -150px;
  border-radius: 150px;
 }
--- a/24/img/Cat.png
+++ b/24/img/Cat.png
--- a/24/img/Click.png
+++ b/24/img/Click.png
--- a/24/img/Dog.png
+++ b/24/img/Dog.png
--- a/24/img/Fox.png
+++ b/24/img/Fox.png
--- a/24/img/Lemons.png
+++ b/24/img/Lemons.png
--- a/24/img/Lemt3.png
+++ b/24/img/Lemt3.png
--- a/24/img/Wolf.png
+++ b/24/img/Wolf.png
--- a/24/index.html
+++ b/24/index.html
@@ -0,0 +1,37 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>BRB - Clicking</title>
  <!-- By MrEidam && Standa Chlup -->
  <!-- Custom Styles -->
  <link rel="stylesheet" href="style.css">
 </head>
 <body>
  <!-- Shop -->
  <div id="tycoon">
    <a href="shop.html" id="shop">Go to Shop!</a>
  </div>
  <!-- Clicks -->
  <div id="logclick">
    <p id="disclick">
  </div>
  <!-- BRB -->
  <div id="button" onclick="clicking()">
    <img src = 'https://i.postimg.cc/9Rs0vWFF/Nezm-kl.png' id="unpressed">
    <img src = "https://i.postimg.cc/NLr5Rrpy/Zm-kl.png" id="pressed">
 </div>
  <!-- Project -->
  <script src="main.js"></script>
 </body>
 </html>
--- a/24/main.js
+++ b/24/main.js
@@ -0,0 +1,40 @@
 var items
 var anime = false
 function load(){
  items = JSON.parse(localStorage.getItem('items'));
 }
 load();
 function beriba(){
  document.getElementById('unpressed').style.visibility='visible'
  document.getElementById('pressed').style.visibility='hidden'
  anime=true;
 }
 // Update
 function update(){
  let i = JSON.stringify(items);
  localStorage.setItem('items', i);
  document.getElementById('disclick').innerHTML=`You've clicked ${items.clicks} times!`
 }
 update();
 // Clicks
 // BRB
 function clicking(){
  items.clicks += 1;
  update();
  document.getElementById('unpressed').style.visibility='hidden'
  document.getElementById('pressed').style.visibility='visible'
  anime=false;
  setTimeout(beriba, 75)
 }
--- a/24/shop.css
+++ b/24/shop.css
@@ -0,0 +1,147 @@
 body{
  font-size: 15pt;
  user-select: none;
 }
 /* Dog */
 #logdog{
  position: absolute;
  width: 100%;
  height: 40px;
  top: 90px;
 }
 #imgdog{
  position: absolute;
  width: 64px;
  height: 64px;
 }
 #buydog{
  position: absolute;
  width: 150px;
  height: 40px;
  left: 69px;
  background-color: darkorange;
 }
 #disdog{
  position: absolute;
  width: 200px;
  height: 40px;
  left: 230px;
  bottom: 2px;
  margin: 0 0 -10px 0;
 }
 /* Cats */
 #logcat{
  position: absolute;
  width: 100%;
  height: 40px;
  top: 140px;
 }
 #buycat{
  position: absolute;
  width: 150px;
  height: 40px;
  left: 69px;
  background-color: orange;
 }
 #discat{
  position: absolute;
  width: 200px;
  height: 40px;
  left: 230px;
  bottom: 2px;
  margin: 0 0 -10px 0;
 }
 /* Foxes */
 #logfox{
  position: absolute;
  width: 100%;
  height: 40px;
  top: 190px;
 }
 #buyfox{
  position: absolute;
  width: 150px;
  height: 40px;
  left: 69px;
  background-color: lightsalmon;
 }
 #disfox{
  position: absolute;
  width: 200px;
  height: 40px;
  left: 230px;
  bottom: 2px;
  margin: 0 0 -10px 0;
 }
 /* Wolfs */
 #logwol{
  position: absolute;
  width: 100%;
  height: 40px;
  top: 240px;
 }
 #buywol{
  position: absolute;
  width: 150px;
  height: 40px;
  left: 69px;
  background-color: lightgray;
 }
 #diswol{
  position: absolute;
  width: 200px;
  height: 40px;
  left: 230px;
  bottom: 2px;
  margin: 0 0 -10px 0;
 }
 /* Lemons */
 #loglem{
  position: absolute;
  width: 100%;
  height: 40px;
  top: 290px;
 }
 #buylem{
  position: absolute;
  width: 150px;
  height: 40px;
  left: 69px;
  background-color: yellow;
 }
 #dislem{
  position: absolute;
  width: 200px;
  height: 40px;
  left: 230px;
  bottom: 2px;
  margin: 0 0 -10px 0;
 }
 /* Lemon trees */
 #logLt3{
  position: absolute;
  width: 100%;
  height: 40px;
  top: 340px;
 }
 #buyLt3{
  position: absolute;
  width: 150px;
  height: 40px;
  left: 69px;
  background-color: lightgoldenrodyellow;
 }
 #dislt3{
  position: absolute;
  width: 200px;
  height: 40px;
  left: 230px;
  bottom: 2px;
  margin: 0 0 -10px 0;
 }
--- a/24/shop.html
+++ b/24/shop.html
@@ -0,0 +1,86 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>BRB - Shop</title>
  <!-- By MrEidam & Standa Chlup -->
  <!-- Custom Styles -->
  <link rel="stylesheet" href="shop.css">
  </style>
 </head>
 <body>
  <!-- BRB -->
 <div>
  <a href="index.html" id="click.brb">Go to BRB!</a>
 </div>
  <!-- Clicks -->
 <div id="logclick">
  <p id="disclick">
 </div>
 <!-- ITEMS -->
 <!-- Dog -->
 <div id="logdog">
  <img src="Dog.png" id="imgdog">
  <button id="buydog" onclick="buydog()">
    Buy a Dog for 100 clicks
  </button>
  <p id="disdog">
 </div>
 <!-- Cat -->
 <div id="logcat">
  <button id="buycat" onclick="buycat()">
    Buy a Cat for 10 dogs
  </button>
  <p id="discat">
 </div>
 <!-- lemons -->
 <div id="loglem">
  <button id="buylem" onclick="buylem()">
    Buy a Lemon for ### cats
  </button>
  <p id="dislem">
 </div>
 <!-- Fox -->
 <div id="logfox">
  <button id="buyfox" onclick="buyfox()">
    Buy a Fox for 15 dogs
    </button>
    <p id="disfox">
 </div>
 <!-- Wolf -->
 <div id="logwol">
  <button id="buywol" onclick="buywol()">
    Buy a Wolf for 6 dogs and 5 foxes
  </button>
  <p id="diswol">
 </div>
 <!-- Lemn t3-->
 <div id="logLt3">
  <button id="buyLt3" onclick="buylt3()">
    Buy a Lemon Tree for 5 lemons
  </button>
  <p id="dislt3">
 </div>
 <script src="shop.js"></script>
 </body>
 </html>
--- a/24/shop.js
+++ b/24/shop.js
@@ -0,0 +1,81 @@
 // Items
 var items = {
  clicks:0,
  dogs:0, 
  cats:0, 
  foxes:0, 
  wolfs:0, 
  lemons:0, 
  lt3:0, 
 }
 // Update
 function update(){
  let i = JSON.stringify(items);
  localStorage.setItem('items', i);
 }
 // Load
 function load(){
  items = JSON.parse(localStorage.getItem('items'));
  document.getElementById('disclick').innerHTML=`You've clicked ${items.clicks} times!`
  document.getElementById('disdog').innerHTML=`You've got ${items.dogs} dogs!`
  document.getElementById('discat').innerHTML=`You've got ${items.cats} cats!`
  document.getElementById('disfox').innerHTML=`You've got ${items.foxes} foxes!`
  document.getElementById('diswol').innerHTML=`You've got ${items.wolfs} wolfs!`
  document.getElementById('dislem').innerHTML=`You've got ${items.lemons} lemons!`
  document.getElementById('dislt3').innerHTML=`You've got ${items.lt3} L. trees!`
 }
 load();
 function upload(){
  update();
  load();
 }
 // Nákupy 
 function buydog(){
  if (items.clicks>=100){
    items.clicks -= 100;
    items.dogs += 1;
  }
  upload();
 }
 function buycat(){
  if(items.dogs>=10){
    items.dogs-=10;
    items.cats+=1;
  }
  upload();
 }
 function buyfox(){
  if(items.dogs>=15){
    items.dogs-=15;
    items.foxes+=1;
  }
  upload();
 }
 function buywol(){
  if(items.dogs>=6 && items.foxes>=5){
    items.dogs-=6;
    items.foxes-=5;
    items.wolfs+=1;
  }
  upload();
 }
 function buylem(){
  if(items.cats>=10){
    items.cats-=10;
    items.lemons+=1;
  }
  upload();
 }
 function buylt3(){
  if (items.lemons>=5) {
    items.lemons-=5;
    items.lt3+=1;
  }
  upload();
 }
--- a/24/style.css
+++ b/24/style.css
@@ -0,0 +1,43 @@
 body {
    font-size: 15pt;
    user-select: none;
 }
 #logclick{
  position: absolute;
  width: 100%;
  height: 50px;
  top: 40px;
  left: 50%;
  text-align: center;
  transform: translate(-50%,0);
 }
 #disclick{
  position: absolute;
  width: 100%;
  height: 25px;
  transform: translate(0%,0);
 }
 /*BRB*/
 #unpressed{
 	position: absolute;
 	width: 300px;
 	height: 300px;
 	border-radius: 150px;
 }
 #pressed{
 	position: absolute;
 	width: 300px;
 	height: 300px;
 	visibility: hidden;
 	border-radius: 150px;
 }
 #button{
  user-select: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -150px 0 0 -150px;
  border-radius: 150px;
 }
--- a/25.1/img/Cat.png
+++ b/25.1/img/Cat.png
--- a/25.1/img/Click.png
+++ b/25.1/img/Click.png
--- a/25.1/img/Dog.png
+++ b/25.1/img/Dog.png
--- a/25.1/img/Fox.png
+++ b/25.1/img/Fox.png
--- a/25.1/img/Lemons.png
+++ b/25.1/img/Lemons.png
--- a/25.1/img/Lemt3.png
+++ b/25.1/img/Lemt3.png
--- a/25.1/img/Wolf.png
+++ b/25.1/img/Wolf.png
--- a/25.1/index.html
+++ b/25.1/index.html
@@ -0,0 +1,37 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>BRB - Clicking</title>
  <!-- By MrEidam && Standa Chlup -->
  <!-- Custom Styles -->
  <link rel="stylesheet" href="style.css">
 </head>
 <body>
  <!-- Shop -->
  <div id="tycoon">
    <a href="shop.html" id="shop">Go to Shop!</a>
  </div>
  <!-- Clicks -->
  <div id="logclick">
    <p id="disclick">
  </div>
  <!-- BRB -->
  <div id="button" onclick="clicking()">
    <img src = 'https://i.postimg.cc/9Rs0vWFF/Nezm-kl.png' id="unpressed">
    <img src = "https://i.postimg.cc/NLr5Rrpy/Zm-kl.png" id="pressed">
 </div>
  <!-- Project -->
  <script src="main.js"></script>
 </body>
 </html>
--- a/25.1/main.js
+++ b/25.1/main.js
@@ -0,0 +1,65 @@
 // Items
 var items
 var anime = false
 function load(){
  if (localStorage.getItem('items')!=null){
    items = JSON.parse(localStorage.getItem('items'));
  }
 }
 window.onload = function(){
  items = {
  clicks:0,
  dogs:0, 
  cats:0, 
  foxes:0, 
  wolfs:0, 
  lemons:0, 
  lt3:0, 
 }
  load();
  update();
 }
 function beriba(){
  document.getElementById('unpressed').style.visibility='visible'
  document.getElementById('pressed').style.visibility='hidden'
  anime=true;
 }
 function reset(){
  items = {
  clicks:0,
  dogs:0, 
  cats:0, 
  foxes:0, 
  wolfs:0, 
  lemons:0, 
  lt3:0, 
 }
 }
 // Update
 function update(){
  let i = JSON.stringify(items);
  localStorage.setItem('items', i);
  document.getElementById('disclick').innerHTML=`You've clicked ${items.clicks} times!`
 }
 // Clicks
 // BRB
 function clicking(){
  items.clicks += 1;
  update();
  document.getElementById('unpressed').style.visibility='hidden'
  document.getElementById('pressed').style.visibility='visible'
  anime=false;
  setTimeout(beriba, 75)
 }
--- a/25.1/shop.css
+++ b/25.1/shop.css
@@ -0,0 +1,147 @@
 body{
  font-size: 15pt;
  user-select: none;
 }
 /* Dog */
 #logdog{
  position: absolute;
  width: 100%;
  height: 40px;
  top: 90px;
 }
 #imgdog{
  position: absolute;
  width: 64px;
  height: 64px;
 }
 #buydog{
  position: absolute;
  width: 150px;
  height: 40px;
  left: 69px;
  background-color: darkorange;
 }
 #disdog{
  position: absolute;
  width: 200px;
  height: 40px;
  left: 230px;
  bottom: 2px;
  margin: 0 0 -10px 0;
 }
 /* Cats */
 #logcat{
  position: absolute;
  width: 100%;
  height: 40px;
  top: 140px;
 }
 #buycat{
  position: absolute;
  width: 150px;
  height: 40px;
  left: 69px;
  background-color: orange;
 }
 #discat{
  position: absolute;
  width: 200px;
  height: 40px;
  left: 230px;
  bottom: 2px;
  margin: 0 0 -10px 0;
 }
 /* Foxes */
 #logfox{
  position: absolute;
  width: 100%;
  height: 40px;
  top: 190px;
 }
 #buyfox{
  position: absolute;
  width: 150px;
  height: 40px;
  left: 69px;
  background-color: lightsalmon;
 }
 #disfox{
  position: absolute;
  width: 200px;
  height: 40px;
  left: 230px;
  bottom: 2px;
  margin: 0 0 -10px 0;
 }
 /* Wolfs */
 #logwol{
  position: absolute;
  width: 100%;
  height: 40px;
  top: 240px;
 }
 #buywol{
  position: absolute;
  width: 150px;
  height: 40px;
  left: 69px;
  background-color: lightgray;
 }
 #diswol{
  position: absolute;
  width: 200px;
  height: 40px;
  left: 230px;
  bottom: 2px;
  margin: 0 0 -10px 0;
 }
 /* Lemons */
 #loglem{
  position: absolute;
  width: 100%;
  height: 40px;
  top: 290px;
 }
 #buylem{
  position: absolute;
  width: 150px;
  height: 40px;
  left: 69px;
  background-color: yellow;
 }
 #dislem{
  position: absolute;
  width: 200px;
  height: 40px;
  left: 230px;
  bottom: 2px;
  margin: 0 0 -10px 0;
 }
 /* Lemon trees */
 #logLt3{
  position: absolute;
  width: 100%;
  height: 40px;
  top: 340px;
 }
 #buyLt3{
  position: absolute;
  width: 150px;
  height: 40px;
  left: 69px;
  background-color: lightgoldenrodyellow;
 }
 #dislt3{
  position: absolute;
  width: 200px;
  height: 40px;
  left: 230px;
  bottom: 2px;
  margin: 0 0 -10px 0;
 }
--- a/25.1/shop.html
+++ b/25.1/shop.html
@@ -0,0 +1,86 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>BRB - Shop</title>
  <!-- By MrEidam & Standa Chlup -->
  <!-- Custom Styles -->
  <link rel="stylesheet" href="shop.css">
  </style>
 </head>
 <body>
  <!-- BRB -->
 <div>
  <a href="index.html" id="click.brb">Go to BRB!</a>
 </div>
  <!-- Clicks -->
 <div id="logclick">
  <p id="disclick">
 </div>
 <!-- ITEMS -->
 <!-- Dog -->
 <div id="logdog">
  <img src="Dog.png" id="imgdog">
  <button id="buydog" onclick="buydog()">
    Buy a Dog for 100 clicks
  </button>
  <p id="disdog">
 </div>
 <!-- Cat -->
 <div id="logcat">
  <button id="buycat" onclick="buycat()">
    Buy a Cat for 10 dogs
  </button>
  <p id="discat">
 </div>
 <!-- lemons -->
 <div id="loglem">
  <button id="buylem" onclick="buylem()">
    Buy a Lemon for ### cats
  </button>
  <p id="dislem">
 </div>
 <!-- Fox -->
 <div id="logfox">
  <button id="buyfox" onclick="buyfox()">
    Buy a Fox for 15 dogs
    </button>
    <p id="disfox">
 </div>
 <!-- Wolf -->
 <div id="logwol">
  <button id="buywol" onclick="buywol()">
    Buy a Wolf for 6 dogs and 5 foxes
  </button>
  <p id="diswol">
 </div>
 <!-- Lemn t3-->
 <div id="logLt3">
  <button id="buyLt3" onclick="buylt3()">
    Buy a Lemon Tree for 5 lemons
  </button>
  <p id="dislt3">
 </div>
 <script src="shop.js"></script>
 </body>
 </html>
--- a/25.1/shop.js
+++ b/25.1/shop.js
@@ -0,0 +1,71 @@
 // Update
 function update(){
  let i = JSON.stringify(items);
  localStorage.setItem('items', i);
 }
 // Load
 function load(){
  items = JSON.parse(localStorage.getItem('items'));
  document.getElementById('disclick').innerHTML=`You've clicked ${items.clicks} times!`
  document.getElementById('disdog').innerHTML=`You've got ${items.dogs} dogs!`
  document.getElementById('discat').innerHTML=`You've got ${items.cats} cats!`
  document.getElementById('disfox').innerHTML=`You've got ${items.foxes} foxes!`
  document.getElementById('diswol').innerHTML=`You've got ${items.wolfs} wolfs!`
  document.getElementById('dislem').innerHTML=`You've got ${items.lemons} lemons!`
  document.getElementById('dislt3').innerHTML=`You've got ${items.lt3} L. trees!`
 }
 load();
 function upload(){
  update();
  load();
 }
 // Nákupy 
 function buydog(){
  if (items.clicks>=100){
    items.clicks -= 100;
    items.dogs += 1;
  }
  upload();
 }
 function buycat(){
  if(items.dogs>=10){
    items.dogs-=10;
    items.cats+=1;
  }
  upload();
 }
 function buyfox(){
  if(items.dogs>=15){
    items.dogs-=15;
    items.foxes+=1;
  }
  upload();
 }
 function buywol(){
  if(items.dogs>=6 && items.foxes>=5){
    items.dogs-=6;
    items.foxes-=5;
    items.wolfs+=1;
  }
  upload();
 }
 function buylem(){
  if(items.cats>=10){
    items.cats-=10;
    items.lemons+=1;
  }
  upload();
 }
 function buylt3(){
  if (items.lemons>=5) {
    items.lemons-=5;
    items.lt3+=1;
  }
  upload();
 }
--- a/25.1/style.css
+++ b/25.1/style.css
@@ -0,0 +1,43 @@
 body {
    font-size: 15pt;
    user-select: none;
 }
 #logclick{
  position: absolute;
  width: 100%;
  height: 50px;
  top: 40px;
  left: 50%;
  text-align: center;
  transform: translate(-50%,0);
 }
 #disclick{
  position: absolute;
  width: 100%;
  height: 25px;
  transform: translate(0%,0);
 }
 /*BRB*/
 #unpressed{
 	position: absolute;
 	width: 300px;
 	height: 300px;
 	border-radius: 150px;
 }
 #pressed{
 	position: absolute;
 	width: 300px;
 	height: 300px;
 	visibility: hidden;
 	border-radius: 150px;
 }
 #button{
  user-select: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -150px 0 0 -150px;
  border-radius: 150px;
 }
--- a/25/img/Cat.png
+++ b/25/img/Cat.png
--- a/25/img/Click.png
+++ b/25/img/Click.png
--- a/25/img/Dog.png
+++ b/25/img/Dog.png
--- a/25/img/Fox.png
+++ b/25/img/Fox.png
--- a/25/img/Lemons.png
+++ b/25/img/Lemons.png
--- a/25/img/Lemt3.png
+++ b/25/img/Lemt3.png
--- a/25/img/Wolf.png
+++ b/25/img/Wolf.png
--- a/25/index.html
+++ b/25/index.html
@@ -0,0 +1,37 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>BRB - Clicking</title>
  <!-- By MrEidam && Standa Chlup -->
  <!-- Custom Styles -->
  <link rel="stylesheet" href="style.css">
 </head>
 <body>
  <!-- Shop -->
  <div id="tycoon">
    <a href="shop.html" id="shop">Go to Shop!</a>
  </div>
  <!-- Clicks -->
  <div id="logclick">
    <p id="disclick">
  </div>
  <!-- BRB -->
  <div id="button" onclick="clicking()">
    <img src = 'https://i.postimg.cc/9Rs0vWFF/Nezm-kl.png' id="unpressed">
    <img src = "https://i.postimg.cc/NLr5Rrpy/Zm-kl.png" id="pressed">
 </div>
  <!-- Project -->
  <script src="main.js"></script>
 </body>
 </html>
--- a/25/main.js
+++ b/25/main.js
@@ -0,0 +1,58 @@
 // Items
 var items
 var anime = false
 function load(){
  if (localStorage.getItem('items')!=null){
    items = JSON.parse(localStorage.getItem('items'));
  }
 }
 window.onload = function(){
  load();
  update();
 }
 function beriba(){
  document.getElementById('unpressed').style.visibility='visible'
  document.getElementById('pressed').style.visibility='hidden'
  anime=true;
 }
 function reset(){
  items = {
  clicks:0,
  dogs:0, 
  cats:0, 
  foxes:0, 
  wolfs:0, 
  lemons:0, 
  lt3:0, 
 }
 update()
 }
 // Update
 function update(){
  let i = JSON.stringify(items);
  localStorage.setItem('items', i);
  document.getElementById('disclick').innerHTML=`You've clicked ${items.clicks} times!`
 }
 // Clicks
 // BRB
 function clicking(){
  items.clicks += 1;
  update();
  document.getElementById('unpressed').style.visibility='hidden'
  document.getElementById('pressed').style.visibility='visible'
  anime=false;
  setTimeout(beriba, 75)
 }
--- a/25/shop.css
+++ b/25/shop.css
@@ -0,0 +1,147 @@
 body{
  font-size: 15pt;
  user-select: none;
 }
 /* Dog */
 #logdog{
  position: absolute;
  width: 100%;
  height: 40px;
  top: 90px;
 }
 #imgdog{
  position: absolute;
  width: 64px;
  height: 64px;
 }
 #buydog{
  position: absolute;
  width: 150px;
  height: 40px;
  left: 69px;
  background-color: darkorange;
 }
 #disdog{
  position: absolute;
  width: 200px;
  height: 40px;
  left: 230px;
  bottom: 2px;
  margin: 0 0 -10px 0;
 }
 /* Cats */
 #logcat{
  position: absolute;
  width: 100%;
  height: 40px;
  top: 140px;
 }
 #buycat{
  position: absolute;
  width: 150px;
  height: 40px;
  left: 69px;
  background-color: orange;
 }
 #discat{
  position: absolute;
  width: 200px;
  height: 40px;
  left: 230px;
  bottom: 2px;
  margin: 0 0 -10px 0;
 }
 /* Foxes */
 #logfox{
  position: absolute;
  width: 100%;
  height: 40px;
  top: 190px;
 }
 #buyfox{
  position: absolute;
  width: 150px;
  height: 40px;
  left: 69px;
  background-color: lightsalmon;
 }
 #disfox{
  position: absolute;
  width: 200px;
  height: 40px;
  left: 230px;
  bottom: 2px;
  margin: 0 0 -10px 0;
 }
 /* Wolfs */
 #logwol{
  position: absolute;
  width: 100%;
  height: 40px;
  top: 240px;
 }
 #buywol{
  position: absolute;
  width: 150px;
  height: 40px;
  left: 69px;
  background-color: lightgray;
 }
 #diswol{
  position: absolute;
  width: 200px;
  height: 40px;
  left: 230px;
  bottom: 2px;
  margin: 0 0 -10px 0;
 }
 /* Lemons */
 #loglem{
  position: absolute;
  width: 100%;
  height: 40px;
  top: 290px;
 }
 #buylem{
  position: absolute;
  width: 150px;
  height: 40px;
  left: 69px;
  background-color: yellow;
 }
 #dislem{
  position: absolute;
  width: 200px;
  height: 40px;
  left: 230px;
  bottom: 2px;
  margin: 0 0 -10px 0;
 }
 /* Lemon trees */
 #logLt3{
  position: absolute;
  width: 100%;
  height: 40px;
  top: 340px;
 }
 #buyLt3{
  position: absolute;
  width: 150px;
  height: 40px;
  left: 69px;
  background-color: lightgoldenrodyellow;
 }
 #dislt3{
  position: absolute;
  width: 200px;
  height: 40px;
  left: 230px;
  bottom: 2px;
  margin: 0 0 -10px 0;
 }
--- a/25/shop.html
+++ b/25/shop.html
@@ -0,0 +1,86 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>BRB - Shop</title>
  <!-- By MrEidam & Standa Chlup -->
  <!-- Custom Styles -->
  <link rel="stylesheet" href="shop.css">
  </style>
 </head>
 <body>
  <!-- BRB -->
 <div>
  <a href="index.html" id="click.brb">Go to BRB!</a>
 </div>
  <!-- Clicks -->
 <div id="logclick">
  <p id="disclick">
 </div>
 <!-- ITEMS -->
 <!-- Dog -->
 <div id="logdog">
  <img src="Dog.png" id="imgdog">
  <button id="buydog" onclick="buydog()">
    Buy a Dog for 100 clicks
  </button>
  <p id="disdog">
 </div>
 <!-- Cat -->
 <div id="logcat">
  <button id="buycat" onclick="buycat()">
    Buy a Cat for 10 dogs
  </button>
  <p id="discat">
 </div>
 <!-- lemons -->
 <div id="loglem">
  <button id="buylem" onclick="buylem()">
    Buy a Lemon for ### cats
  </button>
  <p id="dislem">
 </div>
 <!-- Fox -->
 <div id="logfox">
  <button id="buyfox" onclick="buyfox()">
    Buy a Fox for 15 dogs
    </button>
    <p id="disfox">
 </div>
 <!-- Wolf -->
 <div id="logwol">
  <button id="buywol" onclick="buywol()">
    Buy a Wolf for 6 dogs and 5 foxes
  </button>
  <p id="diswol">
 </div>
 <!-- Lemn t3-->
 <div id="logLt3">
  <button id="buyLt3" onclick="buylt3()">
    Buy a Lemon Tree for 5 lemons
  </button>
  <p id="dislt3">
 </div>
 <script src="shop.js"></script>
 </body>
 </html>
--- a/25/shop.js
+++ b/25/shop.js
@@ -0,0 +1,71 @@
 // Update
 function update(){
  let i = JSON.stringify(items);
  localStorage.setItem('items', i);
 }
 // Load
 function load(){
  items = JSON.parse(localStorage.getItem('items'));
  document.getElementById('disclick').innerHTML=`You've clicked ${items.clicks} times!`
  document.getElementById('disdog').innerHTML=`You've got ${items.dogs} dogs!`
  document.getElementById('discat').innerHTML=`You've got ${items.cats} cats!`
  document.getElementById('disfox').innerHTML=`You've got ${items.foxes} foxes!`
  document.getElementById('diswol').innerHTML=`You've got ${items.wolfs} wolfs!`
  document.getElementById('dislem').innerHTML=`You've got ${items.lemons} lemons!`
  document.getElementById('dislt3').innerHTML=`You've got ${items.lt3} L. trees!`
 }
 load();
 function upload(){
  update();
  load();
 }
 // Nákupy 
 function buydog(){
  if (items.clicks>=100){
    items.clicks -= 100;
    items.dogs += 1;
  }
  upload();
 }
 function buycat(){
  if(items.dogs>=10){
    items.dogs-=10;
    items.cats+=1;
  }
  upload();
 }
 function buyfox(){
  if(items.dogs>=15){
    items.dogs-=15;
    items.foxes+=1;
  }
  upload();
 }
 function buywol(){
  if(items.dogs>=6 && items.foxes>=5){
    items.dogs-=6;
    items.foxes-=5;
    items.wolfs+=1;
  }
  upload();
 }
 function buylem(){
  if(items.cats>=10){
    items.cats-=10;
    items.lemons+=1;
  }
  upload();
 }
 function buylt3(){
  if (items.lemons>=5) {
    items.lemons-=5;
    items.lt3+=1;
  }
  upload();
 }
--- a/25/style.css
+++ b/25/style.css
@@ -0,0 +1,43 @@
 body {
    font-size: 15pt;
    user-select: none;
 }
 #logclick{
  position: absolute;
  width: 100%;
  height: 50px;
  top: 40px;
  left: 50%;
  text-align: center;
  transform: translate(-50%,0);
 }
 #disclick{
  position: absolute;
  width: 100%;
  height: 25px;
  transform: translate(0%,0);
 }
 /*BRB*/
 #unpressed{
 	position: absolute;
 	width: 300px;
 	height: 300px;
 	border-radius: 150px;
 }
 #pressed{
 	position: absolute;
 	width: 300px;
 	height: 300px;
 	visibility: hidden;
 	border-radius: 150px;
 }
 #button{
  user-select: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -150px 0 0 -150px;
  border-radius: 150px;
 }
--- a/26/add.txt
+++ b/26/add.txt
@@ -0,0 +1,54 @@
 click.offline.make
 max 5 hour
 BuyDog dog.log clicks/s
 1 dog = 1 clicks/s
 1 cat = 100 clicks/s
 1 fox = 150 clicks/s
 1 hamster = 10 000 c/s
 1 girrafe = 1 000 000 c/s
 1 citronovník = 30 lemons/h
 reset all.clicks
 36,7% k 10 citronum že vyroste citronovník
 compile to .exe and add it to the play store
 add complete history of clicks, dogs, cats, lemons, ...
 total production
 Upgrades!
 Button
 Green button - 2.5 clicks per clicks
 Yellow button - 4 clicks/click + random Chance for a lemon
 Purple button - 6 c/c
 Cyan button - 10 c/c + random chance for ______
 Dog
 R collar - 1.5 cs
 G collar - 2 cs
 Y collar - 5 cs
 P collar - 8.2 cs
 C collar - 15 cs
 Cat
 R collar - 150 cs
 G collar - 200 cs
 Y collar - 500 cs
 P collar - 750 cs
 C collar - 1 000 cs
 Fox
 R fur - 225 cs
 G fur - 300 cs
 Y fur - 666 cs
 P fur - 1 125 cs
 C fur - 1 500 cs
 lemon
--- a/Show More
+++ b/Show More