bryan/itme-brain.github.io
1
0
Fork 0
mirror of https://github.com/itme-brain/itme-brain.github.io.git synced 2026-03-23 12:09:44 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

overhaul

Browse source
This commit is contained in:
Bryan Ramos 2026-03-04 00:02:00 -05:00
parent 8c6b8d5d9b
commit 9576fe3e3f
21 changed files with 980 additions and 138 deletions
Download patch file Download diff file Expand all files Collapse all files

20
_includes/head.html Normal file
View file

@ -0,0 +1,20 @@
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Theme script: runs before CSS to prevent flash of wrong theme -->
<script>
(function() {
var stored = localStorage.getItem('theme');
var prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
document.documentElement.setAttribute('data-theme', stored || (prefersDark ? 'dark' : 'light'));
})();
</script>
<!-- Google Fonts: Inter -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap">
<link rel="stylesheet" href="{{ '/css/styles.css' | relative_url }}">
<script src="https://kit.fontawesome.com/f26d369dc4.js" crossorigin="anonymous"></script>

34
_includes/header.html Normal file
View file

@ -0,0 +1,34 @@
<header>
{% unless page.url == '/' %}
<a href="{{ '/' | relative_url }}" class="home-btn" aria-label="Home" title="Home">
<i class="fa-solid fa-house"></i>
</a>
{% endunless %}
<button
class="theme-toggle"
onclick="(function(){
var next = document.documentElement.getAttribute('data-theme') === 'light' ? 'dark' : 'light';
document.documentElement.setAttribute('data-theme', next);
localStorage.setItem('theme', next);
document.documentElement.classList.add('theme-transitions-enabled');
})()"
aria-label="Toggle color theme"
title="Toggle color theme"
>
<i class="fa-solid fa-moon icon-moon"></i>
<i class="fa-solid fa-sun icon-sun"></i>
</button>
<img src="{{ '/assets/pfp.gif' | relative_url }}" alt="Bryan Ramos" class="pfp">
<h1>Bryan Ramos</h1>
<p class="header-tagline">Developer &amp; Technologist</p>
<ul>
<li><a href="mailto:bryan@ramos.codes" aria-label="Email"><i class="fa-solid fa-envelope"></i></a></li>
<li><a href="https://github.com/itme-brain" aria-label="GitHub"><i class="fa-brands fa-github"></i></a></li>
<li><a href="{{ '/pgpkey' | relative_url }}" aria-label="PGP Key"><i class="fa-sharp fa-solid fa-key"></i></a></li>
<li><a href="https://www.linkedin.com/in/bryan-ramos-ab467228a/" aria-label="LinkedIn"><i class="fa-brands fa-linkedin-in"></i></a></li>
<li><a href="{{ '/blog' | relative_url }}" aria-label="Blog"><i class="fa-solid fa-blog"></i></a></li>
</ul>
</header>