143 lines
6.2 KiB
HTML
143 lines
6.2 KiB
HTML
|
<!doctype html>
|
|||
|
|
<!-- https://html.spec.whatwg.org/multipage/syntax.html#the-doctype -->
|
|||
|
|
<!-- https://html.spec.whatwg.org/multipage/dom.html#attr-lang -->
|
|||
|
|
<!-- https://www.rfc-editor.org/info/bcp47 -->
|
|||
|
|
<html lang='en-US'>
|
|||
|
|
<header>
|
|||
|
|
<!-- Metadata
|
|||
|
|
|
|||
|
|
<meta> is a void element and its starting tag should not end with a /-character
|
|||
|
|
Correct: <meta charset='utf-8'>
|
|||
|
|
Wrong: <meta charset='utf-8'/>
|
|||
|
|
|
|||
|
|
See: https://html.spec.whatwg.org/multipage/semantics.html#the-meta-element
|
|||
|
|
See: https://html.spec.whatwg.org/multipage/syntax.html#syntax-start-tag
|
|||
|
|
See: https://html.spec.whatwg.org/multipage/syntax.html#void-elements
|
|||
|
|
-->
|
|||
|
|
<meta charset='utf-8'>
|
|||
|
|
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
|
|||
|
|
<meta name='author' content='Marvin Elsen'>
|
|||
|
|
<meta name='description' content='Marvin Elsen’s virtual space on the world wide web.'>
|
|||
|
|
<meta name='keywords' content='marvin elsen,marvin,elsen'>
|
|||
|
|
<meta name='referrer' content='no-referrer'>
|
|||
|
|
<meta name='robots' content='index,follow'>
|
|||
|
|
<meta name='color-scheme' content='light dark'>
|
|||
|
|
<meta name='theme-color' content='rgb(0, 130, 255)' media='(prefers-color-scheme: light)'>
|
|||
|
|
<meta name='theme-color' content='rgb(0, 130, 255)' media='(prefers-color-scheme: dark)'>
|
|||
|
|
|
|||
|
|
<link href='/css/styles.css' rel='stylesheet'>
|
|||
|
|
|
|||
|
|
<title>Now | Marvin Elsen</title>
|
|||
|
|
</header>
|
|||
|
|
|
|||
|
|
<body>
|
|||
|
|
<div id='wrapper'>
|
|||
|
|
<header id='banner'>
|
|||
|
|
<h1>Marvin Elsen’s Web Space</h1>
|
|||
|
|
</header>
|
|||
|
|
|
|||
|
|
<nav>
|
|||
|
|
<header>
|
|||
|
|
<h2>Navigation<span class='vr'></span><span class='chinese' lang='zh-TW'>目錄</span><h2>
|
|||
|
|
</header>
|
|||
|
|
<ul>
|
|||
|
|
<li><a href='/#about'>About</a></li>
|
|||
|
|
<li><a href='/#contact'>Contact</a></li>
|
|||
|
|
<li><a href='/#skills'>Skills</a></li>
|
|||
|
|
<li><a href='https://gitea.marvinelsen.com/marvinelsen/'>Projects</a></li>
|
|||
|
|
<li><a href='/now'>Now</a></li>
|
|||
|
|
<li><a href='/uses'>Uses</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</nav>
|
|||
|
|
|
|||
|
|
<main>
|
|||
|
|
<article>
|
|||
|
|
<header>
|
|||
|
|
<h2>Now</h2>
|
|||
|
|
</header>
|
|||
|
|
<p>This is my <a href="https://nownownow.com">now</a> page, giving an overview of the things I am currently doing.</p>
|
|||
|
|
<section>
|
|||
|
|
<header>
|
|||
|
|
<h3>Location</h3>
|
|||
|
|
</header>
|
|||
|
|
<p>
|
|||
|
|
I currently live in <a href="https://en.wikipedia.org/wiki/D%C3%BCsseldorf">Düsseldorf</a>,
|
|||
|
|
<a href="https://en.wikipedia.org/wiki/Germany">Germany</a>.
|
|||
|
|
</p>
|
|||
|
|
</section>
|
|||
|
|
<section>
|
|||
|
|
<header>
|
|||
|
|
<h3>Projects</h3>
|
|||
|
|
</header>
|
|||
|
|
<p>I'm currently working on the following personal projects:</p>
|
|||
|
|
<ul>
|
|||
|
|
<li>This website</li>
|
|||
|
|
</ul>
|
|||
|
|
</section>
|
|||
|
|
<section>
|
|||
|
|
<header>
|
|||
|
|
<h3>Gaming</h3>
|
|||
|
|
</header>
|
|||
|
|
<p>I'm currently playing the following games:</p>
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="https://mariokart8.nintendo.com">Mario Kart 8 Deluxe</a></li>
|
|||
|
|
<li><a href="https://www.monsterhunter.com/rise/us/">Monster Hunter Rise</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</section>
|
|||
|
|
<section>
|
|||
|
|
<header>
|
|||
|
|
<h3>Movies and Series</h3>
|
|||
|
|
</header>
|
|||
|
|
<p>I'm currently watching the following movies/series:</p>
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="https://en.wikipedia.org/wiki/The_Office_(American_TV_series)">The Office</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</section>
|
|||
|
|
<section>
|
|||
|
|
<header>
|
|||
|
|
<h3>Books</h3>
|
|||
|
|
</header>
|
|||
|
|
<p>I'm currently reading the following books:</p>
|
|||
|
|
<ul>
|
|||
|
|
<li>Effective Kotlin by Marcin Moskala</li>
|
|||
|
|
<li>A Philosophy of Software Design by John Ousterhout</li>
|
|||
|
|
<li>聊齋誌異 by 蒲松齡</li>
|
|||
|
|
</ul>
|
|||
|
|
</section>
|
|||
|
|
<section>
|
|||
|
|
<header>
|
|||
|
|
<h3>Music</h3>
|
|||
|
|
</header>
|
|||
|
|
<p>I'm currently listening to the following music:</p>
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="https://open.spotify.com/playlist/2JandDjesk7HneyhEwHQLB?si=5da670aff8ed4168" >My curated <abbr title="Korean popular music">K-pop</abbr> playlist on Spotify</a ></li>
|
|||
|
|
</ul>
|
|||
|
|
</section>
|
|||
|
|
<section>
|
|||
|
|
<header>
|
|||
|
|
<h3>Other Interests and Hobbies</h3>
|
|||
|
|
</header>
|
|||
|
|
<p>Apart from the above, these are other interests and hobbies I currently pursue:</p>
|
|||
|
|
<ul>
|
|||
|
|
<li>Playing darts</li>
|
|||
|
|
<li>Studying Chinese</li>
|
|||
|
|
<li>Exercising</li>
|
|||
|
|
<li>Everything related to tea</li>
|
|||
|
|
</ul>
|
|||
|
|
</section>
|
|||
|
|
</article>
|
|||
|
|
</main>
|
|||
|
|
|
|||
|
|
<footer>
|
|||
|
|
Created and maintained by
|
|||
|
|
<address>
|
|||
|
|
<a href='mailto:www@marvinelsen.com'>Marvin Elsen</a>
|
|||
|
|
</address>
|
|||
|
|
<br>
|
|||
|
|
Last updated:
|
|||
|
|
<time datetime='2024-08-31'>2024-08-31</time>
|
|||
|
|
</footer>
|
|||
|
|
</div>
|
|||
|
|
</body>
|
|||
|
|
</html>
|