-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
218 lines (189 loc) · 14.6 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
<!DOCTYPE html>
<html lang="nb">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-109864300-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-109864300-1');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Hans Kristian Smedsrød</title>
<meta name="Keywords" content="Terrengløping, Skyrunning, Nå Er Det Alvor Podcast, Oslo, Stiløping, Trail running, Sky Blazers" />
<meta property="og:site_name" content="Hans Kristian Smedsrød" />
<meta property="og:title" content="Jeg løper i fjellet" />
<meta property="og:description" content="Nettsiden til Hans Kristian Smedsrød" />
<meta property="og:image" content="./media/pics/04.JPG">
<meta property="og:url" content="http://hanskristiansmedsrod.no/">
<script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Bangers|Open+Sans|Bangers&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./stylesheet.css" type="text/css">
</head>
<body>
<header class="header">
<h1 class="header__title">
<span>Hans Kristian Smedsrød. </span>
<span>Fjellsportutøver og podcaster.</span>
</h1>
<img class="header__image" src="./media/pics/19.jpg" />
<aside class="header__socials">
<ul>
<li>
<a href="http://alvorpodcast.buzzsprout.com/" title="Podcasten Nå Er Det Alvor">
<span class="visually-hidden">Podcast</span>
<svg role="img" viewBox="0 0 24 28" xmlns="http://www.w3.org/2000/svg">
<path d="M15.531 18.625c0 1.031-0.109 2.063-0.266 3.078-0.234 1.625-0.469 3.297-0.859 4.891-0.281 1.141-1.344 1.406-2.375 1.406s-2.094-0.266-2.375-1.406c-0.391-1.594-0.625-3.266-0.859-4.891-0.156-1.016-0.266-2.047-0.266-3.078 0-2.109 1.703-2.625 3.5-2.625s3.5 0.516 3.5 2.625zM24 12c0 5.063-3.125 9.391-7.562 11.156-0.172 0.063-0.359-0.094-0.328-0.281 0.047-0.328 0.094-0.672 0.156-1.031 0.031-0.25 0.063-0.5 0.094-0.734 0.016-0.094 0.063-0.156 0.141-0.187 3.25-1.656 5.5-5.031 5.5-8.922 0-5.703-4.781-10.297-10.547-9.984-5.281 0.281-9.484 4.781-9.453 10.063 0.031 3.891 2.297 7.25 5.563 8.875 0.078 0.031 0.125 0.109 0.141 0.187 0.031 0.219 0.063 0.453 0.094 0.703 0.063 0.375 0.109 0.719 0.172 1.062 0.031 0.187-0.172 0.344-0.344 0.266-4.641-1.813-7.875-6.438-7.609-11.766 0.297-6.047 5.172-11 11.219-11.375 6.969-0.438 12.766 5.094 12.766 11.969zM15.531 11.5c0 1.937-1.563 3.5-3.5 3.5s-3.5-1.563-3.5-3.5 1.563-3.5 3.5-3.5 3.5 1.563 3.5 3.5zM20.031 12c0 2.578-1.234 4.891-3.125 6.344-0.156 0.125-0.375 0.016-0.406-0.187-0.047-0.438-0.172-0.953-0.453-1.437-0.063-0.094-0.047-0.219 0.047-0.313 1.188-1.094 1.937-2.656 1.937-4.406 0-3.531-3.078-6.359-6.687-5.969-2.766 0.313-5.016 2.594-5.281 5.375-0.203 1.969 0.578 3.781 1.906 5 0.094 0.094 0.109 0.219 0.047 0.313-0.281 0.484-0.406 1-0.453 1.453-0.031 0.187-0.25 0.297-0.406 0.172-1.937-1.5-3.172-3.859-3.125-6.516 0.094-4.156 3.469-7.625 7.609-7.812 4.594-0.219 8.391 3.437 8.391 7.984z"></path>
</svg>
</a>
</li>
<li>
<a href="https://www.instagram.com/hanserino/" title="Instagram">
<span class="visually-hidden">Instagram</span>
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z"
/>
</svg>
</a>
</li>
<li>
<a href="https://www.strava.com/athletes/10448277" title="Strava">
<span class="visually-hidden">Strava</span>
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.598h4.172L10.463 0l-7 13.828h4.169"
/>
</svg>
</a>
</li>
<li>
<a href="https://www.youtube.com/user/hanssmed/videos" title="YouTube">
<span class="visually-hidden">YouTube</span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
<path d="M506.9 153.6c0 0-5-35.3-20.4-50.8-19.5-20.4-41.3-20.5-51.3-21.7-71.6-5.2-179.1-5.2-179.1-5.2h-0.2c0 0-107.5 0-179.1 5.2-10 1.2-31.8 1.3-51.3 21.7-15.4 15.5-20.3 50.8-20.3 50.8s-5.1 41.4-5.1 82.9v38.8c0 41.4 5.1 82.9 5.1 82.9s5 35.3 20.3 50.8c19.5 20.4 45.1 19.7 56.5 21.9 41 3.9 174.1 5.1 174.1 5.1s107.6-0.2 179.2-5.3c10-1.2 31.8-1.3 51.3-21.7 15.4-15.5 20.4-50.8 20.4-50.8s5.1-41.4 5.1-82.9v-38.8c-0.1-41.4-5.2-82.9-5.2-82.9zM203.1 322.4v-143.9l138.3 72.2-138.3 71.7z"></path>
</svg>
</a>
</li>
<li>
<a href="https://medium.com/@hanserino" title="Medium">
<span class="visually-hidden">Medium</span>
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M7.255 2.292l5.617 12.257h.177c.898-2.015 1.67-4.083 2.506-6.129s1.67-4.071 2.453-6.118h5.909a3.831 3.831 0 0 1-.25.366c-.439.49-.867 1.044-1.337 1.472a1.68 1.68 0 0 0-.501 1.284v13.572a1.128 1.128 0 0 0 .397.898c.46.407.898.835 1.336 1.263l.428.439h-9.156a2.934 2.934 0 0 1 .272-.345c.428-.407.856-.825 1.305-1.211a1.274 1.274 0 0 0 .459-1.044V9.245c0-.46 0-.919.073-1.368v-.751h-.136c-.083.167-.188.323-.25.5L11.024 21.2c-.073.188-.167.365-.261.543h-.126L3.893 6.98h-.146v9.667a2.015 2.015 0 0 0 .449 1.315c.804 1.044 1.587 2.088 2.38 3.132.105.136.188.282.334.48H0c.104-.177.177-.302.261-.407.825-1.096 1.66-2.202 2.495-3.288a1.89 1.89 0 0 0 .418-1.222V6.217a1.576 1.576 0 0 0-.345-1.044C2.16 4.38 1.565 3.523.876 2.636c-.073-.104-.136-.219-.24-.375z"
/>
</svg>
</a>
</li>
</ul>
</aside>
</header>
<main class="main">
<div class="box text">
<h2>Intro</h2>
<p>Heisann, mitt navn er Hans Kristian. For noen år siden var jeg en ganske aktiv fjelløper og satset ganske hardt på fjelløping. I 2023 la jeg satsingen på hylla, men herjer fortsatt like mye i fjellet, bare litt mindre strukturert og ikke alltid med løpesko på beina.
Nå livnærer jeg meg på å hausse opp andres prestasjoner gjennom podcasten <a href="https://naerdetalvor.no/podcast/" target="_blank">Føkk Asfalt </a> (tidligere kjent som Nå Er Det Alvor). <br />
Denne siden ble opprettet i 2018 for å funke som en hub for satsingen min og for å tilfredsstille sponsorer. Nå består den nesten ukelukkende av ev en tabell med oversikt over løpene jeg skal og har gjort.
</p>
</div>
<figure class="box pic">
<img src="./media/pics/14.jpg" alt="Hans Kristian Smedsrød og Hallvard Schjølberg">
<figcaption>
Etter målgang VM Terrengultra 2019 med Hallvard Schjølberg
</figcaption>
</figure>
<div class="box text full" id="agenda">
<h2>Agenda 2024</h2>
<table id="agenda-table" data-fetch-success="false">
<thead>
<tr>
<th>Dato</th>
<th>Hva</th>
<th>Kategori</th>
</tr>
</thead>
<tbody id="agenda-table-body"></tbody>
</table>
</div>
<figure class="box full pic mobile-hidden">
<picture>
<source media="(min-width: 650px)" srcset="./media/pics/20.jpg">
<img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E" aria-hidden="true" />
</picture>
<figcaption>
Fra Nøsen Hundreds, 2021. Fotograf: Johannes Rummelhoff.
</figcaption>
</figure>
<div class="box text full" id="historikk">
<h2>Race- og prosjekt-historikk</h2>
<table id="history-table" data-fetch-success="false">
<thead>
<tr>
<th>Dato</th>
<th>Hva</th>
<th>Kategori</th>
</tr>
</thead>
<tbody id="history-table-body"></tbody>
</table>
</div>
<figure class="box pic mobile-hidden">
<picture>
<source media="(min-width: 650px)" srcset="./media/pics/01.JPG">
<img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E" aria-hidden="true" />
</picture>
<figcaption>
Fra toppen av Cerro Soray 5600moh, Peru, februar 2016. Foto: Edwin Espinoza Sotelo
</figcaption>
</figure>
<figure class="box pic mobile-hidden">
<picture>
<source media="(min-width: 650px)" srcset="./media/pics/16.jpg">
<img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E" aria-hidden="true" />
</picture>
<figcaption>
På vei ned La Jonction, Chamonix Mont-Blanc. Foto:
<a target="_blank" title="@johannesr på Instagram" href="https://www.instagram.com/johannesr">@johannesr</a>.
</figcaption>
</figure>
<!--<section id="medium-posts-container" data-fetch-success="false">
<h2 id="medium-posts-title">Henter Medium-data..</h2>
<ul id="medium-post-list-container"></ul>
</section>-->
<div class="box full text" id="alvor-podcast">
<h2>Podcasten "FØKK ASFALT"</h2>
<p>
Ifølge Runner's World er <em>FØKK ASFALT</em> den beste podcasten å ha på øret mens man løper. Med ultra-lange episoder passer den perfekt til å ha med seg på langtur.
Jeg gjør intervjuer med folk som har sære interresser eller som har gjort dypdykk i enkelttemaer. Det er som regel løperelatert, men ikke alltid.
</p>
<p><a href="https://itunes.apple.com/no/podcast/n%C3%A5-er-det-alvor/id1332829214?mt=2">Abonner på NÅ ER DET ALVOR i iTunes her.</a></p>
<p>Bruker du ikke iTunes? <a target="_blank" href="https://neda.buzzsprout.com/">Sjekk ut nettsiden til podcasten</a>, så finner du andre steder å lytte til den.</p>
</div>
<figure class="box pic mobile-hidden">
<picture>
<source media="(min-width: 650px)" srcset="./media/pics/09.jpg">
<img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E" aria-hidden="true" />
</picture>
<figcaption>
På en fjellrygg under Salomon Glen Coe Skyline 2017
</figcaption>
</figure>
<figure class="box pic mobile-hidden">
<picture>
<source media="(min-width: 650px)" srcset="./media/pics/17.jpg">
<img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E" aria-hidden="true" />
</picture>
<figcaption>
Chillern ved en isbre. Bilde: <a target="_blank" title="@johannesr på Instagram" href="https://www.instagram.com/johannesr">@johannesr</a>
</figcaption>
</figure>
</main>
<footer>
<p>Designet og progget av undertegnede |
<a href="mailto:[email protected]">[email protected]</a>|
<a href="tel:004792841558">+47 928 41 558</a>
</p>
</footer>
<script src="./scripts/moment.js" type="text/javascript"></script>
<script src="./scripts/main.js" type="text/javascript"></script>
</body>
</html>