Beta v2.0.0 "Ferny Update"

ModuleArt · Jul 31, 2019 · 332a249 · 332a249
1 parent 8ca2df2
commit 332a249
Show file tree

Hide file tree

Showing 20 changed files with 458 additions and 3,286 deletions.
diff --git a/docs/css/app.css b/docs/css/app.css
@@ -25,6 +25,26 @@ body {
     margin: 0;
 }
 
+/*
+....###....##....##.####.##.....##
+...##.##...###...##..##..###...###
+..##...##..####..##..##..####.####
+.##.....##.##.##.##..##..##.###.##
+.#########.##..####..##..##.....##
+.##.....##.##...###..##..##.....##
+.##.....##.##....##.####.##.....##
+*/
+
+@keyframes anim-slide-up {
+    from {
+        opacity: 0;
+        transform: translateY(-40px);
+    } to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
 /*
 .##.....##....###....####.##....##
 .###...###...##.##....##..###...##
@@ -130,6 +150,10 @@ body {
     border-color: white;
 }
 
+.main .links a:active {
+    opacity: 0.5;
+}
+
 .main .links a img, .main .links a span {
     vertical-align: middle;
 }
@@ -187,11 +211,20 @@ body {
     opacity: 1;
 }
 
+.main .screenshots li:active button {
+    opacity: 0.5;
+    transform: scale(1.5);
+}
+
 .main .screenshots li.slick-active button {
     opacity: 1;
     transform: scale(2);
 }
 
+.main .screenshots img {
+    outline: none;
+}
+
 /*
 .########.########....###....########.##.....##.########..########..######.
 .##.......##.........##.##......##....##.....##.##.....##.##.......##....##
@@ -248,6 +281,8 @@ body {
     margin: 8px;
     margin-top: 48px;
     padding-top: 4px;
+    animation: anim-slide-up;
+    animation-duration: 0.25s;
 }
 
 .main .update.show {
@@ -287,12 +322,18 @@ body {
     vertical-align: middle;
 }
 
-.main .update button:hover, .main .update button:focus, .main.update button:active {
+.main .update button:hover, .main .update button:focus {
     background-color: rgba(255, 255, 255, 0.1);
 }
 
+.main .update button:active {
+    opacity: 0.5;
+}
+
 .main .update .text {
     display: none;
+    animation: anim-slide-up;
+    animation-duration: 0.25s;
 }
 
 .main .update.expand .text {
@@ -307,6 +348,7 @@ body {
 }
 
 .main .update a img {
+    transition: 0.25s;
     padding: 4px;
     margin-bottom: -4px;
     border-radius: 50%;
@@ -316,6 +358,10 @@ body {
     background-color: rgba(255, 255, 255, 0.1);
 }
 
+.main .update a:active {
+    opacity: 0.5;
+}
+
 .main .updates .more {
     background: none;
     border: 2px solid rgba(255, 255, 255, 0.5);
@@ -327,11 +373,34 @@ body {
     padding: 12px 24px;
 }
 
-.main .updates .more:hover, .main .updates .more:active, .main .updates .more:focus {
+.main .updates .more:hover, .main .updates .more:focus {
     border-color: white;
     transform: translateY(-4px);
 }
 
+.main .updates .more:active {
+    opacity: 0.5;
+}
+
+/*
+..######...####.########.##.....##.##.....##.########.....########..########.##....##..######.
+.##....##...##.....##....##.....##.##.....##.##.....##....##.....##....##....###...##.##....##
+.##.........##.....##....##.....##.##.....##.##.....##....##.....##....##....####..##.##......
+.##...####..##.....##....#########.##.....##.########.....########.....##....##.##.##..######.
+.##....##...##.....##....##.....##.##.....##.##.....##....##.....##....##....##..####.......##
+.##....##...##.....##....##.....##.##.....##.##.....##....##.....##....##....##...###.##....##
+..######...####....##....##.....##..#######..########.....########.....##....##....##..######.
+*/
+
+.main .github-btns {
+    margin: 48px 0;
+}
+
+.main .github-btns .button {
+    display: inline-block;
+    margin: 4px 8px;
+}
+
 /*
 .##.....##.########.########..####....###...
 .###...###.##.......##.....##..##....##.##..

diff --git a/docs/css/footer.css b/docs/css/footer.css
@@ -51,12 +51,17 @@ footer .column a {
     padding-bottom: 8px;
     text-decoration: none;
     outline: none;
+    transition: 0.25s;
 }
 
 footer .column a:hover, footer .column a:focus {
     opacity: 1;
 }
 
+footer .column a:active {
+    text-decoration: underline;
+}
+
 /*
 .########...#######..########.########..#######..##.....##
 .##.....##.##.....##....##.......##....##.....##.###...###

diff --git a/docs/css/header.css b/docs/css/header.css
@@ -24,7 +24,6 @@
     } to {
         transform: translateY(0px);
     }
-
 }
 
 /*
@@ -71,6 +70,7 @@ header .logo {
     padding: 18px;
     text-decoration: none;
     outline: none;
+    transition: 0.25s;
 }
 
 header .logo img {
@@ -97,6 +97,10 @@ header .logo:hover span, header .logo:focus span {
     opacity: 0.5;
 }
 
+header .logo:active {
+    opacity: 0.5;
+}
+
 /*
 .########..##.....##.########.########..#######..##....##..######.
 .##.....##.##.....##....##.......##....##.....##.###...##.##....##
@@ -133,6 +137,10 @@ header .button:hover, header .button:focus {
     background-color: rgba(255, 255, 255, 0.1);
 }
 
+header a.button:active {
+    opacity: 0.5;
+}
+
 header .button.show .menu {
     display: block;
 }
@@ -170,11 +178,15 @@ header .menu a {
     text-decoration: none;
 }
 
-header .menu a:hover {
+header .menu a:hover, header .menu a:focus {
     background-color: rgba(0, 0, 0, 0.1);
     opacity: 1;
 }
 
+header .menu a:active {
+    opacity: 0.5;
+}
+
 header .menu::after {
     content: " ";
     position: absolute;
@@ -201,6 +213,7 @@ header .links {
 }
 
 header .links a {
+    transition: 0.25s;
     outline: none;
     margin: 10px 2px;
     display: inline-block;
@@ -216,6 +229,10 @@ header .links a:hover img, header .links a:focus img {
     background-color: rgba(255, 255, 255, 0.1);
 }
 
+header .links a:active {
+    opacity: 0.5;
+}
+
 /*
 .##.....##....###....##.....##.########..##.....##.########...######...########.########.
 .##.....##...##.##...###...###.##.....##.##.....##.##.....##.##....##..##.......##.....##