marvinelsen/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add OGP #1

Merged
marvinelsen merged 2 commits from add_ogp into main 2024-09-11 16:08:30 +00:00
Conversation 0 Commits 2 Files Changed 4 +110 -89
4 changed files with 110 additions and 89 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
images/opg.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 809 KiB

79
index.html
View File

@ -24,11 +24,18 @@
<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)'>
<meta property='og:title' content='Marvin Elsen’s Website'>
<meta property='og:type' content='website'>
<meta property='og:url' content='https://marvinelsen.com/'>
<meta property='og:image' content='https://marvinelsen.com/images/opg.jpg'>
<meta property='og:site_name' content='Marvin Elsen’s Website'>
<meta property='og:description' content='Marvin Elsen’s virtual space on the world wide web.'>
<meta property='og:locale' content='en_US'>
<link href='/css/styles.css' rel='stylesheet'>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel='icon' type='image/svg+xml' href='/favicon.svg'>
<link rel='icon' type='image/png' sizes='32x32' href='/favicon-32x32.png'>
<link rel='icon' type='image/png' sizes='16x16' href='/favicon-16x16.png'>
<title>Marvin Elsen’s Website</title>
</head>
@ -75,11 +82,11 @@
<dl>
<dt>Email</dt>
<dd>
<a href="mailto:www@marvinelsen.com">www@marvinelsen.com</a>
<a href='mailto:www@marvinelsen.com'>www@marvinelsen.com</a>
</dd>
<dt>LinkedIn</dt>
<dd>
<a href="https://www.linkedin.com/in/marvinelsen">marvinelsen</a>
<a href='https://www.linkedin.com/in/marvinelsen'>marvinelsen</a>
</dd>
</dl>
</section>
@ -93,62 +100,62 @@
<dt>Computer Languages</dt>
<dd>
<ul>
<li><a href="https://kotlinlang.org"><em>Kotlin</em></a></li>
<li><a href="https://www.java.com/">Java</a></li>
<li><a href="https://www.python.org">Python</a></li>
<li><a href="https://en.wikipedia.org/wiki/SQL"><abbr title="Structured Query Language">SQL</abbr></a></li>
<li><a href="https://html.spec.whatwg.org"><abbr title="Hypertext Markup Language">HTML</abbr></a></li>
<li><a href="https://www.w3.org/TR/CSS/"><abbr title="Cascading Style Sheets">CSS</abbr></a></li>
<li><a href='https://kotlinlang.org'><em>Kotlin</em></a></li>
<li><a href='https://www.java.com/'>Java</a></li>
<li><a href='https://www.python.org'>Python</a></li>
<li><a href='https://en.wikipedia.org/wiki/SQL'><abbr title='Structured Query Language'>SQL</abbr></a></li>
<li><a href='https://html.spec.whatwg.org'><abbr title='Hypertext Markup Language'>HTML</abbr></a></li>
<li><a href='https://www.w3.org/TR/CSS/'><abbr title='Cascading Style Sheets'>CSS</abbr></a></li>
</ul>
</dd>
<dt>Core Technologies</dt>
<dd>
<ul>
<li><a href="https://spring.io"><em>Spring</em></a></li>
<li><a href="https://en.wikipedia.org/wiki/Java_virtual_machine" ><abbr title="Java Virtual Machine">JVM</abbr></a></li>
<li><a href="https://www.postgresql.org">PostgreSQL</a></li>
<li><a href="https://kafka.apache.org">Apache Kafka</a></li>
<li><a href="https://graphql.org">GraphQL</a> (<a href="https://www.apollographql.com/docs/">Apollo</a>)</li>
<li><a href='https://spring.io'><em>Spring</em></a></li>
<li><a href='https://en.wikipedia.org/wiki/Java_virtual_machine' ><abbr title='Java Virtual Machine'>JVM</abbr></a></li>
<li><a href='https://www.postgresql.org'>PostgreSQL</a></li>
<li><a href='https://kafka.apache.org'>Apache Kafka</a></li>
<li><a href='https://graphql.org'>GraphQL</a> (<a href='https://www.apollographql.com/docs/'>Apollo</a>)</li>
</ul>
</dd>
<dt>Tools</dt>
<dd>
<ul>
<li><a href="https://www.jetbrains.com/idea/">IntelliJ IDEA</a></li>
<li><a href="https://git-scm.com">Git</a></li>
<li><a href="https://gradle.org">Gradle</a></li>
<li><a href="https://neovim.io">Neovim</a></li>
<li><a href='https://www.jetbrains.com/idea/'>IntelliJ IDEA</a></li>
<li><a href='https://git-scm.com'>Git</a></li>
<li><a href='https://gradle.org'>Gradle</a></li>
<li><a href='https://neovim.io'>Neovim</a></li>
</ul>
</dd>
<dt>DevOps</dt>
<dd>
<ul>
<li><a href="https://about.gitlab.com/solutions/continuous-integration/">GitLab <abbr title="Continuous Integration / Continuous Delivery">CI/CD</abbr></a></li>
<li><a href="https://kubernetes.io">Kubernetes</a></li>
<li><a href="https://helm.sh">Helm</a></li>
<li><a href="https://www.docker.com">Docker</a></li>
<li><a href="https://www.terraform.io">Terraform</a></li>
<li><a href="https://grafana.com">Grafana</a></li>
<li><a href="https://prometheus.io">Prometheus</a></li>
<li><a href="https://www.elastic.co/kibana">Kibana</a></li>
<li><a href="https://www.jaegertracing.io">Jaeger</a></li>
<li><a href="https://aws.amazon.com"><abbr title="Amazon Web Services">AWS</abbr></a></li>
<li><a href='https://about.gitlab.com/solutions/continuous-integration/'>GitLab <abbr title='Continuous Integration / Continuous Delivery'>CI/CD</abbr></a></li>
<li><a href='https://kubernetes.io'>Kubernetes</a></li>
<li><a href='https://helm.sh'>Helm</a></li>
<li><a href='https://www.docker.com'>Docker</a></li>
<li><a href='https://www.terraform.io'>Terraform</a></li>
<li><a href='https://grafana.com'>Grafana</a></li>
<li><a href='https://prometheus.io'>Prometheus</a></li>
<li><a href='https://www.elastic.co/kibana'>Kibana</a></li>
<li><a href='https://www.jaegertracing.io'>Jaeger</a></li>
<li><a href='https://aws.amazon.com'><abbr title='Amazon Web Services'>AWS</abbr></a></li>
</ul>
</dd>
<dt>Operating Systems</dt>
<dd>
<ul>
<li><a href="https://archlinux.org">Arch Linux</a></li>
<li><a href="https://nixos.org">NixOS</a></li>
<li><a href="https://en.wikipedia.org/wiki/MacOS">macOS</a></li>
<li><a href='https://archlinux.org'>Arch Linux</a></li>
<li><a href='https://nixos.org'>NixOS</a></li>
<li><a href='https://en.wikipedia.org/wiki/MacOS'>macOS</a></li>
</ul>
</dd>
<dt>Natural Languages</dt>
<dd>
<ul>
<li><a href="https://en.wikipedia.org/wiki/German_language">German</a> (native)</li>
<li><a href="https://en.wikipedia.org/wiki/English_language">English</a> (fluent)</li>
<li><a href="https://en.wikipedia.org/wiki/Standard_Chinese">Standard Chinese</a> (CEFR C1)</li>
<li><a href='https://en.wikipedia.org/wiki/German_language'>German</a> (native)</li>
<li><a href='https://en.wikipedia.org/wiki/English_language'>English</a> (fluent)</li>
<li><a href='https://en.wikipedia.org/wiki/Standard_Chinese'>Standard Chinese</a> (CEFR C1)</li>
</ul>
</dd>
</dl>

