From a544504b4248e44761d3f1de18847b962834370c Mon Sep 17 00:00:00 2001
From: Zakarya <zakarya@colormatic.org>
Date: Tue, 17 Jun 2025 22:42:39 -0700
Subject: [PATCH] Move some specific styles from main css to where they belong

---
 src/routes/+page.svelte         | 19 +++++++++++++
 src/routes/zakarya/+page.svelte | 28 ++++++++++++++++++++
 src/style/main.scss             | 47 ---------------------------------
 3 files changed, 47 insertions(+), 47 deletions(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 70bb96b..083ecfa 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -136,4 +136,23 @@
       font-size: 200%;
     }
   }
+
+  main div.scroll-arrow {
+    text-align: center;
+    font-size: 200%;
+    width: 100%;
+    position: fixed;
+    bottom: 64px;
+    opacity: 1;
+    visibility: visible;
+    transition: opacity 0.25s ease-in;
+  }
+
+  main div.scroll-arrow.scroll-arrow-hide {
+    opacity: 0;
+    visibility: hidden;
+    transition:
+      visibility 0s 0.25s,
+      opacity 0.25s ease-out;
+  }
 </style>
diff --git a/src/routes/zakarya/+page.svelte b/src/routes/zakarya/+page.svelte
index 08feb36..1c3ebc0 100644
--- a/src/routes/zakarya/+page.svelte
+++ b/src/routes/zakarya/+page.svelte
@@ -241,4 +241,32 @@
   main.dark-theme div.profile div.bio {
     border-color: #ffffff55;
   }
+
+  ul.videolist {
+    list-style-type: none;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    padding-left: 0;
+  }
+
+  ul.videolist li {
+    padding: 8px;
+  }
+
+  ul.videolist li a {
+    text-decoration: none;
+  }
+
+  ul.videolist li a img {
+    width: 250px;
+    height: auto;
+    border-radius: 8px;
+  }
+
+  ul.videolist li a span {
+    display: block;
+    color: global.$text-color;
+    font-size: 120%;
+  }
 </style>
diff --git a/src/style/main.scss b/src/style/main.scss
index 094866d..2a42bd5 100644
--- a/src/style/main.scss
+++ b/src/style/main.scss
@@ -104,25 +104,6 @@ main div.hero {
   }
 }
 
-main div.scroll-arrow {
-  text-align: center;
-  font-size: 200%;
-  width: 100%;
-  position: fixed;
-  bottom: 64px;
-  opacity: 1;
-  visibility: visible;
-  transition: opacity 0.25s ease-in;
-}
-
-main div.scroll-arrow.scroll-arrow-hide {
-  opacity: 0;
-  visibility: hidden;
-  transition:
-    visibility 0s 0.25s,
-    opacity 0.25s ease-out;
-}
-
 main div.hero h1 a {
   color: global.$text-color;
 }
@@ -201,34 +182,6 @@ div.double-linktree ul.linktree {
   margin: 0;
 }
 
-ul.videolist {
-  list-style-type: none;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  padding-left: 0;
-}
-
-ul.videolist li {
-  padding: 8px;
-}
-
-ul.videolist li a {
-  text-decoration: none;
-}
-
-ul.videolist li a img {
-  width: 250px;
-  height: auto;
-  border-radius: 8px;
-}
-
-ul.videolist li a span {
-  display: block;
-  color: global.$text-color;
-  font-size: 120%;
-}
-
 img.pixelart {
   image-rendering: pixelated;
 }