adding some navigation to the website

This commit is contained in:
cowmonk 2025-06-11 19:16:27 -07:00
parent 90c20ebc65
commit eadf032cdf
5 changed files with 244 additions and 43 deletions

72
interests.html Normal file
View file

@ -0,0 +1,72 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta charset="utf-8" />
<title>cowmonk's Place</title>
<link rel="stylesheet" href="main.css" />
<link rel="apple-touch-icon" sizes="180x180" href="assets/images/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicon-16x16.png" />
<link rel="manifest" href="assets/images/site.webmanifest" />
</head>
<body>
<header>
<h1>cowmonk's Digital Lair ~]#</h1>
<p>Welcome to my corner of the web. Explore my thoughts, projects, and other random bits.</p>
<nav id="main-nav">
<a href="index.html">About</a>
<a href="projects.html">Projects</a>
<a href="blog/index.html">Blog</a>
<a href="#other-things" class="active-nav-item">Interests</a>
<a href="credits.html">Credits</a>
</nav>
</header>
<div class="content-wrapper">
<aside class="profile-info">
<img src="assets/images/pfp.png" alt="cowmonk pfp" id="profile-pic">
<h3>cowmonk</h3>
<p><em>Linux enthusiast, C enjoyer, and lifelong suckless shill.</em></p>
<h4>Contact & Links:</h4>
<dl class="contact-details">
<dt>Discord</dt>
<dd>@cowmonk</dd>
<dt>XMPP</dt>
<dd>cowmonk@based.pt</dd>
<dt>GitHub</dt>
<dd><a href="https://github.com/cowmonk" target="_blank" rel="noopener noreferrer">github.com/cowmonk</a></dd>
</dl>
</aside>
<main class="main-content">
<section id="other-things">
<h2><span class="prompt">$</span> Other Things I Find Interesting</h2>
<ul>
<li><strong>Linux From Scratch:</strong> The masochist's dream OS.</li>
<li><strong>Suckless Software:</strong> Exploring tools that aren't bloat.</li>
<li><strong>Vim:</strong> More than just an editor, it's a way of life.</li>
<li><strong>Torrenting:</strong> Does anyone actually pay for anything they don't own?</li>
<li><strong>C:</strong> Yes I don't like garbage collectors, how can you tell?</li>
<li><strong>Audio Gear:</strong> Not a music producer, I just like listening to high quality audio.</li>
<li><strong>Gym:</strong> If you can't go into a pool and instantly sink, then you haven't made it in life yet.</li>
</ul>
<p>Feel free to check out my <a href="blog/index.html">blog</a> for more detailed write-ups on some of these topics.</p>
</section>
</main>
</div>
<footer>
<a href="https://www.vim.org/" target="_blank" rel="noopener noreferrer"><img src="https://cyber.dabamos.de/88x31/vim.vialle.love.anim.gif" alt="Vim" height="31" /></a>
<img src="https://88x31.kate.pet/madeon_linux.gif" alt="Made on Linux" height="31" />
<img src="https://cyber.dabamos.de/88x31/javascript-zero.gif" alt="JavaScript Zero" height="31" />
<p>© <script>document.write(new Date().getFullYear())</script> cowmonk.</p>
</footer>
</body>
</html>