Raktbastr/halfheart.net
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added favicon, style.css, and basic about me page

Browse source
This commit is contained in:
Raktbastr 2026-06-15 12:07:10 -05:00
parent 6b8dda9014
commit 39f2d87b3f
16 changed files with 110 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

22
site-header.html
View file

@ -1,9 +1,14 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
:host {
display: block;
width: 100%;
}
:root {
--primary-glow: #ff2a2a;
--active-bg: #aa0404;
--header-height: 60px;
--header-height: 60px;
}
body {
@ -15,7 +20,7 @@
display: flex;
align-items: center;
gap: 15px;
margin: 20px auto;
margin: 0 auto;
width: 92%;
max-width: 1920px;
position: relative;
@ -64,11 +69,10 @@
align-items: stretch;
position: relative;
flex-grow: 1;
height: var(--header-height);
border-radius: 20px;
overflow: hidden;
z-index: 5;
border: 2px solid #ff2a2a66
}
.topnav a {
@ -82,6 +86,7 @@
position: relative;
transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
border-radius: 20px;
flex-grow: 1;
}
.topnav a::after {
@ -191,7 +196,7 @@
}
}
</style>
<br>
<div class="header-container" id="headerContainer">
<div class="logo-capsule">
@ -202,12 +207,13 @@
<div class="topnav" id="myTopnav">
<a href="index.html" id="home" class="inactive">Home</a>
<a href="about.html" id="about-me" class="inactive">About Me</a>
<a href="about-me.html" id="about-me" class="inactive">About Me</a>
<a href="projects.html" id="projects" class="inactive">Projects</a>
<a href="mcservers.html" id="minecraft-servers" class="inactive">Minecraft Server</a>
<a href="mc-servers.html" id="minecraft-servers" class="inactive">Minecraft Server</a>
<a href="javascript:void(0);" class="icon" onclick="toggleMobileMenu()">
<i class="fa fa-bars"></i>
</a>
</div>
</div>
</div>
<br>