Add OGP #1

Merged
marvinelsen merged 2 commits from add_ogp into main 2024-09-11 16:08:30 +00:00
3 changed files with 87 additions and 87 deletions
Showing only changes of commit 43570108e1 - Show all commits

View File

@ -26,9 +26,9 @@
<meta name='theme-color' content='rgb(0, 130, 255)' media='(prefers-color-scheme: dark)'> <meta name='theme-color' content='rgb(0, 130, 255)' media='(prefers-color-scheme: dark)'>
<link href='/css/styles.css' rel='stylesheet'> <link href='/css/styles.css' rel='stylesheet'>
<link rel="icon" type="image/svg+xml" href="/favicon.svg"> <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='32x32' href='/favicon-32x32.png'>
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel='icon' type='image/png' sizes='16x16' href='/favicon-16x16.png'>
<title>Marvin Elsens Website</title> <title>Marvin Elsens Website</title>
</head> </head>
@ -75,11 +75,11 @@
<dl> <dl>
<dt>Email</dt> <dt>Email</dt>
<dd> <dd>
<a href="mailto:www@marvinelsen.com">www@marvinelsen.com</a> <a href='mailto:www@marvinelsen.com'>www@marvinelsen.com</a>
</dd> </dd>
<dt>LinkedIn</dt> <dt>LinkedIn</dt>
<dd> <dd>
<a href="https://www.linkedin.com/in/marvinelsen">marvinelsen</a> <a href='https://www.linkedin.com/in/marvinelsen'>marvinelsen</a>
</dd> </dd>
</dl> </dl>
</section> </section>
@ -93,62 +93,62 @@
<dt>Computer Languages</dt> <dt>Computer Languages</dt>
<dd> <dd>
<ul> <ul>
<li><a href="https://kotlinlang.org"><em>Kotlin</em></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.java.com/'>Java</a></li>
<li><a href="https://www.python.org">Python</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://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://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://www.w3.org/TR/CSS/'><abbr title='Cascading Style Sheets'>CSS</abbr></a></li>
</ul> </ul>
</dd> </dd>
<dt>Core Technologies</dt> <dt>Core Technologies</dt>
<dd> <dd>
<ul> <ul>
<li><a href="https://spring.io"><em>Spring</em></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://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://www.postgresql.org'>PostgreSQL</a></li>
<li><a href="https://kafka.apache.org">Apache Kafka</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://graphql.org'>GraphQL</a> (<a href='https://www.apollographql.com/docs/'>Apollo</a>)</li>
</ul> </ul>
</dd> </dd>
<dt>Tools</dt> <dt>Tools</dt>
<dd> <dd>
<ul> <ul>
<li><a href="https://www.jetbrains.com/idea/">IntelliJ IDEA</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://git-scm.com'>Git</a></li>
<li><a href="https://gradle.org">Gradle</a></li> <li><a href='https://gradle.org'>Gradle</a></li>
<li><a href="https://neovim.io">Neovim</a></li> <li><a href='https://neovim.io'>Neovim</a></li>
</ul> </ul>
</dd> </dd>
<dt>DevOps</dt> <dt>DevOps</dt>
<dd> <dd>
<ul> <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://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://kubernetes.io'>Kubernetes</a></li>
<li><a href="https://helm.sh">Helm</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.docker.com'>Docker</a></li>
<li><a href="https://www.terraform.io">Terraform</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://grafana.com'>Grafana</a></li>
<li><a href="https://prometheus.io">Prometheus</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.elastic.co/kibana'>Kibana</a></li>
<li><a href="https://www.jaegertracing.io">Jaeger</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://aws.amazon.com'><abbr title='Amazon Web Services'>AWS</abbr></a></li>
</ul> </ul>
</dd> </dd>
<dt>Operating Systems</dt> <dt>Operating Systems</dt>
<dd> <dd>
<ul> <ul>
<li><a href="https://archlinux.org">Arch Linux</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://nixos.org'>NixOS</a></li>
<li><a href="https://en.wikipedia.org/wiki/MacOS">macOS</a></li> <li><a href='https://en.wikipedia.org/wiki/MacOS'>macOS</a></li>
</ul> </ul>
</dd> </dd>
<dt>Natural Languages</dt> <dt>Natural Languages</dt>
<dd> <dd>
<ul> <ul>
<li><a href="https://en.wikipedia.org/wiki/German_language">German</a> (native)</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/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/Standard_Chinese'>Standard Chinese</a> (CEFR C1)</li>
</ul> </ul>
</dd> </dd>
</dl> </dl>

