forked from colin/resume
47 lines
2.7 KiB
HTML
47 lines
2.7 KiB
HTML
<div class="theme-switch">
|
|
<button
|
|
id="themeToggle"
|
|
aria-label="Theme mode: Auto"
|
|
role="switch"
|
|
aria-checked="false"
|
|
title="Toggle between light, dark, and auto theme modes"
|
|
tabindex="0"
|
|
>🌓</button>
|
|
</div>
|
|
|
|
<nav class="main-nav">
|
|
<ul>
|
|
<li><a href="/" id="nav-portfolio">Portfolio</a></li>
|
|
<li class="dropdown">
|
|
<a href="/stories/" id="nav-stories">Stories</a>
|
|
<div class="dropdown-content">
|
|
<a href="/stories/airport-dns.html" id="nav-airportdns">Airport Dns</a>
|
|
<a href="/stories/app-development.html" id="nav-appdevelopment">App Development</a>
|
|
<a href="/stories/athion-turnaround.html" id="nav-athionturnaround">Athion Turnaround</a>
|
|
<a href="/stories/fawe-plotsquared.html" id="nav-faweplotsquared">Fawe Plotsquared</a>
|
|
<a href="/stories/healthcare-platform.html" id="nav-healthcareplatform">Healthcare Platform</a>
|
|
<a href="/stories/home-infrastructure.html" id="nav-homeinfrastructure">Home Infrastructure</a>
|
|
<a href="/stories/motherboard-repair.html" id="nav-motherboardrepair">Motherboard Repair</a>
|
|
<a href="/stories/nitric-leadership.html" id="nav-nitricleadership">Nitric Leadership</a>
|
|
<a href="/stories/nuclear-dns.html" id="nav-nucleardns">Nuclear DNS</a>
|
|
<a href="/stories/open-source-success.html" id="nav-opensourcesuccess">Open Source Success</a>
|
|
<a href="/stories/showerloop.html" id="nav-showerloop">Showerloop</a>
|
|
<a href="/stories/viperwire.html" id="nav-viperwire">Viperwire</a>
|
|
<a href="/stories/web-design-java.html" id="nav-webdesignjava">Web Design Java</a>
|
|
<a href="/stories/wordpress-security.html" id="nav-wordpresssecurity">Wordpress Security</a>
|
|
<a href="/stories/youtube-game-dev.html" id="nav-youtubegamedev">Youtube Game Dev</a>
|
|
</div>
|
|
</li>
|
|
<li class="dropdown">
|
|
<a href="/one-pager-tools/csv-tool.html" id="nav-tools">Tools</a>
|
|
<div class="dropdown-content">
|
|
<a href="/one-pager-tools/csv-tool.html" id="nav-csv">CSV Tool</a>
|
|
<a href="https://md.colinknapp.com" id="nav-markdown" target="_blank" rel="noopener noreferrer">Markdown Tool</a>
|
|
<a href="https://qr.colinknapp.com" id="nav-qrcode" target="_blank" rel="noopener noreferrer">QR Code Tool</a>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<div class="container-fluid" role="main">
|