From ecac35c4bd15925b682279931d4a141833f09872 Mon Sep 17 00:00:00 2001
From: Korbs <korbs@sudovanilla.org>
Date: Thu, 11 Jul 2024 15:25:05 -0400
Subject: [PATCH] Update API layout

---
 src/layouts/API.astro | 58 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 58 insertions(+)
 create mode 100644 src/layouts/API.astro
diff --git a/src/layouts/API.astro b/src/layouts/API.astro
new file mode 100644
index 0000000..02994df
--- /dev/null
+++ b/src/layouts/API.astro
@@ -0,0 +1,58 @@
+---
+// Properties
+const { Title, Description } = Astro.props
+
+// Components
+import Head from '@components/global/Head.astro'
+
+// Styles
+import '@styles/index.scss'
+import '@styles/mobile.scss'
+---
+
+<Head Title='MinPluto' Description={Description}/>
+<div class="api-wait">
+    <center><img src="/images/logo/MinPluto - Logo.png"/></center>
+    <div class="progress-bar"><div class="progress-bar-value"></div></div>
+    <slot/>
+</div>
+
+<style>
+.api-wait {
+  position: fixed;
+  top: 30%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  display: grid;
+  gap: 64px;
+  width: 360px;
+}
+
+.progress-bar {
+  height: 6px;
+  background-color: rgba(5, 114, 206, 0.2);
+  width: 100%;
+  overflow: hidden;
+  border-radius: 1rem;
+}
+
+.progress-bar-value {
+  width: 100%;
+  height: 100%;
+  background-color: rgb(5, 114, 206);
+  animation: indeterminateAnimation 1s infinite linear;
+  transform-origin: 0% 50%;
+}
+
+@keyframes indeterminateAnimation {
+  0% {
+    transform:  translateX(0) scaleX(0);
+  }
+  40% {
+    transform:  translateX(0) scaleX(0.4);
+  }
+  100% {
+    transform:  translateX(100%) scaleX(0.5);
+  }
+}
+</style>
\ No newline at end of file
