105 lines
6.9 KiB
Plaintext
Executable File
105 lines
6.9 KiB
Plaintext
Executable File
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<title>Oddbyte</title>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<link id="favicon" rel="shortcut icon" type="image/png" href="data:image/png;base64,<%- faviconb64 %>">
|
||
<link rel="canonical" href="https://oddbyte.dev/"/>
|
||
<meta name="fediverse:creator" content="@oddbyte@mastodon.social">
|
||
<style>
|
||
<%- include('partials/style') %>
|
||
/* Begin per-page stylesheet */
|
||
code, kbd, pre, samp {
|
||
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
|
||
Liberation Mono, Courier New, monospace;
|
||
font-size: 1em;
|
||
background-color: rgb(43, 43, 43);
|
||
color: rgb(255, 174, 87);
|
||
border-radius: 3px;
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body>
|
||
<%- include('partials/navbar') %>
|
||
<div id="container_top">
|
||
<div id="container_main">
|
||
<div id="container_thing">
|
||
<main>
|
||
<h1 class="selectDisable">Oddbyte</h1>
|
||
<div id="v-break"></div>
|
||
<img class="selectDisable" alt="my profile picture" src="data:image/png;base64,<%- faviconb64 %>" />
|
||
<p>
|
||
Hihi :D<br />
|
||
I am a nerd that happens to like hacking stuff.<br />
|
||
I mainly nerd about privacy, android, web development, cybersecurity, and sysadmin.<br />
|
||
My goal is to become a CISO.
|
||
</p>
|
||
<div id="v-break"></div>
|
||
<h2 id="stats" class="selectDisable">Stats</h2>
|
||
<div style="background-color: rgb(43, 43, 43); text-align: left; max-width: 500px; width: 100%; margin: 0 auto; padding: 20px; box-sizing: border-box; border-radius: 5px; color: rgb(255, 174, 87); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; font-size: 1em;">
|
||
<div style="display: flex; margin-bottom: 15px;">
|
||
<span style="color: #fff; flex-shrink: 0;">Species:</span>
|
||
<span style="flex: 1; text-align: right;">Hooman (I think)</span>
|
||
</div>
|
||
<div style="display: flex; margin-bottom: 15px;">
|
||
<span style="color: #fff; flex-shrink: 0;">Height:</span>
|
||
<span style="flex: 1; text-align: right;">5'9"</span>
|
||
</div>
|
||
<div style="display: flex; margin-bottom: 15px;">
|
||
<span style="color: #fff; flex-shrink: 0;">Operating System:</span>
|
||
<span style="flex: 1; text-align: right;">Anxiousness OS</span>
|
||
</div>
|
||
<div style="display: flex; margin-bottom: 15px;">
|
||
<span style="color: #fff; flex-shrink: 0;">Processor:</span>
|
||
<span style="flex: 1; text-align: right;">Fried Potato</span>
|
||
</div>
|
||
<div style="display: flex; margin-bottom: 15px;">
|
||
<span style="color: #fff; flex-shrink: 0;">RAM:</span>
|
||
<span style="flex: 1; text-align: right;">Not Enough</span>
|
||
</div>
|
||
<div style="display: flex; margin-bottom: 15px;">
|
||
<span style="color: #fff; flex-shrink: 0;">Bugs:</span>
|
||
<span style="flex: 1; text-align: right;">Anxiety<span style="font-size: 0; color: transparent;">^(</span><sup>3</sup><span style="font-size: 0; color: transparent;">)</span>, Nerd<span style="font-size: 0; color: transparent;">^(</span><sup>2</sup><span style="font-size: 0; color: transparent;">)</span>, ADHD<span style="font-size: 0; color: transparent;">^(</span><sup>∞</sup><span style="font-size: 0; color: transparent;">)</span></span>
|
||
</div>
|
||
<div style="display: flex; margin-bottom: 15px;">
|
||
<span style="color: #fff; flex-shrink: 0;">Current thoughts:</span>
|
||
<span style="flex: 1; text-align: right;">Why does CSS suck so much?</span>
|
||
</div>
|
||
<div style="display: flex; margin-bottom: 15px;">
|
||
<span style="color: #fff; flex-shrink: 0;">Gender:</span>
|
||
<span style="flex: 1; text-align: right;">Dood</span>
|
||
</div>
|
||
<div style="display: flex;">
|
||
<span style="color: #fff; flex-shrink: 0;">Age:</span>
|
||
<span style="flex: 1; text-align: right;"><code>2.5×<wbr />ln(e)+<wbr />2(e<span style="font-size: 0; color: transparent;">^(</span><sup>-i×π</sup><span style="font-size: 0; color: transparent;">)</span>×<wbr />7.25)×<wbr />cos(7π)</code></span>
|
||
</div>
|
||
</div>
|
||
<div id="v-break"></div>
|
||
<h2 id="contact" class="selectDisable">Contact me</h2>
|
||
<p style="text-align: left; max-width: 500px; align-self:center; display:inline-block;">You can contact me by messaging me on:<br />
|
||
- Signal (preferred), <a rel="me" target="_blank" href="https://signal.me/#eu/s6M3E2BSkJVb9E0fwib4PTcbDLH36jPlQTP9basoZ37rl-XoyD5L4Yvao-jZQ0xn">@oddbyte.01</a>,<br />
|
||
- Mastodon, <a rel="me" target="_blank" href="https://mastodon.social/@oddbyte">@oddbyte@mastodon.social</a>,<br />
|
||
- Email, <a rel="me" target="_blank" href="mailto:contact@oddbyte.dev">contact@oddbyte.dev</a><br />
|
||
</p>
|
||
<div id="v-break"></div>
|
||
<h2 id="hoomans" class="selectDisable">Other hoomans</h2>
|
||
<p>
|
||
Check out this random internet person I happen to be aware of: <a target="_blank" href="https://voxel.top">voxel.top</a><br />
|
||
He is also a cybersecurity / privacy nerd<br />
|
||
His website <s>sucks ass</s> <i>needs improvement</i><br />
|
||
<sup>(yeah, lets go with "needs improvement")</sup>
|
||
</p>
|
||
<p>
|
||
Check out my buddy's site, <a target="_blank" href="https://catocat.uk">catocat.uk</a><br />
|
||
She <i>may</i> have <s>stolen things</s> <i>taken inspiration</i> from my website.
|
||
</p>
|
||
</main>
|
||
</div>
|
||
</div>
|
||
<div id="v-break"></div>
|
||
<footer><aside><div class="selectDisable">Made by Oddbyte.</div><br /><%- include('partials/funfact') %></aside></footer>
|
||
</div>
|
||
</body>
|
||
</html>
|