dereklseitz/BloomValleyNursery
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: Add dynamic page indicator to nav links.

Browse Source 
-  add {currentPage} to front matter of page templates
This commit is contained in:
Derek L. Seitz
2025-08-30 19:46:32 -05:00
parent c7e69de42c
commit 95280b5973
9 changed files with 37 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/_includes/base.njk
View File

@@ -25,7 +25,7 @@
<body>
{% include "header.html" %}
{% include "header.njk" %}
<main>
@@ -33,7 +33,7 @@
</main>
{% include "footer.html" %}
{% include "footer.njk" %}
<!-- <a href="https://www.svgbackgrounds.com/set/free-svg-backgrounds-and-patterns/">Free SVG Backgrounds and Patterns by SVGBackgrounds.com</a> -->

8
src/_includes/footer.html → src/_includes/footer.njk
View File

@@ -16,10 +16,10 @@
</div>
<div id="footer-nav">
<ul>
<li><a href="/" class="current-page">Home</a></li>
<li><a href="/gallery/">Gallery</a></li>
<li><a href="/about/">About Us</a></li>
<li><a href="/community/">Community Events</a></li>
<li><a href="/" {% if currentPage == 'index' %}class="current-page" aria-current="page"{% endif %}>Home</a></li>
<li><a href="/gallery/" {% if currentPage == 'gallery' %}class="current-page" aria-current="page"{% endif %}>Gallery</a></li>
<li><a href="/about/" {% if currentPage == 'about' %}class="current-page" aria-current="page"{% endif %}>About Us</a></li>
<li><a href="/community/" {% if currentPage == 'community' %}class="current-page" aria-current="page"{% endif %}>Community Events</a></li>
</ul>
</div>
<div id="social-media">

25
src/_includes/header.html
View File

@@ -1,25 +0,0 @@
<header role="banner">
<div class="logo">
<img
src="images/Client1_LogoPalette2_F0C06D.png"
alt="Bloom Valley Nursery Logo"/>
</div>
<h1>Bloom Valley Nursery</h1>
<!-- Navigation Bar -->
<nav role="navigation" aria-label="Main Navigation">
<ul>
<li>
<a href="/" aria-current="page" class="current-page">Home</a></li>
<li><a href="/gallery/">Gallery</a></li>
<li><a href="/about/">About Us</a></li>
<li><a href="/community/">Community Events</a></li>
</ul>
<div>
<button
id="shopping-cart"
aria-label="Open shopping cart"
class="fa-solid fa-cart-shopping fa-2xl">
</button>
</div>
</nav>
</header>

25
src/_includes/header.njk Normal file
View File

@@ -0,0 +1,25 @@
<header role="banner">
<div class="logo">
<img
src="images/Client1_LogoPalette2_F0C06D.png"
alt="Bloom Valley Nursery Logo">
</div>
<h1>Bloom Valley Nursery</h1>
<!-- Navigation Bar -->
<nav role="navigation" aria-label="Main Navigation">
<ul>
<li>
<a href="/" {% if currentPage == 'index' %}class="current-page" aria-current="page"{% endif %}>Home</a></li>
<li><a href="/gallery/" {% if currentPage == 'gallery' %}class="current-page" aria-current="page"{% endif %}>Gallery</a></li>
<li><a href="/about/" {% if currentPage == 'about'%}class="current-page" aria-current="page"{% endif %}>About Us</a></li>
<li><a href="/community/" {% if currentPage == 'community' %}class="current-page" aria-current="page"{% endif %}>Community Events</a></li>
</ul>
<div>
<button
id="shopping-cart"
aria-label="Open shopping cart"
class="fa-solid fa-cart-shopping fa-2xl">
</button>
</div>
</nav>
</header>

2
src/about.njk
View File

@@ -8,7 +8,7 @@ stylesheet:
- "/styles/header-footer.css"
- "/styles/about.css"
fontAwesome: "https://kit.fontawesome.com/c42448086d.js"
isLandingPage: false
currentPage: "about"
pageScripts:
- "/scripts/feedback.js"
- "/scripts/cart.js"

2
src/community.njk
View File

@@ -8,7 +8,7 @@ stylesheet:
- "/styles/header-footer.css"
- "/styles/community.css"
fontAwesome: "https://kit.fontawesome.com/c42448086d.js"
isLandingPage: false
currentPage: "community"
pageScripts:
- "/scripts/cart.js"
- "/scripts/newsletter.js"

2
src/gallery.njk
View File

@@ -8,7 +8,7 @@ stylesheet:
- "/styles/header-footer.css"
- "/styles/gallery.css"
fontAwesome: "https://kit.fontawesome.com/c42448086d.js"
isLandingPage: false
currentPage: "gallery"
pageScripts:
- "/scripts/gallery-carousel.js"
- "/scripts/script.js"

2
src/index.njk
View File

@@ -8,7 +8,7 @@ stylesheet:
- "/styles/header-footer.css"
- "/styles/index.css"
fontAwesome: "https://kit.fontawesome.com/c42448086d.js"
isLandingPage: true
currentPage: "index"
pageScripts:
- "/scripts/script.js"
- "/scripts/cart.js"