From 98a77f641007ae5fe878f7da98b50e7650231e8d Mon Sep 17 00:00:00 2001
From: grandeljay <github.jay@grandel.anonaddy.me>
Date: Tue, 14 Jun 2022 18:24:56 +0200
Subject: [PATCH] Add logo animation to home

---
 src/assets/css/home.css           |  34 ++++++
 src/assets/img/logo-animation.svg | 193 ++++++++++++++++++++++++++++++
 src/classes/page.php              |   4 +
 3 files changed, 231 insertions(+)
 create mode 100644 src/assets/img/logo-animation.svg

diff --git a/src/assets/css/home.css b/src/assets/css/home.css
index 4b302109..5374030b 100644
--- a/src/assets/css/home.css
+++ b/src/assets/css/home.css
@@ -10,3 +10,37 @@
 .ui.statistics .statistic > .value {
     font-variant-numeric: tabular-nums lining-nums slashed-zero;
 }
+
+#text-list {
+    animation: 0.8s 1s ease text-list;
+}
+@keyframes text-list {
+    0% {
+        position: relative;
+
+        opacity: 1;
+        bottom: 0;
+    }
+
+    100% {
+        opacity: 0;
+        bottom: calc(1em * 1.4285 + 0.91666667em * 2 + 2px);
+    }
+}
+
+#text-this {
+    animation: 0.8s 1s ease text-this;
+}
+@keyframes text-this {
+    0% {
+        position: relative;
+
+        opacity: 0;
+        bottom: 0;
+    }
+
+    100% {
+        opacity: 1;
+        bottom: calc(1em * 1.4285 + 0.91666667em * 2 + 2px);
+    }
+}
diff --git a/src/assets/img/logo-animation.svg b/src/assets/img/logo-animation.svg
new file mode 100644
index 00000000..e375fa86
--- /dev/null
+++ b/src/assets/img/logo-animation.svg
@@ -0,0 +1,193 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="512"
+   height="99.994713"
+   viewBox="0 0 135.46667 26.456935"
+   version="1.1"
+   id="svgLogo"
+   inkscape:version="1.2 (dc2aedaf03, 2022-05-15)"
+   sodipodi:docname="logo.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="7.9999999"
+     inkscape:cx="393.5625"
+     inkscape:cy="161.625"
+     inkscape:window-width="3742"
+     inkscape:window-height="2126"
+     inkscape:window-x="3829"
+     inkscape:window-y="-11"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     borderlayer="true"
+     inkscape:showpageshadow="false"
+     units="px"
+     inkscape:deskcolor="#d1d1d1"
+     showguides="true">
+    <sodipodi:guide
+       position="77.226296,26.39389"
+       orientation="1,0"
+       id="guide313"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="75.223505,-8.9262102"
+       orientation="1,0"
+       id="guide333"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="2.1166667,100.80485"
+       orientation="0,1"
+       id="guide419"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-1.5673828e-06,-13.53327"
+       orientation="1,0"
+       id="guide477"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="82.384524,-26.419278"
+       orientation="0,1"
+       id="guide479"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <rect
+       x="44.360743"
+       y="288.66628"
+       width="429.46342"
+       height="142.72587"
+       id="rect253" />
+    <rect
+       x="-596.61987"
+       y="-191.58698"
+       width="1722.9969"
+       height="1116.0906"
+       id="rect1574" />
+    <rect
+       x="44.360743"
+       y="288.66628"
+       width="429.46342"
+       height="142.72587"
+       id="rect311" />
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(157.69673,48.619995)">
+    <g
+       aria-label="wishthis"
+       transform="matrix(0.89381537,0,0,0.89381537,375.03434,172.12423)"
+       id="text1572"
+       style="font-size:40px;line-height:1.25;font-family:Raleway;-inkscape-font-specification:Raleway;white-space:pre;shape-inside:url(#rect1574);stroke-width:0.296016">
+      <path
+         d="m -567.37914,-175.40063 h 2.68 l -8.96,20.84 h -2.36 l -4.36,-10.36 -4.32,10.36 h -2.36 l -8.96,-20.84 h 2.64 l 7.6,18.04 3.84,-9.4 -3.52,-8.6 h 2.44 l 2.64,6.76 2.68,-6.76 h 2.4 l -3.48,8.6 3.84,9.4 z"
+         id="path3159"
+         style="stroke-width:0.296016" />
+      <path
+         d="m -561.09915,-154.56063 v -20.84 h 2.72 v 20.84 z m 0,-25.2 v -4 h 2.72 v 4 z"
+         id="path3161"
+         style="stroke-width:0.296016" />
+      <path
+         d="m -545.53914,-154.16063 q -2.56,0 -4.76,-0.84 -2.2,-0.84 -3.8,-2.56 l 1.12,-1.92 q 1.76,1.64 3.52,2.4 1.8,0.72 3.8,0.72 2.44,0 3.96,-0.96 1.52,-1 1.52,-2.84 0,-1.24 -0.76,-1.88 -0.72,-0.68 -2.12,-1.08 -1.36,-0.44 -3.28,-0.92 -2.16,-0.6 -3.64,-1.24 -1.44,-0.68 -2.2,-1.68 -0.72,-1.04 -0.72,-2.68 0,-2.04 1,-3.36 1.04,-1.36 2.8,-2.04 1.8,-0.72 4,-0.72 2.4,0 4.24,0.76 1.84,0.76 3,2.12 l -1.32,1.84 q -1.12,-1.28 -2.68,-1.88 -1.52,-0.64 -3.4,-0.64 -1.28,0 -2.44,0.36 -1.16,0.32 -1.92,1.12 -0.72,0.76 -0.72,2.12 0,1.12 0.56,1.76 0.56,0.6 1.68,1.04 1.12,0.4 2.76,0.88 2.36,0.64 4.12,1.32 1.76,0.64 2.72,1.68 0.96,1.04 0.96,2.92 0,2.92 -2.2,4.56 -2.2,1.64 -5.8,1.64 z"
+         id="path3163"
+         style="stroke-width:0.296016" />
+      <path
+         d="m -515.53914,-154.56063 h -2.72 v -11.64 q 0,-3.52 -1.24,-5.28 -1.24,-1.8 -3.56,-1.8 -1.52,0 -3.04,0.8 -1.48,0.76 -2.64,2.12 -1.12,1.32 -1.6,3.04 v 12.76 h -2.72 v -29.2 h 2.72 v 13.08 q 1.24,-2.32 3.44,-3.68 2.24,-1.4 4.76,-1.4 1.8,0 3.04,0.64 1.28,0.64 2.04,1.88 0.8,1.2 1.16,2.84 0.36,1.6 0.36,3.64 z"
+         id="path3165"
+         style="stroke-width:0.296016" />
+      <path
+         d="m -497.73914,-155.64063 q -0.68,0.28 -1.64,0.64 -0.96,0.36 -2.08,0.56 -1.08,0.24 -2.2,0.24 -1.48,0 -2.72,-0.52 -1.24,-0.52 -2,-1.64 -0.72,-1.16 -0.72,-3 v -12.04 h -2.76 v -4.12 h 2.76 v -6.8 h 5.36 v 6.8 h 4.4 v 4.12 h -4.4 v 10.24 q 0.04,1.08 0.6,1.56 0.56,0.48 1.4,0.48 0.84,0 1.64,-0.28 0.8,-0.28 1.28,-0.48 z"
+         style="font-weight:bold;-inkscape-font-specification:'Raleway Bold';fill:#6435c9;stroke-width:0.296016"
+         id="path3167" />
+      <path
+         d="m -475.4591,-154.56063 h -5.36 v -11.76 q 0,-2.44 -0.96,-3.64 -0.92,-1.2 -2.56,-1.2 -0.96,0 -2.04,0.56 -1.08,0.56 -1.96,1.56 -0.84,0.96 -1.24,2.24 v 12.24 h -5.36 v -29.2 h 5.36 v 12.12 q 1.16,-2 3.16,-3.12 2,-1.12 4.36,-1.12 2.04,0 3.32,0.72 1.28,0.68 2,1.88 0.72,1.16 1,2.64 0.28,1.44 0.28,3 z"
+         style="font-weight:bold;-inkscape-font-specification:'Raleway Bold';fill:#6435c9;stroke-width:0.296016"
+         id="path3169" />
+      <path
+         d="m -470.7791,-154.56063 v -20.96 h 5.36 v 20.96 z m 0,-23.88 v -5.32 h 5.36 v 5.32 z"
+         style="font-weight:bold;-inkscape-font-specification:'Raleway Bold';fill:#6435c9;stroke-width:0.296016"
+         id="path3171" />
+      <path
+         d="m -452.85913,-154.16063 q -2.68,0 -5.12,-0.88 -2.44,-0.88 -4.2,-2.6 l 1.92,-3.48 q 1.88,1.52 3.68,2.24 1.84,0.72 3.52,0.72 1.56,0 2.48,-0.56 0.96,-0.56 0.96,-1.68 0,-0.76 -0.52,-1.16 -0.52,-0.44 -1.52,-0.76 -0.96,-0.32 -2.36,-0.72 -2.32,-0.76 -3.88,-1.48 -1.56,-0.72 -2.36,-1.8 -0.76,-1.12 -0.76,-2.84 0,-2.08 1.04,-3.56 1.08,-1.52 2.96,-2.36 1.92,-0.84 4.48,-0.84 2.24,0 4.24,0.72 2,0.68 3.64,2.24 l -2.16,3.4 q -1.6,-1.24 -3.04,-1.8 -1.44,-0.6 -2.92,-0.6 -0.84,0 -1.6,0.2 -0.72,0.2 -1.2,0.68 -0.44,0.44 -0.44,1.28 0,0.76 0.4,1.2 0.44,0.4 1.28,0.72 0.88,0.32 2.12,0.72 2.52,0.72 4.24,1.48 1.76,0.76 2.64,1.88 0.88,1.08 0.88,3 0,3.12 -2.28,4.88 -2.28,1.76 -6.12,1.76 z"
+         style="font-weight:bold;-inkscape-font-specification:'Raleway Bold';fill:#6435c9;stroke-width:0.296016"
+         id="path3173" />
+    </g>
+    <g
+       id="text-list">
+      <path
+         d="m -80.470431,-48.62 h 2.431178 v 21.880599 q 0,1.394352 0.500536,1.823384 0.500537,0.429031 1.215589,0.429031 0.643547,0 1.287094,-0.143011 0.643547,-0.14301 1.108331,-0.28602 l 0.429031,1.966393 q -0.679299,0.286021 -1.680372,0.464784 -0.965321,0.178763 -1.680373,0.178763 -1.64462,0 -2.645694,-0.96532 -0.96532,-0.965321 -0.96532,-2.645694 z"
+         style="font-size:40px;line-height:1.25;font-family:Raleway;-inkscape-font-specification:'Raleway, Normal';white-space:pre;fill:#000000;stroke-width:0.893815"
+         id="path382" />
+      <path
+         d="m -70.853001,-22.520592 v -18.627112 h 2.431177 v 18.627112 z m 0,-22.524147 V -48.62 h 2.431177 v 3.575261 z"
+         style="font-size:40px;line-height:1.25;font-family:Raleway;-inkscape-font-specification:'Raleway, Normal';white-space:pre;fill:#000000;stroke-width:0.893815"
+         id="path384" />
+      <path
+         d="m -56.94522,-22.163066 q -2.288167,0 -4.254561,-0.750805 -1.966393,-0.750805 -3.396498,-2.288167 l 1.001073,-1.716126 q 1.573115,1.465857 3.14623,2.145157 1.608868,0.643547 3.396498,0.643547 2.18091,0 3.539509,-0.858063 1.358599,-0.893815 1.358599,-2.538435 0,-1.108331 -0.679299,-1.680373 -0.643547,-0.607794 -1.894889,-0.965321 -1.215589,-0.393278 -2.931714,-0.82231 -1.930641,-0.536289 -3.253488,-1.108331 -1.287094,-0.607794 -1.966393,-1.501609 -0.643548,-0.929568 -0.643548,-2.395426 0,-1.823383 0.893816,-3.003219 0.929568,-1.215589 2.502683,-1.823383 1.608867,-0.643547 3.575261,-0.643547 2.145157,0 3.789777,0.679299 1.64462,0.6793 2.681446,1.894889 l -1.179836,1.64462 q -1.001073,-1.144084 -2.395425,-1.680373 -1.3586,-0.572042 -3.038972,-0.572042 -1.144084,0 -2.18091,0.321774 -1.036826,0.286021 -1.716125,1.001073 -0.643547,0.6793 -0.643547,1.894889 0,1.001073 0.500536,1.573115 0.500537,0.536289 1.50161,0.929567 1.001073,0.357527 2.46693,0.786558 2.109405,0.572042 3.68252,1.179836 1.573115,0.572042 2.431177,1.50161 0.858063,0.929568 0.858063,2.609941 0,2.60994 -1.966394,4.075798 -1.966394,1.465857 -5.184129,1.465857 z"
+         style="font-size:40px;line-height:1.25;font-family:Raleway;-inkscape-font-specification:'Raleway, Normal';white-space:pre;fill:#000000;stroke-width:0.893815"
+         id="path386" />
+      <path
+         d="m -36.852258,-23.414408 q -0.286021,0.107258 -0.893816,0.393279 -0.607794,0.286021 -1.465857,0.500537 -0.858062,0.214515 -1.859136,0.214515 -1.036825,0 -1.966393,-0.393278 -0.893816,-0.393279 -1.430105,-1.179837 -0.536289,-0.82231 -0.536289,-2.002146 v -13.335725 h -2.574188 v -1.930641 h 2.574188 v -6.29246 h 2.431178 v 6.29246 h 4.290313 v 1.930641 h -4.290313 v 12.656425 q 0.07151,1.001073 0.715052,1.50161 0.6793,0.500537 1.537362,0.500537 1.001073,0 1.823384,-0.321774 0.82231,-0.357526 1.001073,-0.500536 z"
+         style="font-size:40px;line-height:1.25;font-family:Raleway;-inkscape-font-specification:'Raleway, Normal';white-space:pre;fill:#000000;stroke-width:0.893815"
+         id="path388" />
+    </g>
+    <g
+       id="text-this">
+      <path
+         d="m -69.852554,2.9710227 q -0.607794,0.2502683 -1.465857,0.5720418 -0.858063,0.3217736 -1.859136,0.5005367 -0.96532,0.2145156 -1.966394,0.2145156 -1.322846,0 -2.431177,-0.464784 -1.108331,-0.4647839 -1.787631,-1.4658572 -0.643547,-1.0368258 -0.643547,-2.68144607 V -11.115508 h -2.466931 v -3.682519 h 2.466931 v -6.077944 h 4.79085 v 6.077944 h 3.932788 v 3.682519 h -3.932788 v 9.1526699 q 0.03575,0.96532057 0.536289,1.39435194 0.500537,0.42903138 1.251342,0.42903138 0.750805,0 1.465857,-0.2502683 0.715052,-0.25026831 1.144084,-0.42903138 z"
+         style="font-weight:bold;font-size:40px;line-height:1.25;font-family:Raleway;-inkscape-font-specification:'Raleway Bold';white-space:pre;fill:#6435c9;stroke-width:0.264584"
+         id="path323" />
+      <path
+         d="m -49.938311,3.9363433 h -4.790851 V -6.5749254 q 0,-2.1809095 -0.858063,-3.253488 -0.82231,-1.0725786 -2.288167,-1.0725786 -0.858063,0 -1.823383,0.500537 -0.965321,0.5005364 -1.751878,1.3943518 -0.750805,0.8580627 -1.108331,2.0021464 V 3.9363433 h -4.790851 V -22.163065 h 4.790851 v 10.833042 q 1.036825,-1.787631 2.824456,-2.788704 1.787631,-1.001073 3.897035,-1.001073 1.823384,0 2.967467,0.643547 1.144084,0.607794 1.787631,1.680373 0.643547,1.036825 0.893815,2.359672 0.250269,1.2870943 0.250269,2.6814463 z"
+         style="font-weight:bold;font-size:40px;line-height:1.25;font-family:Raleway;-inkscape-font-specification:'Raleway Bold';white-space:pre;fill:#6435c9;stroke-width:0.264584"
+         id="path325" />
+      <path
+         d="M -45.755255,3.9363433 V -14.798027 h 4.79085 V 3.9363433 Z m 0,-21.3443113 v -4.755097 h 4.79085 v 4.755097 z"
+         style="font-weight:bold;font-size:40px;line-height:1.25;font-family:Raleway;-inkscape-font-specification:'Raleway Bold';white-space:pre;fill:#6435c9;stroke-width:0.264584"
+         id="path327" />
+      <path
+         d="m -29.738111,4.2938695 q -2.395425,0 -4.576335,-0.7865576 -2.180909,-0.7865575 -3.754024,-2.3239199 l 1.716125,-3.1104775 q 1.680373,1.35859934 3.289241,2.00214641 1.64462,0.64354707 3.14623,0.64354707 1.394352,0 2.216662,-0.50053661 0.858063,-0.50053661 0.858063,-1.50160987 0,-0.6792996 -0.464784,-1.0368258 -0.464784,-0.3932787 -1.358599,-0.6792997 -0.858063,-0.2860209 -2.109405,-0.643547 -2.073651,-0.6792997 -3.468003,-1.3228468 -1.394352,-0.643547 -2.109405,-1.6088676 -0.679299,-1.0010733 -0.679299,-2.5384357 0,-1.8591359 0.929568,-3.1819829 0.96532,-1.358599 2.645693,-2.109404 1.716126,-0.750805 4.004293,-0.750805 2.002147,0 3.789777,0.643547 1.787631,0.607795 3.253488,2.002147 l -1.930641,3.0389718 q -1.430105,-1.1083308 -2.717199,-1.6088678 -1.287094,-0.536289 -2.609941,-0.536289 -0.750805,0 -1.430104,0.178763 -0.643547,0.178763 -1.072579,0.607794 -0.393278,0.393279 -0.393278,1.1440841 0,0.6792997 0.357526,1.0725784 0.393279,0.3575262 1.144083,0.6435471 0.786558,0.2860209 1.894889,0.643547 2.252415,0.6435471 3.789777,1.3228468 1.573115,0.6792997 2.359673,1.6803729 0.786557,0.9653206 0.786557,2.6814461 0,2.788704 -2.037899,4.361819 -2.037899,1.5731151 -5.47015,1.5731151 z"
+         style="font-weight:bold;font-size:40px;line-height:1.25;font-family:Raleway;-inkscape-font-specification:'Raleway Bold';white-space:pre;fill:#6435c9;stroke-width:0.264584"
+         id="path329" />
+    </g>
+    <g
+       id="g511"
+       transform="translate(1.23347,-80.94705)">
+      <path
+         d="m -133.33133,39.799351 h 2.39543 l -8.00859,18.627112 h -2.1094 l -3.89704,-9.259927 -3.86128,9.259927 h -2.1094 l -8.00859,-18.627112 h 2.35967 l 6.793,16.124429 3.43225,-8.401864 -3.14623,-7.686812 h 2.18091 l 2.35967,6.042192 2.39543,-6.042192 h 2.14516 l -3.11048,7.686812 3.43225,8.401864 z"
+         id="path481"
+         style="font-size:40px;line-height:1.25;font-family:Raleway;-inkscape-font-specification:Raleway;white-space:pre;stroke-width:0.264584" />
+      <path
+         d="M -127.71817,58.426463 V 39.799351 h 2.43117 v 18.627112 z m 0,-22.524147 v -3.575261 h 2.43117 v 3.575261 z"
+         id="path483"
+         style="font-size:40px;line-height:1.25;font-family:Raleway;-inkscape-font-specification:Raleway;white-space:pre;stroke-width:0.264584" />
+      <path
+         d="m -113.8104,58.783989 q -2.28817,0 -4.25456,-0.750804 -1.96639,-0.750805 -3.3965,-2.288168 l 1.00108,-1.716125 q 1.57311,1.465857 3.14623,2.145157 1.60886,0.643547 3.39649,0.643547 2.18091,0 3.53951,-0.858063 1.3586,-0.893815 1.3586,-2.538436 0,-1.108331 -0.6793,-1.680373 -0.64354,-0.607794 -1.89489,-0.96532 -1.21559,-0.393279 -2.93171,-0.82231 -1.93064,-0.53629 -3.25349,-1.108331 -1.28709,-0.607795 -1.96639,-1.50161 -0.64355,-0.929568 -0.64355,-2.395425 0,-1.823384 0.89382,-3.00322 0.92956,-1.215589 2.50268,-1.823383 1.60887,-0.643548 3.57526,-0.643548 2.14516,0 3.78978,0.6793 1.64462,0.6793 2.68144,1.894889 l -1.17983,1.64462 q -1.00108,-1.144084 -2.39543,-1.680373 -1.3586,-0.572042 -3.03897,-0.572042 -1.14408,0 -2.18091,0.321774 -1.03683,0.286021 -1.71612,1.001073 -0.64355,0.6793 -0.64355,1.894889 0,1.001073 0.50053,1.573115 0.50054,0.536289 1.50161,0.929568 1.00108,0.357526 2.46693,0.786557 2.10941,0.572042 3.68252,1.179836 1.57312,0.572042 2.43118,1.50161 0.85806,0.929568 0.85806,2.609941 0,2.609941 -1.96639,4.075798 -1.96639,1.465857 -5.18413,1.465857 z"
+         id="path485"
+         style="font-size:40px;line-height:1.25;font-family:Raleway;-inkscape-font-specification:Raleway;white-space:pre;stroke-width:0.264584" />
+      <path
+         d="m -86.995937,58.426463 h -2.431178 V 48.022452 q 0,-3.14623 -1.108331,-4.719345 -1.108331,-1.608867 -3.181983,-1.608867 -1.358599,0 -2.717198,0.715052 -1.322847,0.6793 -2.359673,1.894888 -1.001073,1.179837 -1.4301,2.717199 v 11.405084 h -2.43118 V 32.327055 h 2.43118 V 44.01816 q 1.108326,-2.073652 3.07472,-3.289241 2.002147,-1.251342 4.254561,-1.251342 1.608868,0 2.717199,0.572042 1.144084,0.572042 1.823383,1.680373 0.715053,1.072579 1.036826,2.538436 0.321774,1.430104 0.321774,3.253488 z"
+         id="path487"
+         style="font-size:40px;line-height:1.25;font-family:Raleway;-inkscape-font-specification:Raleway;white-space:pre;stroke-width:0.264584" />
+    </g>
+  </g>
+</svg>
diff --git a/src/classes/page.php b/src/classes/page.php
index 8115a48b..ad864b32 100644
--- a/src/classes/page.php
+++ b/src/classes/page.php
@@ -568,7 +568,11 @@ class Page
 
         ksort($pages);
 
+        if ('home' === $this->name) {
+            $logo = file_get_contents(ROOT . '/src/assets/img/logo-animation.svg');
+        } else {
             $logo = file_get_contents(ROOT . '/src/assets/img/logo.svg');
+        }
         ?>
 
         <div class="ui attached stackable vertical menu sidebar">