diff --git a/changelog b/changelog index 09754a6..ae9cdc1 100644 --- a/changelog +++ b/changelog @@ -1,3 +1,14 @@ + v43 + Added: Small changelog button + Squrrel + Badger + Better function for buying animals for clicks + Better jonathan in BRB + + Fixed: Menu hitbox + lag while loading BRB + + Removed: text shadow in light mode settings + v42 Added: Better syntaxes for both of the languages diff --git a/css/brb.css b/css/brb.css index ff5e655..2264c3a 100644 --- a/css/brb.css +++ b/css/brb.css @@ -7,7 +7,7 @@ body{ box-sizing: border-box; overflow: hidden; } -#tycoon{ +#jonathan{ position: absolute; width: 100%; height: 200px; @@ -56,93 +56,29 @@ body{ } /* Other BTNS */ -.menu-container{ +/* Šmol change */ +.changelog{ position: absolute; - top: 50px; - left: 50%; - transform: translate(-50%, -50%); - width: 300px; - display: flex; - align-items: center; - justify-content: center; - font-family: 'Poppins'; + width: 75px; + height: 75px; + bottom: 10px; + right: 10px; + filter: drop-shadow(0 0 10px #000); + background: #0098FF; + border-radius: 50%; } -.button{ - position: relative; - background: #1b1b1b; +.changelog svg{ + border-radius: 50%; + height: 99%; + filter: drop-shadow(0 0 10px #000); 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; + transition: 0.5s; } -.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{ - display: block; - width: 100%; - height: 100%; - color: #fff; - font-size: 18px; - text-decoration: none; -} -ul li:hover a{ - color: #44dd44; +.changelog:hover svg{ + color: #d33; } +/* Social */ .socmenu{ position: absolute; left: -45px; @@ -163,6 +99,7 @@ ul li:hover a{ 0 25px 15px rgba(0,0,0,0.25), 0 25px 20px rgba(0,0,0,0.1); backdrop-filter: blur(10px); + filter: drop-shadow(0 0 10px rgba(0,0,0,.75)); display: flex; justify-content: center; align-items: center; @@ -171,11 +108,17 @@ ul li:hover a{ color: #fff; z-index: 1000000; } -.socmenu .toggle ion-icon{position:absolute;opacity:0;transition:0.5s;} -.socmenu .toggle ion-icon:nth-child(1){opacity:1;transform:rotate(360deg);} -.socmenu.active .toggle ion-icon:nth-child(1){opacity:0;transform:rotate(0deg);} -.socmenu .toggle ion-icon:nth-child(2){opacity:0;transform:rotate(0deg);} -.socmenu.active .toggle ion-icon:nth-child(2){opacity:1;transform:rotate(360deg);} +.socmenu .toggle svg{ + position: absolute; + filter: drop-shadow(0 0 10px rgba(0,0,0,.75)); + opacity: 0; + transition: 0.5s; +} +.socmenu .toggle svg{transition: 0.5s;} +.socmenu .toggle svg:nth-child(1){opacity:1;transform:rotate(360deg);} +.socmenu.active .toggle svg:nth-child(1){opacity:0;transform:rotate(0deg);} +.socmenu .toggle svg:nth-child(2){opacity:0;transform:rotate(0deg);} +.socmenu.active .toggle svg:nth-child(2){opacity:1;transform:rotate(360deg);} .socmenu li{ position: absolute; left: 0; @@ -220,4 +163,5 @@ ul li:hover a{ border-radius: 50%; transform: rotate(calc(360deg/-4*var(--i))); box-shadow: 0 3px 4px rgba(0,0,0,0.15) -} \ No newline at end of file +} +.socmenu li a img{width:1em;} \ No newline at end of file diff --git a/css/menu.css b/css/menu.css new file mode 100644 index 0000000..520bea6 --- /dev/null +++ b/css/menu.css @@ -0,0 +1,98 @@ +.menu-container{ + position: absolute; + top: 50px; + 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{ + position: relative; + display: flex; + align-items: center; + justify-content: center; +} +.menu-container .button span svg{ + position: absolute; + margin-right: 15px; + transition: 200ms; +} +.menu-container .button span svg:nth-child(1){opacity:1;} +.menu-container .button.expand span svg:nth-child(1){opacity:0;} +.menu-container .button span svg:nth-child(2){opacity:0;} +.menu-container .button.expand span svg:nth-child(2){opacity:1;} +ul{ + 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; + 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{ + display: block; + width: 100%; + height: 100%; + color: #fff; + padding: 8px 0; + font-size: 18px; + text-decoration: none; +} +ul li:hover a{ + color: #44dd44; +} \ No newline at end of file diff --git a/css/sett.css b/css/sett.css index 5801d04..d8ee52e 100644 --- a/css/sett.css +++ b/css/sett.css @@ -43,105 +43,6 @@ button{ border: none; filter: drop-shadow(10px 10px 14px #444); } - - - - - - - -/* Menu */ - -.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; - /* By MrEidam */ -} -.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{ - display: block; - width: 100%; - height: 100%; - /* By MrEidam */ - color: #fff; - font-size: 18px; - text-decoration: none; -} -ul li:hover a{ - color: #44dd44; -} - ::-webkit-scrollbar{ background: transparent; width: 5px; diff --git a/css/shop.css b/css/shop.css index 991ae7e..024dbbb 100644 --- a/css/shop.css +++ b/css/shop.css @@ -149,99 +149,6 @@ button{ } } - -/* Menu */ - -.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; -/* By MrEidam */ -} -.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{ - display: block; - width: 100%; - height: 100%; -/* By MrEidam */ - color: #fff; - font-size: 18px; - text-decoration: none; -} -ul li:hover a{ - color: #44dd44; -} - ::-webkit-scrollbar{ background: transparent; width: 5px; diff --git a/css/upgr.css b/css/upgr.css index 70107ca..416067a 100644 --- a/css/upgr.css +++ b/css/upgr.css @@ -183,95 +183,6 @@ h2{ to{filter: hue-rotate(360deg);} } - -.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{ - display: block; - width: 100%; - height: 100%; - color: #fff; - font-size: 18px; - text-decoration: none; -} -ul li:hover a{ - color: #44dd44; -} - ::-webkit-scrollbar{ background: transparent; width: 10px; diff --git a/img/YT.png b/img/YT.png deleted file mode 100644 index dc7bcad..0000000 Binary files a/img/YT.png and /dev/null differ diff --git a/img/badger.svg b/img/badger.svg new file mode 100644 index 0000000..ba33b71 --- /dev/null +++ b/img/badger.svg @@ -0,0 +1,71 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/img/info.svg b/img/info.svg deleted file mode 100644 index 9ccf452..0000000 --- a/img/info.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/img/squirell.svg b/img/squirell.svg new file mode 100644 index 0000000..747e37b --- /dev/null +++ b/img/squirell.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/img/twitter.svg b/img/twitter.svg new file mode 100644 index 0000000..1b5aaa4 --- /dev/null +++ b/img/twitter.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/img/youtube.svg b/img/youtube.svg new file mode 100644 index 0000000..d757157 --- /dev/null +++ b/img/youtube.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/index.html b/index.html index e55261b..403d4a2 100644 --- a/index.html +++ b/index.html @@ -1,40 +1,46 @@ + + - - + + - + + + + - - + + + + + + + + + - - + - + BRB - Clicking + -
+
@@ -47,9 +53,18 @@
-