index — crispy-website @ 60efab1821b777e1c8761fd1f37f38f5183a75e1

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
 123
 124
 125
 126
 127
 128
 129
 130
 131
 132
 133
 134
 135
 136
 137
 138
 139
 140
 141
 142
 143
 144
 145
 146
 147
 148
 149
 150
 151
 152
 
<!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="outer-container">
      <main class="top">
        <div class="top-left">
          <article class="box container intro">
            <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 class="small-box container cool-people">
            <b>cool people</b>
            <span class="people-buttons">
              <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="https://chibisafe.crispy-caesus.eu/MEkVLB08qVlq.png"
                  alt="erine-button"
                />
              </a>
            </span>
          </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:crispy-caesus.eu"
                target="_blank"
                rel="noopener nofererrer"
              >
                Matrix
              </a>
              - @crispy:crispy-caesus.eu
              <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>
      </main>
      <footer>
        <div class="credits box">
          <p>art drawn by the amazing</p>
          <a
            title="VanillaPunkk Instagram"
            href="https://www.instagram.com/vannillapunkk/"
            target="_blank"
            rel="noopener nofererrer"
            >VanillaPunkk</a
          >
        </div>
      </footer>
    </div>
  </body>
</html>