index — crispy-website @ 858ad214f97cda4d0b18d6a2af7d62c3ff6614d0

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
 120
 121
 122
 
<!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, like this website, 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="https://bandcamp.com/crispy-caesus" target="_blank"
                        rel="noopener nofererrer">
                        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.
                        For now I'll just link my bandcamp here which should showcase most of it, I'll think about some
                        other solution somewhen maybe :D
                    </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>