diff --git a/add.txt b/add.txt index cba1b4f..b9d7342 100644 --- a/add.txt +++ b/add.txt @@ -2,20 +2,20 @@ click.offline.make max 5 hour name gen com.cost cost -1 dog = 1 clicks/s = 100 | 100 clicks -1 cat = 12 c/s = 1 000 | 10 dogs -1 fox = 18 c/s = 1 500 | 15 dogs -1 wolf = 100 c/s = 8 100 | 5 foxes + 6 dogs -1 hamster = 130 c/s = 10 100 | 1 wolf + 2 cats -1 whale = 220 c/s = 16 200 | 2 wolfs -1 cappibara = 280 c/s = 20 200 | 1 whale + 4 cats -1 platapus = 400 c/s = 28 300 | 1 cappy + 1 wolf -1 porcupine = 650 c/s = 44 500 | 1 pussy + 1 whale (Dikobraz) -1 hippo = 950 c/s = 64 700 | 1 porcupine + 2 hamters -1 snake = 1 000 c/s = 72 800 | 2 whales + 4 hamsters +1 dog = 1 clicks/s = 100 | 100 clicks +1 cat = 12 c/s = 1 000 | 10 dogs +1 fox = 18 c/s = 1 500 | 15 dogs +1 wolf = 100 c/s = 8 100 | 5 foxes + 6 dogs +1 hamster = 130 c/s = 10 100 | 1 wolf + 2 cats +1 whale = 220 c/s = 16 200 | 2 wolfs +1 cappibara = 280 c/s = 20 200 | 1 whale + 4 cats +1 platapus = 400 c/s = 28 300 | 1 cappy + 1 wolf +1 porcupine = 650 c/s = 44 500 | 1 pussy + 1 whale (Dikobraz) +1 hippo = 950 c/s = 64 700 | 1 porcupine + 2 hamsters +1 snake = 1 000 c/s = 72 800 | 2 whales + 4 hamsters 1 cheetah = 3 000 c/s = 202 200 | 2 snakes + 2 pussy -1 python = -1 girrafe = 1 000 000 c/s +1 python = 7 800 c/s = 525 700 | 1 cheetah + 5 hippo +1 girrafe = 8 400 c/s = 555 700 | 1 python + 20 foxes 1 otter 1 meerkat 1 raccoon diff --git a/changelog b/changelog index e106e2f..35abc3e 100644 --- a/changelog +++ b/changelog @@ -1,3 +1,22 @@ + v39 + Added: Pythons + Giraffes + New Nav. bar for Shop + New Navigation bar for BRB + Setting in the nav bar (mostly in BRB) + + Removed: From BRB: + Go to Shop btn + Flag for lang + Reset + Help + From Shop: + Go to BRB + Go to Shop + + Fixed: Clicks number in Shop + + Note: please add Dark mode and into Wall. eng + v38 Added: Snakes + Cheetas new UI design for Shop Goer buttons and click displayer diff --git a/css/brb.css b/css/brb.css index 827a9cc..53bc287 100644 --- a/css/brb.css +++ b/css/brb.css @@ -1,9 +1,10 @@ +@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap'); body { - font-size: 15pt; user-select: none; padding: 0; margin: 0; background-color: #fff; + box-sizing: border-box; } #LANGMISS{ position: absolute; @@ -18,23 +19,7 @@ body { width: 100%; height: 200px; background: radial-gradient(125% 100% at 50% 0%,#9aff9a 20%,#fff 70%); -} -#shop{ - position: absolute; - width: 100%; - top: 20%; - text-align: center; - color: #000000; - text-decoration: underline; - transform: translateY(-50%); -} -#cool{ - position: absolute; - top: 98px; - left: 0%; - width: 100%; - height: 25%; - /*background: radial-gradient(#9aff9a,#fff);*/ + font-size: 15pt; } #logclick{ position: absolute; @@ -43,6 +28,7 @@ body { left: 50%; text-align: center; transform: translate(-50%,0); + font-size: 15pt; } #disclick{ position: absolute; @@ -72,41 +58,93 @@ body { border-radius: 150px; } /* Other BTNS */ -.reset{ - position: absolute; - user-select: none; - width: 69px; - height: 50px; - bottom: 5px; - right: 5px; - background-color: #f00; - color: #fff; -} -.help{ - position: absolute; - user-select: none; - width: 69px; - height: 50px; - bottom: 60px; - right: 5px; - background-color: darkgoldenrod; - color: #fff; -} .Yt{ position: absolute; bottom: 0px; margin: 0.5rem; left: 0; } -.flag{ + +.menu-container{ position: absolute; - user-select: none; - width: 69px; - height: 50px; - border-radius: 1rem; - bottom: 50px; - left: 0%; - margin: 0.5rem; - color: #000; - filter: drop-shadow(10px 8px 6px #333); + top: 30px; + left: 50%; + transform: translate(-50%, -50%); + width: 300px; + display: flex; + align-items: center; + justify-content: center; + font-family: 'Poppins'; +} +.button{ + position: relative; + background: #1b1b1b; + color: #fff; + font-size: 20px; + padding: 8px 20px; + width: 150px;/* 100% */ + line-height: 30px; + display: flex; + align-items: center; + justify-content: space-between; + border-radius: 25px; + cursor: pointer; + transition: width .4s; +} +.button.expand{ + width: 100%; +} +.fas.expand:before{ + content: '\f00d'; +} +ul{ + list-style: none; + position: absolute; + top: 65px; + display: block; + background: #1b1b1b; + width: 100%; + text-align: center; + border-radius: 5px; + display: none; + box-shadow: 0 3px 6px rgba(0,0,0,.3); + padding-inline-start: 0px; +} +ul:before{ + position: absolute; + content: ''; + width: 20px; + height: 20px; + background: #1b1b1b; + top: -10px; + right: 15px; + transform: rotate(45deg); + z-index: -1; +} +ul li{ + line-height: 35px; + padding: 8px 20px; + cursor: pointer; + border-bottom: 1px solid rgba(255,255,255,.1); +} +ul li:hover:first-child{ + border-radius: 5px 5px 0 0; +} +ul li:hover:last-child{ + border-radius: 0 0 5px 5px; +} +ul li:hover{ + box-shadow: inset 0 0 5px #33ff33, + inset 0 0 10px #66ff66; +} +ul li:last-child{ + border-bottom: none; +} +ul li a{ + color: #fff; + font-size: 18px; + text-decoration: none; +} +ul li:hover a{ + color: #44dd44; } \ No newline at end of file diff --git a/css/shop.css b/css/shop.css index 8772f0b..4aaa972 100644 --- a/css/shop.css +++ b/css/shop.css @@ -13,7 +13,22 @@ body { } /* Clisks */ +.joe{ + position: fixed; + z-index: 1; + display: flex; + justify-content: center; + align-items: center; + height: 200px; + width: 100%; + margin: 0; + top: 0; + border-radius: 0 0 90px 90px; + background: linear-gradient(#11ABFF, #ccccccab); + +} #logclick{ + position: relative; background-color: papayawhip; display: flex; align-items: center; @@ -25,6 +40,7 @@ body { border-radius: 1rem; z-index: 69; width: auto; + top: 30px; height: 85px; filter: drop-shadow(10px 8px 6px #333); } @@ -40,28 +56,6 @@ body { pointer-events: none } -#links{ - position: relative; - width: 100%; - margin: 1rem auto; - padding: 10px; - display: flex; - justify-content: space-around; -} -.link{ - position: relative; - display: flex; - justify-content: center; - align-items: center; - background-color: var(--color); - min-width: 200px; - height: 50px; - margin: 1rem auto; - border: 3.69px none #333333; - filter: drop-shadow(10px 8px 6px #333); - border-radius: 69px; -} - .backtop{ height: 230px; max-width: auto; @@ -148,17 +142,6 @@ main{ flex-direction: row; justify-content: center; } - -/*@media only screen and (max-width: 1100px){ - .row .item{ - display: flex; - flex-direction: column; - justify-content: center; - left: 50%; - transform: translateXyy(-50%); - } -}*/ - button{ border: none; filter: drop-shadow(8px 6px 4px #555); @@ -176,4 +159,90 @@ button{ width: auto; margin: 2rem 10vw 2rem 10vw; } +} + + +.menu-container{ + position: fixed; + top: 50px; + left: 50%; + transform: translate(-50%, -50%); + width: 300px; + display: flex; + align-items: center; + justify-content: center; + font-family: 'Poppins'; + z-index: 500; +} +.button{ + position: relative; + background: #1b1b1b; + color: #fff; + font-size: 20px; + padding: 8px 20px; + width: 150px;/* 100% */ + line-height: 30px; + display: flex; + align-items: center; + justify-content: space-between; + border-radius: 25px; + cursor: pointer; + transition: width .4s; +} +.button.expand{ + width: 100%; +} +.fas.expand:before{ + content: '\f00d'; +} +ul{ + list-style: none; + position: absolute; + top: 65px; + display: block; + background: #1b1b1b; + width: 100%; + text-align: center; + border-radius: 5px; + display: none; + box-shadow: 0 3px 6px rgba(0,0,0,.3); + padding-inline-start: 0px; +} +ul:before{ + position: absolute; + content: ''; + width: 20px; + height: 20px; + background: #1b1b1b; + top: -10px; + right: 15px; + transform: rotate(45deg); + z-index: -1; +} +ul li{ + line-height: 35px; + padding: 8px 20px; + cursor: pointer; + border-bottom: 1px solid rgba(255,255,255,.1); +} +ul li:hover:first-child{ + border-radius: 5px 5px 0 0; +} +ul li:hover:last-child{ + border-radius: 0 0 5px 5px; +} +ul li:hover{ + box-shadow: inset 0 0 5px #33ff33, + inset 0 0 10px #66ff66; +} +ul li:last-child{ + border-bottom: none; +} +ul li a{ + color: #fff; + font-size: 18px; + text-decoration: none; +} +ul li:hover a{ + color: #44dd44; } \ No newline at end of file diff --git a/img/girafe.svg b/img/girafe.svg new file mode 100644 index 0000000..82a0d8a --- /dev/null +++ b/img/girafe.svg @@ -0,0 +1,104 @@ + + + diff --git a/img/python.svg b/img/python.svg new file mode 100644 index 0000000..141be08 --- /dev/null +++ b/img/python.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/index.html b/index.html index 5135e32..7b478be 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,8 @@ - + +
+
+
-
-