-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
91 lines (90 loc) · 4.41 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
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<meta name="robots" content="noindex,nofollow" />
<title>Jesper</title>
<link rel="icon" href="data:," />
<link rel="stylesheet" href="tachyons.min.css" />
</head>
<body class="f6 f5-ns ma4 ma5-ns avenir fw4 lh-copy dark-gray">
<main>
<h1 class="f6 f5-ns fw6">Jesper 👋</h1>
<p class="">
Web developer living near Copenhagen.<br />
Currently at the
<a class="red" href="https://www.lego.com">LEGO Group</a>.
</p>
<h2 class="mt4-ns f6 f5-ns fw6">I work with</h2>
<ul class="list ph0 cf dark-gray mw6 f7 f6-ns">
<li class="dib mb1 mr1 pa2 br1 bg-near-white fl">Javascript</li>
<li class="dib mb1 mr1 pa2 br1 bg-near-white fl">React</li>
<li class="dib mb1 mr1 pa2 br1 bg-near-white fl">React Native</li>
<li class="dib mb1 mr1 pa2 br1 bg-near-white fl">Redux</li>
<li class="dib mb1 mr1 pa2 br1 bg-near-white fl">HTML</li>
<li class="dib mb1 mr1 pa2 br1 bg-near-white fl">CSS</li>
<li class="dib mb1 mr1 pa2 br1 bg-near-white fl">SASS/SCSS</li>
<li class="dib mb1 mr1 pa2 br1 bg-near-white fl">CSS-in-JS</li>
<li class="dib mb1 mr1 pa2 br1 bg-near-white fl">CI/CD</li>
<li class="dib mb1 mr1 pa2 br1 bg-near-white fl">Docker</li>
<li class="dib mb1 mr1 pa2 br1 bg-near-white fl">REST</li>
<li class="dib mb1 mr1 pa2 br1 bg-near-white fl">GraphQL</li>
<li class="dib mb1 mr1 pa2 br1 bg-near-white fl">Serverless</li>
<li class="dib mb1 mr1 pa2 br1 bg-near-white fl">Microservices</li>
<li class="dib mb1 mr1 pa2 br1 bg-near-white fl">Node</li>
<li class="dib mb1 mr1 pa2 br1 bg-near-white fl">Webpack</li>
<li class="dib mb1 mr1 pa2 br1 bg-near-white fl">Git</li>
<li class="dib mb1 mr1 pa2 br1 bg-near-white fl">Shell scripting</li>
<li class="dib mb1 mr1 pa2 br1 bg-near-white fl">Python</li>
</ul>
<h2 class="mt4-ns f6 f5-ns fw6">Projects</h2>
<ul class="list ph0">
<li class="mb1">
<div class="inline-flex items-center">
<a class="dark-gray" href="https://hackerzeit.vercel.app">
<h3 class="f6 f5-ns fw4 ma0 di">Hackerzeit</h3>
</a>
<p class="mv0 ml1 i di silver">→ Hacker News clone</p>
<a class="ml1 inline-flex" href="https://github.com/jryom/hackerzeit">
<svg
class="silver glow o-50"
viewBox="0 0 24 24"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
/>
</svg>
</a>
</div>
</li>
</ul>
<h2 class="mt4-ns f6 f5-ns fw6">On the web</h2>
<ul class="list ph0">
<li class="mb1">
<a href="https://github.com/jryom" class="blue">Github</a>
</li>
<li class="mb1">
<a href="https://open.spotify.com/artist/6QAXPFWafsrhltnhogrQ1P" class="green">Spotify</a>
</li>
<li class="mb1">
<a href="https://soundcloud.com/jesper-ryom" class="orange">Soundcloud</a>
</li>
</ul>
<h2 class="mt4-ns f6 f5-ns fw6">Contact</h2>
<p class="f6 f5-ns fw4 ma0 di">
mail<span class="o-50 mh1">at</span>jesper<span class="o-50 mh1">dot</span>sh
</p>
</main>
<footer class="fixed-ns right-2-ns bottom-2-ns mt6 tr">
<a
class="f7 f6-ns code link light-silver hover-gray"
href="https://github.com/iamjesper/homepage"
><span class="link">source</span></a
>
</footer>
</body>
</html>