From b91c2cbbb73e904249ce986c702e82ed63668eab Mon Sep 17 00:00:00 2001
From: Nathan Coin <azesseza11@gmail.com>
Date: Thu, 28 Mar 2024 17:29:49 +0100
Subject: [PATCH] fix: homepage loader

---
 build/styles.css            | 11 ++++++++---
 build/styles.css.map        |  2 +-
 sass/component/_loader.scss | 13 +++++++++++--
 sass/pages/_homepage.scss   |  2 +-
 4 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/build/styles.css b/build/styles.css
index 348b1ea..a6acde0 100644
--- a/build/styles.css
+++ b/build/styles.css
@@ -634,7 +634,7 @@ a {
   padding: 0.2em;
   border-bottom: transparent 1px;
   box-sizing: border-box;
-  animation: show 6000ms 0ms both;
+  animation: show 1500ms 500ms;
   top: 50vh;
   left: 25vw;
 }
@@ -646,7 +646,7 @@ a {
   transform-origin: left;
   background-color: rgb(147, 86, 220);
   transform: scaleX(0);
-  animation: progress-bar 1500ms 250ms;
+  animation: progress-bar 1500ms 500ms;
 }
 
 @keyframes progress-bar {
@@ -676,6 +676,11 @@ a {
     border-radius: 15px;
     opacity: 1;
   }
+  100% {
+    border-bottom: solid 1px;
+    border-radius: 15px;
+    opacity: 1;
+  }
 }
 footer {
   width: 100vw;
@@ -787,7 +792,7 @@ header img.back-arrow {
   display: flex;
   flex-direction: column;
   background-color: rgb(246, 246, 246);
-  animation: homepage-loading 1000ms 1750ms both;
+  animation: homepage-loading 1000ms 2000ms both;
 }
 
 .explorer {
diff --git a/build/styles.css.map b/build/styles.css.map
index 367bf2c..d38daef 100644
--- a/build/styles.css.map
+++ b/build/styles.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../sass/base/_base.scss","../sass/base/_reset.scss","../sass/component/_searchbar.scss","../sass/abstracts/_colors.scss","../sass/component/_button.scss","../sass/component/_card.scss","../sass/component/_like.scss","../sass/component/_loader.scss","../sass/layout/_footer.scss","../sass/layout/_header.scss","../sass/pages/_homepage.scss","../sass/pages/_menu.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AC9BF;AAEA;AAAA;AAGA;AAAA;AAAA;AAAA;AAKA;EACE;AACA;EACA;AACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAAA;AAKA;EACE;AACA;EACA;AACA;EACA;AACA;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;AACA;EACA;AACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;AACA;EACA;AACA;EACA;AACA;;;AAGF;AAAA;AAAA;AAIA;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;EAGE;AACA;EACA;AACA;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;EAEE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;EAKE;AACA;EACA;AACA;EACA;AACA;EACA;AACA;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;AAEE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;AAEE;EACA;;;AAGF;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIE;;;AAGF;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIE;EACA;;;AAGF;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACE;AACA;EACA;AACA;EACA;AACA;EACA;AACA;EACA;AACA;EACA;AACA;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;EAEE;AACA;EACA;AACA;;;AAGF;AAAA;AAAA;AAIA;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;AACA;EACA;AACA;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;AACA;EACA;AACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;EAKE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AC/YF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE,OCHQ;;ADMV;EACE,kBCRG;EDSH;;AAGF;EACE,OCZQ;EDaR;EACA;EACA;;;AAIJ;EACE;IACE;;;AE5BJ;EACE;EACA;EACA;EACA;EACA,YDOgB;ECNhB,ODNM;ECON;EACA;;AAEA;EACE,YDEoB;ECDpB;EACA;;;ACbJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OFtBI;EEuBJ,kBFlBK;EEmBL;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA,kBF3ByB;;;AE8B3B;EACE,OFpCO;EEqCP;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kBFzDW;EE0DX,OF3DI;EE4DJ;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBFxFa;;AE0Fb;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAKN;EACE;IACE;;EAIA;IACE;;EAIJ;IACE;;;AAKJ;EACE;IACE;;;AC9KJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AC7BF;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA,kBJbC;EIcD;EACA;;;AAKR;EACI;IACI;IACA;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IAEI;;EAGJ;IACI;;;AAIR;EACI;IACI;IACA;IACA;;;ACzDR;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kBLHQ;;AKQV;EACE;EACA;EACA,OLlBI;;AKqBN;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA,OL5CE;;;AKiDR;EACE;IACE;IACA;IACA,kBL9CQ;;EKgDR;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;;EAEA;IACE;IACA;IACA;;;ACtER;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA,kBNXI;EMYJ;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;IACE;IACA;;;AChCJ;EACE;EACA;EACA;EACA,kBPNmB;EOOnB;;;AAGF;EAlBE;EACA;EACA;EAkBA;EACA;EACA;EACA;;;AAGF;EA1BE;EACA;EACA;EA0BA;EACA;EACA,kBP/BM;EOgCN;;AAEA;EACE;EACA;EACA;EACA;;;AAIJ;EAzCE;EACA;EACA;EAyCA;;;AAGF;EA9CE;EACA;EACA;EA8CA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EAzDA;EACA;EACA;EAyDE;;;AAKJ;EAEI;IACE;;EAKF;IACE;IACA;IACA;IACA;IACA;;EAIJ;IACE;;EAEA;IACE;IACA;IACA;IACA;IACA;;;AAKN;EACE;IACE;IACA,kBPzFiB;;EO4FnB;IACE;IACA;;EAEA;IACE;IACA;;EAIJ;IACE;IACA;;EAEA;IACE;;;AAKN;EACE;IACE;;EAGF;IACE;;;AC/HJ;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA,kBRNmB;EQOnB;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAKJ;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;IACA;IACA;IACA;IACA;IACA;;;AAKJ;EACE;IACE;IACA;;EAGF;IACE;;;AAIJ;EACE;IACE;IACA;;EAGF;IACE","file":"styles.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../sass/base/_base.scss","../sass/base/_reset.scss","../sass/component/_searchbar.scss","../sass/abstracts/_colors.scss","../sass/component/_button.scss","../sass/component/_card.scss","../sass/component/_like.scss","../sass/component/_loader.scss","../sass/layout/_footer.scss","../sass/layout/_header.scss","../sass/pages/_homepage.scss","../sass/pages/_menu.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AC9BF;AAEA;AAAA;AAGA;AAAA;AAAA;AAAA;AAKA;EACE;AACA;EACA;AACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAAA;AAKA;EACE;AACA;EACA;AACA;EACA;AACA;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;AACA;EACA;AACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;AACA;EACA;AACA;EACA;AACA;;;AAGF;AAAA;AAAA;AAIA;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;EAGE;AACA;EACA;AACA;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;EAEE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;EAKE;AACA;EACA;AACA;EACA;AACA;EACA;AACA;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;AAEE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;AAEE;EACA;;;AAGF;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIE;;;AAGF;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIE;EACA;;;AAGF;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACE;AACA;EACA;AACA;EACA;AACA;EACA;AACA;EACA;AACA;EACA;AACA;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;EAEE;AACA;EACA;AACA;;;AAGF;AAAA;AAAA;AAIA;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;AACA;EACA;AACA;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;AACA;EACA;AACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;EAKE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AC/YF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE,OCHQ;;ADMV;EACE,kBCRG;EDSH;;AAGF;EACE,OCZQ;EDaR;EACA;EACA;;;AAIJ;EACE;IACE;;;AE5BJ;EACE;EACA;EACA;EACA;EACA,YDOgB;ECNhB,ODNM;ECON;EACA;;AAEA;EACE,YDEoB;ECDpB;EACA;;;ACbJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OFtBI;EEuBJ,kBFlBK;EEmBL;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA,kBF3ByB;;;AE8B3B;EACE,OFpCO;EEqCP;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kBFzDW;EE0DX,OF3DI;EE4DJ;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBFxFa;;AE0Fb;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAKN;EACE;IACE;;EAIA;IACE;;EAIJ;IACE;;;AAKJ;EACE;IACE;;;AC9KJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AC1BF;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA,kBJhBC;EIiBD;EACA;;;AAKR;EACI;IACI;IACA;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IAEI;;EAGJ;IACI;;;AAIR;EACI;IACI;IACA;IACA;;EAGJ;IACI;IACA;IACA;;;AClER;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kBLHQ;;AKQV;EACE;EACA;EACA,OLlBI;;AKqBN;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA,OL5CE;;;AKiDR;EACE;IACE;IACA;IACA,kBL9CQ;;EKgDR;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;;EAEA;IACE;IACA;IACA;;;ACtER;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA,kBNXI;EMYJ;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;IACE;IACA;;;AChCJ;EACE;EACA;EACA;EACA,kBPNmB;EOOnB;;;AAGF;EAlBE;EACA;EACA;EAkBA;EACA;EACA;EACA;;;AAGF;EA1BE;EACA;EACA;EA0BA;EACA;EACA,kBP/BM;EOgCN;;AAEA;EACE;EACA;EACA;EACA;;;AAIJ;EAzCE;EACA;EACA;EAyCA;;;AAGF;EA9CE;EACA;EACA;EA8CA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EAzDA;EACA;EACA;EAyDE;;;AAKJ;EAEI;IACE;;EAKF;IACE;IACA;IACA;IACA;IACA;;EAIJ;IACE;;EAEA;IACE;IACA;IACA;IACA;IACA;;;AAKN;EACE;IACE;IACA,kBPzFiB;;EO4FnB;IACE;IACA;;EAEA;IACE;IACA;;EAIJ;IACE;IACA;;EAEA;IACE;;;AAKN;EACE;IACE;;EAGF;IACE;;;AC/HJ;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA,kBRNmB;EQOnB;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAKJ;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;IACA;IACA;IACA;IACA;IACA;;;AAKJ;EACE;IACE;IACA;;EAGF;IACE;;;AAIJ;EACE;IACE;IACA;;EAGF;IACE","file":"styles.css"}
\ No newline at end of file
diff --git a/sass/component/_loader.scss b/sass/component/_loader.scss
index 94aeb83..c0740f3 100644
--- a/sass/component/_loader.scss
+++ b/sass/component/_loader.scss
@@ -1,3 +1,6 @@
+$loading-delay: 500ms;
+$loading: 1500ms;
+
 .progress {
     position: absolute;
     height: 1em;
@@ -6,7 +9,7 @@
     padding: 0.2em;
     border-bottom: transparent 1px;
     box-sizing: border-box;
-    animation: show 6000ms 0ms both;
+    animation: show $loading $loading-delay;
     top: 50vh;
     left: 25vw;
 
@@ -18,7 +21,7 @@
         transform-origin: left;
         background-color: $purple;
         transform: scaleX(0);
-        animation: progress-bar 1500ms 250ms;
+        animation: progress-bar $loading $loading-delay;
     }
 }
 
@@ -57,4 +60,10 @@
         border-radius: 15px;
         opacity: 1;
     }
+
+    100% {
+        border-bottom: solid 1px;
+        border-radius: 15px;
+        opacity: 1;
+    }
 }
\ No newline at end of file
diff --git a/sass/pages/_homepage.scss b/sass/pages/_homepage.scss
index e46d4d8..8286ef2 100644
--- a/sass/pages/_homepage.scss
+++ b/sass/pages/_homepage.scss
@@ -14,7 +14,7 @@
   display: flex;
   flex-direction: column;
   background-color: $background-primary;
-  animation: homepage-loading 1000ms 1750ms both;
+  animation: homepage-loading 1000ms $loading + $loading-delay both;
 }
 
 .explorer {