index — crispy-website @ 70f8a6d9f462dc5ce2b0f332c18cf491f6630d1c

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
 
<!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 system
                        and write a little program here and there.
                    </p>
                    <p>
                        Currently I'm learning a bunch about server monitoring, as part of
                        a school project
                    </p>
                </article>
            </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"><img src="https://erine.dev/erine-button.png" /></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 and 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="https://listen.tidal.com/playlist/2216bae3-7d2c-415f-9583-903ecda9d202" target="_blank"
                        rel="noopener nofererrer">
                        toothbrushing music
                    </a>
                    <br />
                    <img src="static/toothrush.png" alt="toothbrush vibing" class="toothbrush-img non-pixelated" />
                    <p>
                        I generally like to buy my music DRM-free, but since I can't buy all the music in the world
                        Tidal is what I currently use as my streaming provider
                    </p>
                </li>
            </ul>
        </div>
    </div>
    <div>
        <footer>
            <div class="box footer">
                <div class="credits">
                    <br />art drawn by the amazing
                    <a title="VanillaPunkk Instagram" href="https://www.instagram.com/vannillapunkk/" target="_blank"
                        rel="noopener nofererrer">VanillaPunkk</a>
                </div>
            </div>
        </footer>
    </div>
</body>

</html>