add earth curve

sammypanda · Oct 30, 2024 · ae328b3 · ae328b3
1 parent 10c24d1
commit ae328b3
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 1 deletion.
diff --git a/src/_includes/layouts/home.vto b/src/_includes/layouts/home.vto
@@ -2,4 +2,15 @@
 layout: ./base.vto
 page_stylesheet: home
 ---
-{{ include "templates/navbar.vto" }}
+{{ include "templates/navbar.vto" }}
+
+<div class="starry-hero">
+</div>
+
+<div class="earth-cap">
+</div>
+
+<div class="earth-body">
+    <div class="earthy-inner">
+    </div>
+</div>
diff --git a/src/styles/pages/home.scss b/src/styles/pages/home.scss
@@ -1,3 +1,21 @@
 body {
+    display: flex;
+    flex-direction: column;
     background-color: var(--background);
+    min-height: 100vh;
+    height: 100vh;
+    align-items: stretch;
+}
+
+.starry-hero {
+    background-color: var(--background);
+    width: 100%;
+    height: 60vh;
+}
+
+.earth-cap {
+    background-color: var(--base);
+    height: 20vh;
+    border-color: #000 transparent transparent transparent;
+    border-radius: 80%/200px 200px 0 0;
 }