Render some contentHEADreleasemain

4 files changed, 26 insertions, 3 deletions

diff --git a/public/img/penguin.gif b/public/img/penguin.gif
new file mode 100644
index 0000000..48bd0e2
--- /dev/null
+++ b/public/img/penguin.gif
diff --git a/public/styles/styles.css b/public/styles/styles.css
index 5208191..16d38f8 100644
--- a/public/styles/styles.css
+++ b/public/styles/styles.css
@@ -55,8 +55,13 @@ body {
     background-color: var(--background-body);
     backdrop-filter: blur(16px);
 
+}
+
+main {
+    height: 100%;
     overflow-y: scroll;
 }
+
 /* </layout> */
 
 /* <typography> */
@@ -75,6 +80,9 @@ hr {
     height: 1px;
     background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1), var(--foreground), rgba(0, 0, 0, 0.1));
 }
+a {
+    color: var(--regular6);
+}
 /* </typography> */
 
 /* <footer> */
diff --git a/src/components/Header.astro b/src/components/Header.astro
deleted file mode 100644
index 853d812..0000000
--- a/src/components/Header.astro
+++ /dev/null
@@ -1,3 +0,0 @@
----
-
----
diff --git a/src/components/Welcome.astro b/src/components/Welcome.astro
index 853d812..886e552 100644
--- a/src/components/Welcome.astro
+++ b/src/components/Welcome.astro
@@ -1,3 +1,21 @@
 ---
 
 ---
+
+<div
+    style="display:flex; align-items: center; justify-content: center; height: 100%;"
+>
+    <div>
+        <div style="text-align: center">
+            <img style="max-width:15rem" src="/img/penguin.gif" />
+        </div>
+        <p>hello!! :3</p>
+        <p>&lt;3 i don't know what to put here yet.</p>
+        <p>probably not my "real" socials though.</p>
+        <hr />
+        <a href="https://src.liz.coffee">git</a>
+        <a href="https://idm.liz.coffee">sso</a>
+        <a href="mailto:me@liz.coffee">email</a>
+        <a href="https://linkedin.com/in/emprespresso">linkedin</a>
+    </div>
+</div>