My personal site hosted @ https://indexx.dev
indexx.dev
1<section id="header">
2 <h1 class="animated-border unselectable spin">
3 <svg
4 width="24"
5 height="24"
6 viewBox="0 0 24 24"
7 fill="none"
8 xmlns="http://www.w3.org/2000/svg"
9 style="position: absolute; top: -5px; margin-left: -2px; transform: rotate(-10deg); color: gold;"
10 >
11 <path
12 fill-rule="evenodd"
13 clip-rule="evenodd"
14 d="M2.5 6.09143L7.21997 10.8114L12.0005 6.03088L16.7811 10.8114L21.5 6.09245V14.9691C21.5 16.626 20.1569 17.9691 18.5 17.9691H5.5C3.84314 17.9691 2.5 16.626 2.5 14.9691V6.09143ZM19.5 10.9087V14.9691C19.5 15.5214 19.0523 15.9691 18.5 15.9691H5.5C4.94771 15.9691 4.5 15.5214 4.5 14.9691V10.9077L7.21997 13.6277L12.0005 8.84717L16.7811 13.6277L19.5 10.9087Z"
15 fill="currentColor"></path>
16 </svg>
17 <span style="position: relative; z-index: 2;">index</span>
18 </h1>
19 <span style="display: block; margin-top: -5px;"
20 >hey, i'm index. have a great day 👋</span
21 >
22 <small
23 style="display: block; margin-top: -5px;margin-bottom:10px;color: rgb(0, 84, 106);font-size: 0.9rem;"
24 >
25 i usually mess around in Typescript, and recently i've been exploring the
26 <a href="https://atproto.com/" target="_blank"><b>AT protocol</b>.</a>
27 </small>
28 <!--
29 <small
30 style="display: block; margin-top: -5px;color: rgb(0, 84, 106);font-size: 0.8rem;"
31 >
32 i'm interested in making an open-source Goodreads alternative on the
33 protocol :)
34 </small>
35 -->
36</section>