This repository has been archived by the owner on May 26, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
297 lines (169 loc) · 11.3 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
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
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
<!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">
<title>Runar Kristoffersen</title>
<meta name="description" content="A work-in-progress portfolio for Runar Kristoffersen, electrician by trade, computer- and sciencegeek by desire.">
<link href="https://fonts.googleapis.com/css?family=Josefin+Slab:400|Raleway" rel="stylesheet">
<script src="https://use.fontawesome.com/ca91c8db6c.js"></script>
<link rel="stylesheet" href="/assets/main.css">
<link rel="canonical" href="https://www.runarkristoffersen.com/">
<link rel="alternate" type="application/rss+xml" title="Runar Kristoffersen" href="/feed.xml">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/manifest.json">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="theme-color" content="#ffffff">
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-97043586-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<!DOCTYPE html>
<header class="site-header" role="banner">
<div class="header-wrapper">
<div class="wrapper">
<a class="site-title logo" href="/">
<!-- Runar Kristoffersen -->
<img class="logo" src="/images/fixed/RK-wide.svg" alt="Logo">
</a>
</div>
<nav>
<div class="trigger">
<div class="wrapper">
<a class="page-link current-page-link" href="/">Home</a>
<a class="page-link " href="/portfolio/">Portfolio</a>
<a class="page-link " href="/about/">About</a>
</div!>
</div>
</nav>
</div>
</header>
<main class="page-content" aria-label="Content">
<div class="wrapper">
<div class="home">
The website of Runar Kristoffersen
This is a work-in-progress website. Currently, it doesn't hold much, but I expect it to hold my portfolio and possibly a few blogposts.
<!-- Get the tag name for every tag on the site and set them
to the `site_tags` variable. -->
<!-- `tag_words` is a sorted array of the tag names. -->
<h1 class="page-heading">Posts</h1>
<ul class="post-list">
<li class="relative">
<h2>
<a class="post-link" href="/projects/2018/05/08/Reptile.html">Building an auctionsite with React</a>
</h2>
<div class="post-meta">May 8, 2018</div>
<div class="center front-image">
<img src="https://res.cloudinary.com/reptilesofnorway/image/upload/c_scale,dpr_1.0,f_auto,q_auto,h_159/reptil_auksjonen_logo" alt="">
</div>
<p><p>Recently, I’ve been working on an auction site specifically for reptiles. As of writing, it is available only to the Norwegian market, but international expansion is in the works. You can have a look at it here: <a href="https://reptilauksjonen.no">Reptilauksjonen.no</a></p>
</p>
</li>
<li class="center">
<a class="post-read-more" href="/projects/2018/05/08/Reptile.html">[ Read More ]</a>
</li>
<hr>
<li class="relative">
<h2>
<a class="post-link" href="/web-development,/software/2017/08/27/Finishing_projects.html">Thoughts on how to finish personal project</a>
</h2>
<div class="post-meta">Sep 6, 2017</div>
<div class="center front-image">
<img src="/images/startup-photos-800.jpg" alt="Project" srcset=" /images/startup-photos-1600.jpg 1600w, /images/startup-photos-800.jpg 800w, /images/startup-photos-400.jpg 400w, /images/startup-photos-300.jpg 300w, /images/startup-photos-100.jpg 100w, " sizes="(min-width: 800px) 40vw, 70vw" class="">
</div>
<p><p>Like most developers, I love personal projects. As I’ve had my shares of projects in the past which I got tired off, I’ve had to take some steps to keep me from wasting time on projects that don’t see the light of day, and instead focus my energy on the right project.</p>
</p>
</li>
<li class="center">
<a class="post-read-more" href="/web-development,/software/2017/08/27/Finishing_projects.html">[ Read More ]</a>
</li>
<hr>
<li class="relative">
<h2>
<a class="post-link" href="/software/2017/04/08/Karabiner.html">Key-configuration</a>
</h2>
<div class="post-meta">Sep 6, 2017</div>
<div class="center front-image">
<img src="/images/Karabiner-800.png" alt="Karabiner" srcset=" /images/Karabiner-1600.png 1600w, /images/Karabiner-800.png 800w, /images/Karabiner-400.png 400w, /images/Karabiner-300.png 300w, /images/Karabiner-100.png 100w, " sizes="(min-width: 800px) 40vw, 70vw" class="">
</div>
<p><p>In this post, I will dive into the technical aspect of how to remap the keyboard. Many software lets you do this, but most will not do this at a low enough level to actually remap the keys. Some just try it’s best to cancel out the effect of the key you want it to remap, and then emulating the target key.</p>
</p>
</li>
<li class="center">
<a class="post-read-more" href="/software/2017/04/08/Karabiner.html">[ Read More ]</a>
</li>
<hr>
<li class="relative">
<h2>
<a class="post-link" href="/hardware/2017/03/16/Key-modifications.html">Keyboard remapping gone mad</a>
</h2>
<div class="post-meta">Apr 8, 2017</div>
<p><p>Remapping the keyboard is highly useful, especially if you find that there currently is not enough keys on your keyboard. Instead of slaving though remembering cumbersome key-combinations to get your work done, why not add some extra keys on your keyboard? Of course, we are not physically adding keys, but using the ones we have a bit smarter.</p>
</p>
</li>
<li class="center">
<a class="post-read-more" href="/hardware/2017/03/16/Key-modifications.html">[ Read More ]</a>
</li>
<hr>
<li class="relative">
<h2>
<a class="post-link" href="/hardware/2017/03/14/Advantage.html">The weird and productive keyboard</a>
</h2>
<div class="post-meta">Apr 8, 2017</div>
<div class="center front-image">
<img src="/images/advantage2-800.jpg" alt="Kinesis Advantage2" srcset=" /images/advantage2-1600.jpg 1600w, /images/advantage2-800.jpg 800w, /images/advantage2-400.jpg 400w, /images/advantage2-300.jpg 300w, /images/advantage2-100.jpg 100w, " sizes="(min-width: 800px) 40vw, 70vw" class="">
</div>
<p><p>For quite some time I’ve been using just regular flat keyboards, mostly because as a student I used my laptop a lot. When working on my desktop I wanted a similar keyboard, so I went with a flat Logitech-keyboard.</p>
</p>
</li>
<li class="center">
<a class="post-read-more" href="/hardware/2017/03/14/Advantage.html">[ Read More ]</a>
</li>
<hr>
</ul>
<p class="rss-subscribe">subscribe <a href="/feed.xml">via RSS</a></p>
</div>
</div>
</main>
<footer class="site-footer">
<div class="wrapper">
<h2 class="footer-heading">Runar Kristoffersen</h2>
<div class="footer-col-wrapper">
<div class="footer-col footer-col-1">
<ul class="contact-list">
<li>
Runar Kristoffersen
</li>
<li><a href="mailto:runartrollet@me.com">runartrollet@me.com</a></li>
</ul>
</div>
<div class="footer-col footer-col-2">
<ul class="social-media-list">
<li>
<a href="https://github.com/runartrollet"><span class="icon icon--github"><svg viewBox="0 0 16 16" width="16px" height="16px"><path fill="#828282" d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"/></svg>
</span><span class="username">runartrollet</span></a>
</li>
<li>
<a href="https://twitter.com/runartrollet"><span class="icon icon--twitter"><svg viewBox="0 0 16 16" width="16px" height="16px"><path fill="#828282" d="M15.969,3.058c-0.586,0.26-1.217,0.436-1.878,0.515c0.675-0.405,1.194-1.045,1.438-1.809c-0.632,0.375-1.332,0.647-2.076,0.793c-0.596-0.636-1.446-1.033-2.387-1.033c-1.806,0-3.27,1.464-3.27,3.27 c0,0.256,0.029,0.506,0.085,0.745C5.163,5.404,2.753,4.102,1.14,2.124C0.859,2.607,0.698,3.168,0.698,3.767 c0,1.134,0.577,2.135,1.455,2.722C1.616,6.472,1.112,6.325,0.671,6.08c0,0.014,0,0.027,0,0.041c0,1.584,1.127,2.906,2.623,3.206 C3.02,9.402,2.731,9.442,2.433,9.442c-0.211,0-0.416-0.021-0.615-0.059c0.416,1.299,1.624,2.245,3.055,2.271 c-1.119,0.877-2.529,1.4-4.061,1.4c-0.264,0-0.524-0.015-0.78-0.046c1.447,0.928,3.166,1.469,5.013,1.469 c6.015,0,9.304-4.983,9.304-9.304c0-0.142-0.003-0.283-0.009-0.423C14.976,4.29,15.531,3.714,15.969,3.058z"/></svg>
</span><span class="username">runartrollet</span></a>
</li>
</ul>
</div>
<div class="footer-col footer-col-3">
<p>A work-in-progress portfolio for Runar Kristoffersen, electrician by trade, computer- and sciencegeek by desire.
</p>
</div>
</div>
</div>
</footer>
</body>
</html>