xishell.github.io/index.html at main · xishell/xishell.github.io · GitHub

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
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="Elliot Steffensen — software engineer and sailor. Bare-metal RISC-V encrypted chat, fullstack web apps, and offshore racing." />
    <meta name="theme-color" content="#111111" />
    <link rel="stylesheet" href="style.css" />
    <title>Elliot Steffensen</title>
  </head>

  <body>
    <div class="window">
      <div class="titlebar">
        <span class="titlebar-left">╭─ elliot@steffensens.io</span>
        <span class="titlebar-right">── NOR ─╮</span>
      </div>

      <div class="content">
        <header>
          <h1>Elliot Steffensen</h1>
          <p class="tagline">Software engineer and sailor</p>
        </header>

        <div class="section">
          <input type="checkbox" id="projects" checked />
          <label for="projects">projects</label>
          <section class="sub-content">
            <div>
              <div class="entry">
                <div class="entry-header">
                  <a href="https://github.com/xishell/crypt-chat" target="_blank" rel="noopener noreferrer">Crypt-Chat on RISC-V</a>
                </div>
                <p class="entry-desc">
                  End-to-end encrypted chat on a bare-metal RISC-V microcontroller
                  with no OS or standard library. ChaCha20-Poly1305 AEAD, bit-banged
                  software UART with ISR-driven RX, and a framed protocol with CRC16
                  integrity. Python client shares the same C crypto code via ctypes.
                </p>
              </div>
              <div class="entry">
                <div class="entry-header">
                  <a href="https://uhabit.xyz" target="_blank" rel="noopener noreferrer">uHabit</a>
                </div>
                <p class="entry-desc">
                  Fullstack habit tracking app built with SvelteKit, deployed on
                  Cloudflare Workers with D1 (SQLite). Designed the REST API with
                  Drizzle ORM, Zod validation, ETag caching, rate limiting, and
                  atomic batch operations.
                </p>
              </div>
              <div class="entry">
                <div class="entry-header">
                  <a href="https://github.com/xishell/calendar-splitter" target="_blank" rel="noopener noreferrer">Calendar Feed Splitter</a>
                </div>
                <p class="entry-desc">
                  Python pipeline that fetches upstream ICS calendars, classifies
                  events via configurable pattern-matching strategies, and outputs
                  per-course tokenized feeds with template-based rewriting and
                  ETag caching.
                </p>
              </div>
            </div>
          </section>
        </div>

        <div class="section">
          <input type="checkbox" id="edu" />
          <label for="edu">education</label>
          <section class="sub-content">
            <div>
              <div class="entry">
                <div class="entry-header">KTH Royal Institute of Technology <span class="dim">/ Computer Engineering</span></div>
                <p class="entry-desc">
                  Bachelor's degree (2024–2027). Coursework in computer hardware
                  engineering, data structures &amp; algorithms, digital design,
                  concurrent programming, and networks.
                </p>
              </div>
            </div>
          </section>
        </div>

        <div class="section">
          <input type="checkbox" id="exper" />
          <label for="exper">experience</label>
          <section class="sub-content">
            <div>
              <div class="entry">
                <div class="entry-header">Stockholm Sailing Association <span class="dim">/ Sailing Instructor</span></div>
                <p class="entry-desc">
                  Design and deliver training programs for competitive youth
                  sailors, focused on racing technique and tactics.
                </p>
              </div>
              <div class="entry">
                <div class="entry-header">Coop Sverige AB <span class="dim">/ Masterdata Analyst</span></div>
                <p class="entry-desc">
                  Maintained product master data quality in automated warehouse
                  management systems. Automated repetitive data verification tasks
                  to reduce manual processing time.
                </p>
              </div>
            </div>
          </section>
        </div>

        <div class="section">
          <input type="checkbox" id="skills" />
          <label for="skills">skills</label>
          <section class="sub-content">
            <div>
              <div class="skill-row"><span class="skill-label">languages</span> C, Go, Python, Bash, Java, TypeScript</div>
              <div class="skill-row"><span class="skill-label">systems</span> Linux, concurrent programming, TCP/IP, UART/serial, HTTP/REST</div>
              <div class="skill-row"><span class="skill-label">tools</span> Git, Meson, Make, Docker, GitHub Actions, NGINX</div>
            </div>
          </section>
        </div>

        <div class="section">
          <input type="checkbox" id="sailing" />
          <label for="sailing">sailing</label>
          <section class="sub-content">
            <div>
              <p class="entry-desc" style="margin-top: 0.5rem;">
                Bowman onboard
                <a href="https://www.wetjobracing.com/" target="_blank" rel="noopener noreferrer">Wetjob Racing</a>
                &mdash; 2000+ nautical miles in offshore races.
              </p>
              <div class="entry">
                <div class="entry-header">RORC Baltic Sea Race <span class="dim">/ 2024</span></div>
                <p class="entry-desc">600 nautical mile race starting and ending in Helsinki</p>
              </div>
              <div class="entry">
                <div class="entry-header">Gotland Runt <span class="dim">/ 2024</span></div>
                <p class="entry-desc">Race around Gotland island, Sweden's biggest yearly offshore race</p>
              </div>
            </div>
          </section>
        </div>

        <div class="section">
          <input type="checkbox" id="contact" />
          <label for="contact">contact</label>
          <section class="sub-content">
            <div>
              <div class="contact-row">
                <a href="mailto:elliot@steffensens.io">email</a>
                <span class="dim">elliot@steffensens.io</span>
              </div>
              <div class="contact-row">
                <a href="https://github.com/xishell" target="_blank" rel="noopener noreferrer">github</a>
                <span class="dim">xishell</span>
              </div>
              <div class="contact-row">
                <a href="https://www.linkedin.com/in/ellste" target="_blank" rel="noopener noreferrer">linkedin</a>
                <span class="dim">Elliot Steffensen</span>
              </div>
            </div>
          </section>
        </div>
      </div>

      <div class="statusbar">
        <span class="statusbar-left">╰─ NORMAL</span>
        <span class="statusbar-right">6 sections ─╯</span>
      </div>
    </div>
  </body>
</html>