View File

@ -26,9 +26,9 @@
<meta name='theme-color' content='rgb(0, 130, 255)' media='(prefers-color-scheme: dark)'> <meta name='theme-color' content='rgb(0, 130, 255)' media='(prefers-color-scheme: dark)'>
<link href='/css/styles.css' rel='stylesheet'> <link href='/css/styles.css' rel='stylesheet'>
<link rel="icon" type="image/svg+xml" href="/favicon.svg"> <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='32x32' href='/favicon-32x32.png'>
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel='icon' type='image/png' sizes='16x16' href='/favicon-16x16.png'>
<title>Now | Marvin Elsen</title> <title>Now | Marvin Elsen</title>
</head> </head>
@ -58,14 +58,14 @@
<header> <header>
<h2>Now</h2> <h2>Now</h2>
</header> </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> <section>
<header> <header>
<h3>Location</h3> <h3>Location</h3>
</header> </header>
<p> <p>
I currently live in <a href="https://en.wikipedia.org/wiki/D%C3%BCsseldorf">Düsseldorf</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>. <a href='https://en.wikipedia.org/wiki/Germany'>Germany</a>.
</p> </p>
</section> </section>
<section> <section>
@ -83,8 +83,8 @@
</header> </header>
<p>I'm currently playing the following games:</p> <p>I'm currently playing the following games:</p>
<ul> <ul>
<li><a href="https://mariokart8.nintendo.com">Mario Kart 8 Deluxe</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> <li><a href='https://www.monsterhunter.com/rise/us/'>Monster Hunter Rise</a></li>
</ul> </ul>
</section> </section>
<section> <section>
@ -93,7 +93,7 @@
</header> </header>
<p>I'm currently watching the following movies/series:</p> <p>I'm currently watching the following movies/series:</p>
<ul> <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> </ul>
</section> </section>
<section> <section>
@ -113,7 +113,7 @@
</header> </header>
<p>I'm currently listening to the following music:</p> <p>I'm currently listening to the following music:</p>
<ul> <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> </ul>
</section> </section>
<section> <section>

View File

