initial commit

new website repo yay!!!

1 files changed, 66 insertions, 0 deletions

diff --git a/src/templates/index.html b/src/templates/index.html
new file mode 100644
index 0000000..27c1616
--- /dev/null
+++ b/src/templates/index.html
@@ -0,0 +1,66 @@
+{% extends "base.html" %}
+
+{% block head %}
+{{ super() }}
+
+<link rel="stylesheet" href="/static/stylesheets/index.css">
+
+{% endblock %}
+
+{% block content %}
+
+<div id="top" class="container">
+    <img id="pfp" src="/static/assets/pfps/1.jpg" height="200" />
+
+    <span>
+        <h1>Hai there! I'm Emma</h1>
+        <p>thanks for stopping by on my little website!</p>
+
+        <p>
+        I'm a full stack developer that tends to focus on random
+        projects for fun rather than full works.
+        </p>
+
+        <p>
+        currently, I have a good chunk of my code hosted on either
+        github or codeberg, and I aim to migrate to my own self-hosted
+        git server.
+        </p>
+
+        <span id="profile-links" class="flex-row">
+            <a href="https://github.com/EmmmaTech">github</a>
+            |
+            <a href="https://codeberg.org/EmmaTech">codeberg</a>
+            |
+            <a href="https://bsky.app/profile/did:plc:twprdsv3r6bvbkjlqyftrrf7">bluesky</a>
+        </span>
+    </span>
+</div>
+
+<div class="two-section">
+    <div id="qas" class="container">
+        <span>
+            <p><b>Woah, where's the background from? :o</b></p>
+            <p>
+            the background comes from a wallpaper used in early builds
+            of windows xp known as <a href="https://windowswallpaper.miraheze.org/wiki/Professional">professional/watercolor</a>.
+            </p>
+        </span>
+
+        <span>
+            <p><b>What about your profile picture?</b></p>
+            <p>
+            the profile picture is made by me, and it's a combination of a
+            discrete trans wallpaper and fanart of konata I found on <a href="https://www.pixiv.net/en/artworks/1068449">pixiv</a>.
+            </p>
+        </span>
+    </div>
+
+    <div class="container" style="padding: 20px;">
+        <h3>random image of the day</h3>
+
+        <img src="/static/assets/pfps/2.jpg" width="225" />
+    </div>
+</div>
+
+{% endblock %}