forked from andrewhwanpark/dark-poole
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
60 lines (54 loc) · 1.58 KB
/
index.html
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
---
layout: default
title: Home
description: Portfolio of @codecolorist
image: /assets/home.png
---
<style type="text/css">
html,
body {
background: #222 no-repeat center center;
background-size: cover;
background-image: image-set(url('/assets/bg.avif') type("image/avif"),
url('/assets/bg.webp') type("image/webp"));
min-height: 100vh;
}
body {
display: flex;
flex-direction: column;
}
</style>
<main class="home">
<section>
<picture class="avatar">
<source srcset="/assets/portrait.webp" type="image/webp">
<source srcset="/assets/portrait.avif" type="image/avif">
<img src="/assets/portrait.jpg" alt="Portrait of @codecolorist">
</picture>
<p>
Hey, I'm <a href="https://infosec.exchange/@codecolorist" target="_blank">@codecolorist</a>,
a software engineerer and amateur photographer based in Europe.
</p>
<p>If you like my work, you can <a target="_blank" href="https://github.com/sponsors/chichou">sponsor me on
GitHub</a>.</p>
</section>
<nav>
<ul class="external">
<li>
<a target="_blank" href="https://infosec.exchange/@codecolorist" rel="me">
<img src="/assets/icon/mastodon.svg" alt="Mastodon">
</a>
</li>
<li>
<a target="_blank" href="https://github.com/chichou">
<img src="/assets/icon/github.svg" alt="GitHub">
</a>
</li>
<li>
<a target="_blank" href="https://unsplash.com/@0xcc">
<img src="/assets/icon/unsplash.svg" alt="Unsplash">
</a>
</li>
</ul>
</nav>
</main>