29
now/index.html
View File

@ -17,18 +17,25 @@
<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='description' content='What Marvin Elsen is up to right now.'>
<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)'>
<meta property='og:title' content='Right now'>
<meta property='og:type' content='website'>
<meta property='og:url' content='https://marvinelsen.com/now/'>
<meta property='og:image' content='https://marvinelsen.com/images/opg.jpg'>
<meta property='og:site_name' content='Marvin Elsen’s Website'>
<meta property='og:description' content='What Marvin Elsen is up to right now.'>
<meta property='og:locale' content='en_US'>
<link href='/css/styles.css' rel='stylesheet'>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel='icon' type='image/svg+xml' href='/favicon.svg'>
<link rel='icon' type='image/png' sizes='32x32' href='/favicon-32x32.png'>
<link rel='icon' type='image/png' sizes='16x16' href='/favicon-16x16.png'>
<title>Now | Marvin Elsen</title>
</head>
@ -58,14 +65,14 @@
<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>
<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>.
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>
@ -83,8 +90,8 @@
</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>
<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>
@ -93,7 +100,7 @@
</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>
<li><a href='https://en.wikipedia.org/wiki/The_Office_(American_TV_series)'>The Office</a></li>
</ul>
</section>
<section>
@ -113,7 +120,7 @@
</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>
<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>

91
uses/index.html
View File

