index — crispy-website @ 493a0d106556e0980f94cfbf0a00069c32fa029e

My personal homepage (very crispy)

templates/index.html (view raw)

 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
 95
 96
 97
 98
 99
 100
 101
 102
 103
 104
 105
 106
 107
 108
 109
 110
 111
 112
 113
 114
 115
 116
 117
 118
 119
 
<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>banana square</title>
    <link rel="stylesheet" href="static/index.css" />
    <link rel="icon" type="image/png" href="static/banan_icon.png" />
</head>

<body>
    <div class="top">
        <div style="background-color: #9fa127; display: flex; flex-direction: column">
            <div class="box container" style="min-height: 90%">
                <article>
                    <h1>hi</h1>
                    <img src="static/banan.png" alt="my profile picture" class="banana-img non-pixelated" />
                    <p>
                        I'm an 18-year-old student from Germany, aspiring to become a
                        system administrator. I like tinkering around with my Linux systems
                        and write a little program here and there.
                    </p>
                    <p>
                        Currently I am graduating, about to have a lot of free time on my hands to tackle the dozens of
                        projects I've wanted to try out for years.
                    </p>
                </article>
                <div id="tamagotchi-container" style="position: relative; width: 60px; height: 54px;"></div>
                <script src="https://unicodeangel.neocities.org/scripts/tamaWebchiMimitchi.js"></script>
            </div>
            <div class="small-box container" style="min-height: 10%">
                cool people
                <br />
                <a href="https://crispy-caesus.eu"><img src="https://crispy-caesus.eu/static/crispybutton.png" /></a>
                <a href="https://erine.dev/" target="_blank" rel="noopener noreferrer">
                    <img src="static/erine-button.png" alt="erine-button" />
                </a>
            </div>
        </div>
        <div class="box links">
            <h2>some links</h2>
            <ul>
                <li>
                    <a title="Github" href="https://github.com/crispy-caesus" target="_blank"
                        rel="noopener nofererrer">Github</a> - crispy-caesus
                    <p>
                        Contains most of my little projects, as well as my dotfiles for my
                        Linux configuration
                    </p>
                </li>

                <li>
                    <a title="Anilist" href="https://anilist.co/user/crispycaesus/" target="_blank"
                        rel="noopener nofererrer">Anilist</a> - crispycaesus
                    <p>
                        A list of the anime I have watched, plan to watch and some
                        ratings and thoughts on them
                    </p>
                </li>

                <li>
                    <a title="Discord" href="https://discord.com/users/621759962280099840" target="_blank"
                        rel="noopener nofererrer">
                        Discord
                    </a> - crispy.caesus
                    <p>
                        I don't love the platform but it's probably one of the best developed and has the largest
                        communities. I've also learned a bunch, setting up servers with their permissions and what not
                    </p>
                </li>

                <li>
                    <a title="Matrix" href="https://matrix.to/#/@crispy-caesus:matrix.org" target="_blank"
                        rel="noopener nofererrer">
                        Matrix
                    </a> - @crispy-caesus:matrix.org
                    <p>
                        Amazing decentralized platform with a lot of epic clients. It's what I prefer for my personal
                        communication
                    </p>
                </li>

                <li>
                    <a title="toothbrushing music" href="music">
                        toothbrushing music
                    </a>
                    <br />
                    <img src="static/toothrush.png" alt="toothbrush vibing" class="toothbrush-img non-pixelated" />
                    <p>
                        Over the past months I've created my little legally aquired library of DRM-free music. There are
                        a bunch of reasons why I prefer this way of aquiring music in this way, most of which boils down
                        to independence and artist support.
                    </p>
                </li>
            </ul>
        </div>
    </div>
    <div>
        <footer>
            <div class="box footer">
                <div class="credits">
                    <br>
                    <p>art drawn by the amazing</p>
                    <a title="VanillaPunkk Instagram" href="https://www.instagram.com/vannillapunkk/" target="_blank"
                        rel="noopener nofererrer">VanillaPunkk</a>
                    <p> | </p>
                    <p>tamagotchi by</p>
                    <a title="unicodeangel" href="https://unicodeangel.neocities.org" target="_blank"
                        rel="noopener nofererrer">
                        Unicode Angel
                    </a>
                </div>
            </div>
        </footer>
    </div>
</body>

</html>