@ -26,9 +26,9 @@
<meta name='theme-color' content='rgb(0, 130, 255)' media='(prefers-color-scheme: dark)'> <meta name='theme-color' content='rgb(0, 130, 255)' media='(prefers-color-scheme: dark)'>
<link href='/css/styles.css' rel='stylesheet'> <link href='/css/styles.css' rel='stylesheet'>
<link rel="icon" type="image/svg+xml" href="/favicon.svg"> <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='32x32' href='/favicon-32x32.png'>
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel='icon' type='image/png' sizes='16x16' href='/favicon-16x16.png'>
<title>Uses | Marvin Elsen</title> <title>Uses | Marvin Elsen</title>
</head> </head>
@ -58,7 +58,7 @@
<header> <header>
<h2>Uses</h2> <h2>Uses</h2>
</header> </header>
<section id="introduction"> <section id='introduction'>
<header> <header>
<h3>Introduction</h3> <h3>Introduction</h3>
</header> </header>
@ -66,13 +66,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 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 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 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 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> 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 interfaces. A heads-up for those looking for Windows suggestions: my realm is exclusively Linux, so you might
find that area a tad sparse. find that area a tad sparse.
</p> </p>
</section> </section>
<section id="disclaimer"> <section id='disclaimer'>
<header> <header>
<h3>Disclaimer</h3> <h3>Disclaimer</h3>
</header> </header>
@ -84,7 +84,7 @@
purposes only and does not imply any association with the trademark holder of their product brand. purposes only and does not imply any association with the trademark holder of their product brand.
</p> </p>
</section> </section>
<section id="software"> <section id='software'>
<header> <header>
<h3>Software</h3> <h3>Software</h3>
</header> </header>
@ -94,45 +94,45 @@
</caption> </caption>
<thead> <thead>
<tr> <tr>
<th scope="col">Category</th> <th scope='col'>Category</th>
<th scope="col">Tool</th> <th scope='col'>Tool</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td>Web browser</td> <td>Web browser</td>
<td><a href="https://vivaldi.com">Vivaldi</a></td> <td><a href='https://vivaldi.com'>Vivaldi</a></td>
</tr> </tr>
<tr> <tr>
<td>Text editor</td> <td>Text editor</td>
<td><a href="https://neovim.io">Neovim</a></td> <td><a href='https://neovim.io'>Neovim</a></td>
</tr> </tr>
<tr> <tr>
<td>Terminal emulator</td> <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>
<tr> <tr>
<td>Shell</td> <td>Shell</td>
<td><a href="https://fishshell.com">fish</a></td> <td><a href='https://fishshell.com'>fish</a></td>
</tr> </tr>
<tr> <tr>
<td>Color scheme</td> <td>Color scheme</td>
<td><a href="https://catppuccin.com">Catppuccin</a></td> <td><a href='https://catppuccin.com'>Catppuccin</a></td>
</tr> </tr>
<tr> <tr>
<td>Programming font</td> <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>
<tr> <tr>
<td>Note-taking</td> <td>Note-taking</td>
<td><a href="https://logseq.com">Logseq</a></td> <td><a href='https://logseq.com'>Logseq</a></td>
</tr> </tr>
<tr> <tr>
<td>Flashcards</td> <td>Flashcards</td>
<td> <td>
<ul> <ul>
<li><a href="https://apps.ankiweb.net">Anki</a></li> <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://github.com/ankidroid/Anki-Android'>AnkiDroid</a></li>
</ul> </ul>
</td> </td>
</tr> </tr>
@ -140,15 +140,15 @@
<td>Password manager</td> <td>Password manager</td>
<td> <td>
<ul> <ul>
<li><a href="https://keepassxc.org">KeePassXC</a></li> <li><a href='https://keepassxc.org'>KeePassXC</a></li>
<li><a href="https://www.keepassdx.com">KeePassDX</a></li> <li><a href='https://www.keepassdx.com'>KeePassDX</a></li>
</ul> </ul>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</section> </section>
<section id="hardware"> <section id='hardware'>
<header> <header>
<h3>Hardware</h3> <h3>Hardware</h3>
</header> </header>
@ -158,8 +158,8 @@
</caption> </caption>
<thead> <thead>
<tr> <tr>
<th scope="col">Category</th> <th scope='col'>Category</th>
<th scope="col">Tool</th> <th scope='col'>Tool</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@ -168,16 +168,16 @@
<td> <td>
<ul> <ul>
<li> <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>
<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> </ul>
</td> </td>
</tr> </tr>
<tr> <tr>
<td>Keyboard</td> <td>Keyboard</td>
<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 >Logitech Ergo K860</a
> >
</td> </td>
@ -185,23 +185,23 @@
<tr> <tr>
<td>Mouse</td> <td>Mouse</td>
<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 >Logitech MX Vertical</a
> >
</td> </td>
</tr> </tr>
<tr> <tr>
<td>Monitor</td> <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>
<tr> <tr>
<td>Watch</td> <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>
<tr> <tr>
<td>Electric kettle</td> <td>Electric kettle</td>
<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 >Fellow Stagg EKG</a
> >
</td> </td>
@ -219,7 +219,7 @@
</tbody> </tbody>
</table> </table>
</section> </section>
<section id="darts"> <section id='darts'>
<header> <header>
<h3>Darts</h3> <h3>Darts</h3>
</header> </header>
@ -229,43 +229,43 @@
</caption> </caption>
<thead> <thead>
<tr> <tr>
<th scope="col">Category</th> <th scope='col'>Category</th>
<th scope="col">Tool</th> <th scope='col'>Tool</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td>Board</td> <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>
<tr> <tr>
<td>Barrel</td> <td>Barrel</td>
<td> <td>
<a <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 >One80 Chameleon Lapis Lazuli</a
> >
</td> </td>
</tr> </tr>
<tr> <tr>
<td>Soft tips</td> <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>
<tr> <tr>
<td>Steel tips</td> <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>
<tr> <tr>
<td>Shaft</td> <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>
<tr> <tr>
<td>Flight</td> <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>
<tr> <tr>
<td>Wallet</td> <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> </tr>
</tbody> </tbody>
</table> </table>