index — crispy-website @ 04cf8cf792ca0a30c5d8eca08b6e393967870994

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
 
<!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 class="box container">
            <article>
                <h1>hi</h1>
                <img src="static/banan.png" alt="my profile picture" class="banana-img">
                <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="box links">

            <h2>some links</h2>
            <ul>
                <li>
                    <a title="Github" href="https://github.com/crispy-caesus" target="_blank"
                        rel="noopener nofererrer">github</a>
                    <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>
                    <p>a list of the anime I have watched and plan to watch and some ratings and
                        thoughts on
                        them</p>
                <li>
                    <a title="Discord" href="https://discord.com/users/621759962280099840" target="_blank"
                        rel="noopener nofererrer">
                        Discord
                    </a>
                    <p>
                        crispy.caesus
                    </p>
                </li>
                <li>
                    <a title="Matrix" href="https://matrix.to/#/@crispy-caesus:matrix.org" target="_blank"
                        rel="noopener nofererrer">
                        Matrix
                    </a>
                    <p>
                        @crispy-caesus:matrix.org
                    </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">
                </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>