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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94

{% 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 projects.
        </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 
        <a href="https://git.emmatech.dev">self-hosted git server.</a>
        </p>

        <p class="contact-info">
	      matrix: <span class="copyable" x-content="QGVtbWF0ZWNoOm1hdHJpeC5vcmc=">[at] emmatech [colon] matrix [dot] org</span>
        </p>

        <p class="contact-info">
        email: <span class="copyable" x-content="ZW1tYUBlbW1hdGVjaC5kZXY=">emma [at] emmatech [dot] dev</span>
        </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>
    </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>

        <span>
            <p><b>Is this website open source?</b></p>
            <p>
            yes, if you so desire to check out the code for this website, it's accessible
            <a href="https://git.emmatech.dev/website.git">here</a>. the code is licensed under
            the bsd 3-clause license, so feel free to use chunks and pieces of the website as
            you see fit.
            </p>
        </span>
    </div>

    <div id="random-img" class="container" style="padding: 20px;">
        <h3>random image of the day</h3>

        <img src="/static/assets/pfps/2.jpg" width="225" />

        <p>this is a placeholder until I get some images</p>
    </div>
</div>

<script lang="js" src="/static/js/clipboard.js"></script>

{% endblock %}