@ -17,18 +17,25 @@
<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='description' content='The software and hardware Marvin Elsen uses.'>
<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)'>
<meta property='og:title' content='The tools I use'>
<meta property='og:type' content='website'>
<meta property='og:url' content='https://marvinelsen.com/uses/'>
<meta property='og:image' content='https://marvinelsen.com/images/opg.jpg'>
<meta property='og:site_name' content='Marvin Elsen’s Website'>
<meta property='og:description' content='The software and hardware Marvin Elsen uses.'>
<meta property='og:locale' content='en_US'>
<link href='/css/styles.css' rel='stylesheet'>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel='icon' type='image/svg+xml' href='/favicon.svg'>
<link rel='icon' type='image/png' sizes='32x32' href='/favicon-32x32.png'>
<link rel='icon' type='image/png' sizes='16x16' href='/favicon-16x16.png'>
<title>Uses | Marvin Elsen</title>
</head>
@ -58,7 +65,7 @@
<header>
<h2>Uses</h2>
</header>
<section id="introduction">
<section id='introduction'>
<header>
<h3>Introduction</h3>
</header>
@ -66,13 +73,13 @@
Curious about the digital tools in my arsenal? You're in the right spot: this is my <a href='https://uses.tech'>uses</a> page. My software choices
reflect a meticulous selection process. I'm not one to simply go with the flow; instead, I rigorously research
and trial every tool before it earns a spot in my workflow. My preference leans towards flexible, tailorable,
and keyboard-centric <abbr title="Free, Libre, and Open-Source Software">FLOSS</abbr>, with a pronounced
inclination for text/<abbr title="Command-Line Interface">CLI</abbr>
and keyboard-centric <abbr title='Free, Libre, and Open-Source Software'>FLOSS</abbr>, with a pronounced
inclination for text/<abbr title='Command-Line Interface'>CLI</abbr>
interfaces. A heads-up for those looking for Windows suggestions: my realm is exclusively Linux, so you might
find that area a tad sparse.
</p>
</section>
<section id="disclaimer">
<section id='disclaimer'>
<header>
<h3>Disclaimer</h3>
</header>
@ -84,7 +91,7 @@
purposes only and does not imply any association with the trademark holder of their product brand.
</p>
</section>
<section id="software">
<section id='software'>
<header>
<h3>Software</h3>
</header>
@ -94,45 +101,45 @@
</caption>
<thead>
<tr>
<th scope="col">Category</th>
<th scope="col">Tool</th>
<th scope='col'>Category</th>
<th scope='col'>Tool</th>
</tr>
</thead>
<tbody>
<tr>
<td>Web browser</td>
<td><a href="https://vivaldi.com">Vivaldi</a></td>
<td><a href='https://vivaldi.com'>Vivaldi</a></td>
</tr>
<tr>
<td>Text editor</td>
<td><a href="https://neovim.io">Neovim</a></td>
<td><a href='https://neovim.io'>Neovim</a></td>
</tr>
<tr>
<td>Terminal emulator</td>
<td><a href="https://wezfurlong.org/wezterm/">WezTerm</a></td>
<td><a href='https://wezfurlong.org/wezterm/'>WezTerm</a></td>
</tr>
<tr>
<td>Shell</td>
<td><a href="https://fishshell.com">fish</a></td>
<td><a href='https://fishshell.com'>fish</a></td>
</tr>
<tr>
<td>Color scheme</td>
<td><a href="https://catppuccin.com">Catppuccin</a></td>
<td><a href='https://catppuccin.com'>Catppuccin</a></td>
</tr>
<tr>
<td>Programming font</td>
<td><a href="https://typeof.net/Iosevka/">Iosevka</a></td>
<td><a href='https://typeof.net/Iosevka/'>Iosevka</a></td>
</tr>
<tr>
<td>Note-taking</td>
<td><a href="https://logseq.com">Logseq</a></td>
<td><a href='https://logseq.com'>Logseq</a></td>
</tr>
<tr>
<td>Flashcards</td>
<td>
<ul>
<li><a href="https://apps.ankiweb.net">Anki</a></li>
<li><a href="https://github.com/ankidroid/Anki-Android">AnkiDroid</a></li>
<li><a href='https://apps.ankiweb.net'>Anki</a></li>
<li><a href='https://github.com/ankidroid/Anki-Android'>AnkiDroid</a></li>
</ul>
</td>
</tr>
@ -140,15 +147,15 @@
<td>Password manager</td>
<td>
<ul>
<li><a href="https://keepassxc.org">KeePassXC</a></li>
<li><a href="https://www.keepassdx.com">KeePassDX</a></li>
<li><a href='https://keepassxc.org'>KeePassXC</a></li>
<li><a href='https://www.keepassdx.com'>KeePassDX</a></li>
</ul>
</td>
</tr>
</tbody>
</table>
</section>
<section id="hardware">
<section id='hardware'>
<header>
<h3>Hardware</h3>
</header>
@ -158,8 +165,8 @@
</caption>
<thead>
<tr>
<th scope="col">Category</th>
<th scope="col">Tool</th>
<th scope='col'>Category</th>
<th scope='col'>Tool</th>
</tr>
</thead>
<tbody>
@ -168,16 +175,16 @@
<td>
<ul>
<li>
<a href="https://www.samsung.com/us/smartphones/galaxy-a32-5g/">Samsung Galaxy A32 5G</a>
<a href='https://www.samsung.com/us/smartphones/galaxy-a32-5g/'>Samsung Galaxy A32 5G</a>
</li>
<li><a href="https://www.apple.com/shop/buy-iphone/iphone-14">iPhone 14</a></li>
<li><a href='https://www.apple.com/shop/buy-iphone/iphone-14'>iPhone 14</a></li>
</ul>
</td>
</tr>
<tr>
<td>Keyboard</td>
<td>
<a href="https://www.logitech.com/en-us/products/keyboards/k860-split-ergonomic.920-009166.html"
<a href='https://www.logitech.com/en-us/products/keyboards/k860-split-ergonomic.920-009166.html'
>Logitech Ergo K860</a
>
</td>
@ -185,23 +192,23 @@
<tr>
<td>Mouse</td>
<td>
<a href="https://www.logitech.com/en-us/products/mice/mx-vertical-ergonomic-mouse.910-005447.html"
<a href='https://www.logitech.com/en-us/products/mice/mx-vertical-ergonomic-mouse.910-005447.html'
>Logitech MX Vertical</a
>
</td>
</tr>
<tr>
<td>Monitor</td>
<td><a href="https://pcmonitors.info/reviews/philips-328e1ca/">Philips 328E1CA</a></td>
<td><a href='https://pcmonitors.info/reviews/philips-328e1ca/'>Philips 328E1CA</a></td>
</tr>
<tr>
<td>Watch</td>
<td><a href="https://www.casio.com/us/watches/casio/product.F-91W-1/">Casio F-91W</a></td>
<td><a href='https://www.casio.com/us/watches/casio/product.F-91W-1/'>Casio F-91W</a></td>
</tr>
<tr>
<td>Electric kettle</td>
<td>
<a href="https://fellowproducts.com/products/stagg-ekg-electric-pour-over-kettle"
<a href='https://fellowproducts.com/products/stagg-ekg-electric-pour-over-kettle'
>Fellow Stagg EKG</a
>
</td>
@ -219,7 +226,7 @@
</tbody>
</table>
</section>
<section id="darts">
<section id='darts'>
<header>
<h3>Darts</h3>
</header>
@ -229,43 +236,43 @@
</caption>
<thead>
<tr>
<th scope="col">Category</th>
<th scope="col">Tool</th>
<th scope='col'>Category</th>
<th scope='col'>Tool</th>
</tr>
</thead>
<tbody>
<tr>
<td>Board</td>
<td><a href="https://granboards.com/product/gran-board-3s-green/">Granboard 3s Green</a></td>
<td><a href='https://granboards.com/product/gran-board-3s-green/'>Granboard 3s Green</a></td>
</tr>
<tr>
<td>Barrel</td>
<td>
<a
href="https://www.one80dart.com/index.php?option=com_virtuemart&view=productdetails&virtuemart_product_id=1086&virtuemart_category_id=26&Itemid=125&lang=en"
href='https://www.one80dart.com/index.php?option=com_virtuemart&view=productdetails&virtuemart_product_id=1086&virtuemart_category_id=26&Itemid=125&lang=en'
>One80 Chameleon Lapis Lazuli</a
>
</td>
</tr>
<tr>
<td>Soft tips</td>
<td><a href="https://l-style.info/product/tip/p-lip">L-style Premium Lippoint</a></td>
<td><a href='https://l-style.info/product/tip/p-lip'>L-style Premium Lippoint</a></td>
</tr>
<tr>
<td>Steel tips</td>
<td><a href="https://l-style.info/product/tip/hardlip">L-style Hard Lip</a></td>
<td><a href='https://l-style.info/product/tip/hardlip'>L-style Hard Lip</a></td>
</tr>
<tr>
<td>Shaft</td>
<td><a href="https://l-style.info/product/shaft/lshaft">L-style L-Shaft Lock Straight 260</a></td>
<td><a href='https://l-style.info/product/shaft/lshaft'>L-style L-Shaft Lock Straight 260</a></td>
</tr>
<tr>
<td>Flight</td>
<td><a href="https://l-style.info/product/flight/pro/l1">L-style L-Flight PRO L1 [Standard]</a></td>
<td><a href='https://l-style.info/product/flight/pro/l1'>L-style L-Flight PRO L1 [Standard]</a></td>
</tr>
<tr>
<td>Wallet</td>
<td><a href="https://www.target-darts.co.uk/takoma-knox-grey-darts-wallet">Takoma Knox Grey</a></td>
<td><a href='https://www.target-darts.co.uk/takoma-knox-grey-darts-wallet'>Takoma Knox Grey</a></td>
</tr>
</tbody>
</table>