diff --git a/Clicking/index.html b/Clicking/index.html
new file mode 100644
index 0000000..6bd8226
--- /dev/null
+++ b/Clicking/index.html
@@ -0,0 +1,78 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ BRB - Clicking
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Settings/index.html b/Settings/index.html
index 2a84495..a76d3bf 100644
--- a/Settings/index.html
+++ b/Settings/index.html
@@ -51,6 +51,16 @@
+
+
+
+
+

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

+
+
+
+
+
+
+
+
+
+
+
+
@@ -576,7 +616,7 @@
- - BRB
+ - BRB
diff --git a/Upgrade/index.html b/Upgrade/index.html
index eb01ec6..de270c8 100644
--- a/Upgrade/index.html
+++ b/Upgrade/index.html
@@ -84,7 +84,7 @@
- - BRB
+ - BRB
diff --git a/changelog b/changelog
index 7362d92..300d249 100644
--- a/changelog
+++ b/changelog
@@ -1,3 +1,16 @@
+ v45
+ Added: ANIMALS - Chimken + Wombat
+ New Main menu with the "social tab"
+ Better language detector
+ New path to Shop, Sett., Upg., Clicking
+ Titles of the sites changes to coresponding language
+ Sites to setting :)
+
+ Fixed: Buying tokens is now more practical
+ Margin of every main section under the Jonathans
+
+ Removed: I guess /lang/ but I don't know it 100%
+
v44
Added: NEW ANIMAL - Chameleon
Better language choosing method for newcommers
diff --git a/css/brb.css b/css/brb.css
index e3b9034..551d251 100644
--- a/css/brb.css
+++ b/css/brb.css
@@ -76,92 +76,4 @@ body{
}
.changelog:hover svg{
color: #a33;
-}
-
-/* Social */
-.socmenu{
- position: absolute;
- left: -45px;
- bottom: -45px;
- width: 220px;
- height: 220px;
- display: flex;
- justify-content: center;
- align-items: center;
-}
-.socmenu .toggle{
- position: relative;
- width: 100px;
- height: 100px;
- border: 1px solid rgba(255,255,255,0.1);
- border-radius: 50%;
- box-shadow:
- 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;
- cursor: pointer;
- font-size: 3em;
- color: #fff;
- z-index: 1000000;
-}
-.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;
- list-style: none;
- transform-origin: 110px;
- transition: 0.5s;
- transition-delay: calc(0.05s*var(--i));
- transform: rotate(calc(360deg/4*var(--i)));
- scale: 0;
- z-index: 1;
- border-radius: 50%;
- overflow: hidden;
-}
-.socmenu li::before{
- content: '';
- position: absolute;
- top: 0;
- left: -30px;
- width: 20px;
- height: 100%;
- background: #fff;
- z-index: 10;
- transform: skewX(325deg) translateX(0);
- box-shadow: -5px 0 0 #fff5;
- transition: 0.5s;
-}
-.socmenu li:hover::before{
- transform: skewX(325deg) translateX(180px);
- box-shadow: -50px 0 0 #fff5;
-}
-.socmenu.active li{scale:1;}
-.socmenu li a{
- position: relative;
- display: flex;
- justify-content: center;
- align-items: center;
- width: 80px;
- height: 80px;
- background: var(--clr);
- color: #fff;
- font-size: 2.25em;
- border-radius: 50%;
- transform: rotate(calc(360deg/-4*var(--i)));
- box-shadow: 0 3px 4px rgba(0,0,0,0.15)
-}
-.socmenu li a img{width:1em;}
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/css/sett.css b/css/sett.css
index 458b061..9a6ee82 100644
--- a/css/sett.css
+++ b/css/sett.css
@@ -4,10 +4,15 @@
padding: 0;
box-sizing: border-box;
text-align: center;
+ font-family: 'Poppins', sans-serif;
}
body{
user-select: none;
background-color: #333;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
}
#jonathan{
position: fixed;
@@ -37,13 +42,52 @@ body{
height: 100px;
filter: drop-shadow(0px 20px 14px #444);
}
-button{
+main section button{
width: 32px;
height: 32px;
border-radius: 0.5rem;
border: none;
filter: drop-shadow(10px 10px 14px #444);
}
+
+.sites{
+ width: 350px;
+ height: 250px;
+ flex-direction: column;
+ justify-content: space-around;
+}
+
+.sites h2{
+ text-transform: uppercase;
+ text-align: center;
+}
+
+.site{
+ position: relative;
+ width: 150px;
+ height: 50px;
+ background: cornflowerblue;
+ display: flex;
+ flex-direction: row;
+ justify-content: space-around;
+ align-items: center;
+ border-radius: 6.9px;
+ text-decoration: none;
+}
+
+.site button{
+ width: 25px;
+ height: 25px;
+ border: none;
+ background: transparent;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+.site img{
+ height: 25px;
+}
+
::-webkit-scrollbar{
background: transparent;
width: 5px;
diff --git a/css/title.css b/css/title.css
new file mode 100644
index 0000000..d70fae2
--- /dev/null
+++ b/css/title.css
@@ -0,0 +1,139 @@
+@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap');
+*{
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+ font-family: 'Poppins', sans-serif;
+ text-align: center;
+ user-select: none;
+ overflow: hidden;
+}
+body{
+ min-height: 100vh;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+header{
+ position: absolute;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ top: 0;
+ width: 350px;
+ height: 5rem;
+ background: #480373;
+ color: #fff;
+ border-radius: 0 0 2rem 2rem;
+ box-shadow: 0 0 50px 10px #fff;
+}
+h1{
+
+}
+h3{
+ position: absolute;
+ margin-bottom: 50vh;
+}
+img{
+ width: 300px;
+}
+#jonathan{
+ z-index: -36;
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background: radial-gradient(circle, #6F2DA8 0%, transparent 100%);
+}
+footer{
+ position: absolute;
+ bottom: 0;
+}
+
+/* Social */
+.socmenu{
+ position: absolute;
+ left: -45px;
+ bottom: -45px;
+ width: 220px;
+ height: 220px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ z-index: 50000;
+}
+.socmenu .toggle{
+ position: relative;
+ width: 100px;
+ height: 100px;
+ border: 1px solid rgba(255,255,255,0.1);
+ border-radius: 50%;
+ box-shadow:
+ 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;
+ cursor: pointer;
+ font-size: 3em;
+ color: #fff;
+ z-index: 1000000;
+}
+.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;
+ list-style: none;
+ transform-origin: 110px;
+ transition: 0.5s;
+ transition-delay: calc(0.05s*var(--i));
+ transform: rotate(calc(360deg/4*var(--i)));
+ scale: 0;
+ z-index: 1;
+ border-radius: 50%;
+ overflow: hidden;
+}
+.socmenu li::before{
+ content: '';
+ position: absolute;
+ top: 0;
+ left: -30px;
+ width: 20px;
+ height: 100%;
+ background: #fff;
+ z-index: 10;
+ transform: skewX(325deg) translateX(0);
+ box-shadow: -5px 0 0 #fff5;
+ transition: 0.5s;
+}
+.socmenu li:hover::before{
+ transform: skewX(325deg) translateX(180px);
+ box-shadow: -50px 0 0 #fff5;
+}
+.socmenu.active li{scale:1;}
+.socmenu li a{
+ position: relative;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ width: 80px;
+ height: 80px;
+ background: var(--clr);
+ color: #fff;
+ font-size: 2.25em;
+ border-radius: 50%;
+ transform: rotate(calc(360deg/-4*var(--i)));
+ box-shadow: 0 3px 4px rgba(0,0,0,0.15)
+}
+.socmenu li a img{width:1em;}
\ No newline at end of file
diff --git a/img/chickens.svg b/img/chickens.svg
new file mode 100644
index 0000000..34dfab5
--- /dev/null
+++ b/img/chickens.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/img/history.svg b/img/history.svg
new file mode 100644
index 0000000..61bd70b
--- /dev/null
+++ b/img/history.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/img/wombats.svg b/img/wombats.svg
new file mode 100644
index 0000000..0953bcd
--- /dev/null
+++ b/img/wombats.svg
@@ -0,0 +1,479 @@
+
+
+
diff --git a/index.html b/index.html
index 5a1ad81..88e4120 100644
--- a/index.html
+++ b/index.html
@@ -1,95 +1,62 @@
-
+
-
-
-
-
-
-
-
+
+
+
+
+
+
+
-
-
-
-
-
-
-
+
+
+
+
+
+
+
-
-
-
-
-
-
+
+
+
+
+
+
-
-
-
- BRB - Clicking
-
-
-
-
-
-
+
+
+ BRB - Main Menu
+
+
+
+
+
+
-
-
-
-
-
-
-
-
+
-
-
-
-
-