src/templates/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79

{% 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>

        <p>
        be careful on this website, it's a little slippery at the moment!
        <em>it's a work in progress!</em>
        </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 id="basenamering" class="flex-row">
            <a class="arrow" href="https://webring.julimiro.eu/api/previous/emmatech.dev"> &lt; </a>
            <a href="https://webring.julimiro.eu">basenamering</a>
            <a class="arrow" href="https://webring.julimiro.eu/api/next/emmatech.dev"> &gt; </a>
        </span>

        <p>(not functional yet)</p>
    </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 %}