From 7205caf6afb58bee230a04a5830842ea6e5b10ff Mon Sep 17 00:00:00 2001
From: Andrew Lee <alee14498@protonmail.com>
Date: Sun, 7 Jul 2024 12:09:08 -0400
Subject: Added videos page

---
 src/components/Loader.svelte | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 src/components/Loader.svelte

(limited to 'src/components/Loader.svelte')

diff --git a/src/components/Loader.svelte b/src/components/Loader.svelte
new file mode 100644
index 0000000..55d1d40
--- /dev/null
+++ b/src/components/Loader.svelte
@@ -0,0 +1,30 @@
+<style>
+    .loader {
+        width: 48px;
+        height: 48px;
+        border: 5px solid #b3f69e;
+        border-bottom-color: #609460;
+        border-radius: 50%;
+        display: inline-block;
+        box-sizing: border-box;
+        animation: rotation 1s linear infinite;
+    }
+
+    @keyframes rotation {
+        0% {
+            transform: rotate(0deg);
+        }
+        100% {
+            transform: rotate(360deg);
+        }
+    }
+    .centre {
+        display: flex;
+        justify-content: center;
+    }
+
+</style>
+
+<div class="centre">
+    <span class="loader"></span>
+</div>
-- 
cgit v1.2.3

