mirror of
https://github.com/cowmonk/cowmonk.github.io.git
synced 2025-10-27 14:43:26 +00:00
adding some navigation to the website
This commit is contained in:
cowmonk
parent
90c20ebc65
commit
eadf032cdf
5 changed files with 244 additions and 43 deletions
60
credits.html
Normal file
60
credits.html
Normal file
|
|
@ -0,0 +1,60 @@
|
||||||
|
<!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="interests.html">Interests</a>
|
||||||
|
<a href="#credits" class="active-nav-item">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="credits">
|
||||||
|
<h2><span class="prompt">$</span> Credits</h2>
|
||||||
|
<p>Thank you to bacalhau for providing the server + subdomain for this website! For anyone that sees this website, please head over to <a href="https://based.pt">his website</a>. And if you have any spare change, I would encourage you to donate since all his services that he provides are 100% free, and (allegedly) safe.</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>
|
||||||
45
index.html
45
index.html
|
|
@ -1,5 +1,4 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
|
|
@ -16,7 +15,11 @@
|
||||||
<h1>cowmonk's Digital Lair ~]#</h1>
|
<h1>cowmonk's Digital Lair ~]#</h1>
|
||||||
<p>Welcome to my corner of the web. Explore my thoughts, projects, and other random bits.</p>
|
<p>Welcome to my corner of the web. Explore my thoughts, projects, and other random bits.</p>
|
||||||
<nav id="main-nav">
|
<nav id="main-nav">
|
||||||
|
<a href="#about" class="active-nav-item">About</a>
|
||||||
|
<a href="projects.html">Projects</a>
|
||||||
<a href="blog/index.html">Blog</a>
|
<a href="blog/index.html">Blog</a>
|
||||||
|
<a href="interests.html">Interests</a>
|
||||||
|
<a href="credits.html">Credits</a>
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
|
|
@ -46,44 +49,6 @@
|
||||||
<p>My philosophy is rooted in the KISS (Keep It Simple, Stupid) principle, much like the tools I admire (DWM, suckless utilities, etc.). I believe in understanding the core of how things work, hence my adventures with Linux From Scratch.</p>
|
<p>My philosophy is rooted in the KISS (Keep It Simple, Stupid) principle, much like the tools I admire (DWM, suckless utilities, etc.). I believe in understanding the core of how things work, hence my adventures with Linux From Scratch.</p>
|
||||||
<p>When I'm not staring at a terminal, you might find me online or doing some other hobbist nerdy things such as getting into the nitty gritty of audiophile things.</p>
|
<p>When I'm not staring at a terminal, you might find me online or doing some other hobbist nerdy things such as getting into the nitty gritty of audiophile things.</p>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section id="projects">
|
|
||||||
<h2><span class="prompt">$</span> My Projects</h2>
|
|
||||||
<article class="project-item">
|
|
||||||
<h3>[ LearnixOS ]</h3>
|
|
||||||
<p>I was the founder of the github and project, most of the projects are under my old github profile. It's a Linux-based operating system designed for both beginners exploring Linux for the first time and advanced users seeking a lightweight yet powerful OS for daily use.</p>
|
|
||||||
<p><a href="https://learnixos.github.io">Learn More -></a></p>
|
|
||||||
</article>
|
|
||||||
<!-- <article class="project-item">
|
|
||||||
<h3>[Project 2: Dotfiles Configuration]</h3>
|
|
||||||
<p>My personal collection of configuration files for various tools (vim, st, DWM, etc.), optimized for productivity and a minimalist aesthetic.</p>
|
|
||||||
<p><a href="[link-to-dotfiles-repo]">View Dotfiles ->></a></p>
|
|
||||||
</article>
|
|
||||||
-->
|
|
||||||
<article class="project-item">
|
|
||||||
<h3>[ CowOS ]</h3>
|
|
||||||
<p>Unlike LearnixOS this is NOT Linux-based. This is a Unix-like Operating System that's programmed from scratch in C.</p>
|
|
||||||
<p><a href="https://github.com/cowmonk/cowos">View Github -></a></p>
|
|
||||||
</article>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<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>
|
|
||||||
<section id="other-things">
|
|
||||||
<h2><span class="prompt">$</span> Credits</h2>
|
|
||||||
<p>Thank you to bacalhau for providing the server + subdomain for this website! For anyone that sees this website, please head over to <a href="https://based.pt">his website</a>. And if you have any spare change, I would encourage you to donate since all his services that he provides are 100% free, and (allegedly) safe.</p>
|
|
||||||
</section>
|
|
||||||
</main>
|
</main>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
72
interests.html
Normal file
72
interests.html
Normal 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>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
35
main.css
35
main.css
|
|
@ -28,9 +28,37 @@ body > header p { opacity: 0.8;
|
||||||
color: #ccc;
|
color: #ccc;
|
||||||
margin: 0 0 1rem 0; }
|
margin: 0 0 1rem 0; }
|
||||||
|
|
||||||
#main-nav a { color: yellow;
|
#main-nav { display: flex;
|
||||||
margin-right: 1.5rem;
|
justify-content: center;
|
||||||
font-size: 1.1em; }
|
flex-wrap: wrap;
|
||||||
|
gap: 0.75em;
|
||||||
|
line-height: 1.2; }
|
||||||
|
#main-nav a { color: #ccc;
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 1.2em;
|
||||||
|
padding: 0.1em 0.2em;
|
||||||
|
transition: color 0.2s ease;
|
||||||
|
position: relative;
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: baseline; }
|
||||||
|
#main-nav a.active-nav-item,
|
||||||
|
#main-nav a.active-nav-item::before,
|
||||||
|
#main-nav a.active-nav-item::after { color: #fff; }
|
||||||
|
#main-nav a::before,
|
||||||
|
#main-nav a::after { color: #666;
|
||||||
|
transition: color 0.2s ease;
|
||||||
|
font-weight: normal; }
|
||||||
|
#main-nav a::before { content: "[";
|
||||||
|
margin-right: 0.4em; }
|
||||||
|
#main-nav a::after { content: "]";
|
||||||
|
margin-left: 0.4em }
|
||||||
|
#main-nav a:hover,
|
||||||
|
#main-nav a:focus { color: yellow; }
|
||||||
|
#main-nav a:hover::before,
|
||||||
|
#main-nav a:hover::after,
|
||||||
|
#main-nav a:focus::before,
|
||||||
|
#main-nav a:focus::after { color: yellow; }
|
||||||
|
|
||||||
.content-wrapper { display: flex;
|
.content-wrapper { display: flex;
|
||||||
width: 50rem;
|
width: 50rem;
|
||||||
max-width: 96%;
|
max-width: 96%;
|
||||||
|
|
@ -121,6 +149,7 @@ body > header p { opacity: 0.8;
|
||||||
color: #ccc; }
|
color: #ccc; }
|
||||||
.project-item a { font-weight: bold; }
|
.project-item a { font-weight: bold; }
|
||||||
|
|
||||||
|
|
||||||
body > footer { width: 50rem;
|
body > footer { width: 50rem;
|
||||||
max-width: 96%;
|
max-width: 96%;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
|
|
||||||
75
projects.html
Normal file
75
projects.html
Normal file
|
|
@ -0,0 +1,75 @@
|
||||||
|
<!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" class="active-nav-item">Projects</a>
|
||||||
|
<a href="blog/index.html">Blog</a>
|
||||||
|
<a href="interests.html">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="projects">
|
||||||
|
<h2><span class="prompt">$</span> My Projects</h2>
|
||||||
|
<article class="project-item">
|
||||||
|
<h3>[ LearnixOS ]</h3>
|
||||||
|
<p>I was the founder of the github and project, most of the projects are under my old github profile. It's a Linux-based operating system designed for both beginners exploring Linux for the first time and advanced users seeking a lightweight yet powerful OS for daily use.</p>
|
||||||
|
<p><a href="https://learnixos.github.io">Learn More -></a></p>
|
||||||
|
</article>
|
||||||
|
<!-- <article class="project-item">
|
||||||
|
<h3>[Project 2: Dotfiles Configuration]</h3>
|
||||||
|
<p>My personal collection of configuration files for various tools (vim, st, DWM, etc.), optimized for productivity and a minimalist aesthetic.</p>
|
||||||
|
<p><a href="[link-to-dotfiles-repo]">View Dotfiles ->></a></p>
|
||||||
|
</article>
|
||||||
|
-->
|
||||||
|
<article class="project-item">
|
||||||
|
<h3>[ CowOS ]</h3>
|
||||||
|
<p>Unlike LearnixOS this is NOT Linux-based. This is a Unix-like Operating System that's programmed from scratch in C.</p>
|
||||||
|
<p><a href="https://github.com/cowmonk/cowos">View Github -></a></p>
|
||||||
|
</article>
|
||||||
|
</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>
|
||||||
Loading…
Add table
Add a link
Reference in a new issue