nathanwoodburn/Nathanwoodburn.github.io
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feat: Add brand reveal to header
All checks were successful
Build Docker / BuildImage (push) Successful in 46s
Details

Browse Source
This commit is contained in:
Nathan Woodburn
2025-01-11 17:57:23 +11:00
parent 415703e21b
commit a65896b80d
25 changed files with 114 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
templates/index.html
View File

@@ -52,7 +52,11 @@
<body id="page-top" data-bs-spy="scroll" data-bs-target="#mainNav" data-bs-offset="77">{{handshake_scripts | safe}}
<nav class="navbar navbar-expand-md fixed-top navbar-light" id="mainNav" style="background: var(--bs-navbar-hover-color);">
<div class="container-fluid"><a class="navbar-brand nathanwoodburn" href="/#">Nathan.Woodburn/</a><button data-bs-toggle="collapse" class="navbar-toggler navbar-toggler-right" data-bs-target="#navbarResponsive" type="button" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation" value="Menu"><i class="fa fa-bars"></i></button>
<div class="container-fluid"><a class="navbar-brand" href="/#">
<div style="padding-right: 1em;display: inline-flex;">
<div class="slider"><span>/</span></div><span class="brand">Nathan.Woodburn</span>
</div>
</a><button data-bs-toggle="collapse" class="navbar-toggler navbar-toggler-right" data-bs-target="#navbarResponsive" type="button" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation" value="Menu"><i class="fa fa-bars"></i></button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ms-auto">
<li class="nav-item nav-link"><a class="nav-link" href="/">Home</a></li>
@@ -65,8 +69,8 @@
<div class="text-end d-none d-xl-block d-xxl-block" id="downtime"><blockquote class="speech bubble"><em>G'day!</em><br>
Some services are down.<br>
Check them out here!</blockquote><img class="img-fluid" src="/assets/img/pfront.webp"></div>
<header class="masthead main" style="background: url(&quot;/assets/img/bg/main.webp&quot;) center / cover;position: relative;height: 400px;">
<div class="intro-body text parallax" style="color: rgb(0,0,0);">
<header class="masthead main" style="background: url(&quot;/assets/img/bg/sunset.webp&quot;) top / cover;position: relative;height: 400px;">
<div class="intro-body text parallax">
<div class="name-container" style="padding-right: 1em;">
<div class="slider">
<h1>/</h1>