Add navigation section to index.html and links.html

- Introduced a new navigation container in both index.html and links.html for improved site navigation.
- Added links to Home and Links pages with associated images for better user experience.
- Updated CSS to style the new navigation elements, ensuring they are visually appealing and functional.
This commit is contained in:
2026-02-20 15:54:11 -10:00
parent a8e738d079
commit 4035d06e67
3 changed files with 26 additions and 1 deletions

View File

@@ -14,6 +14,12 @@
<br>
<img class="eeto" src="https://anlucas.neocities.org/under-con.gif" alt="Under Construction">
<a href="https://zaney.atabook.org/"><img class="eeto" src="https://zane.org/buttons/guestbook.gif"></a>
<div class="nav-container">
<h4 class="nav-item">Navigator Ultimate <p class="mini-text">Trial Version</p></h4>
<a href="https://zane.org"><img class="nav-item" src="https://anlucas.neocities.org/42.gif"><br>Home</a>
<br><br>
<a href="https://zane.org/links.html"><img class="nav-item" src="https://anlucas.neocities.org/globe05.gif"><br>Links</a>
</div>
</header>
<div class="content">
<h1 class="content">Welcome to my website :D</h1>

View File

@@ -13,6 +13,12 @@
<br><br>
<img class="eeto" src="https://anlucas.neocities.org/under-con.gif" alt="Under Construction">
<a href="https://zaney.atabook.org/"><img class="eeto" src="https://zane.org/buttons/guestbook.gif"></a>
<div class="nav-container">
<h4 class="nav-item">Navigator Ultimate <p class="mini-text">Trial Version</p></h4>
<a href="https://zane.org"><img class="nav-item" src="https://anlucas.neocities.org/42.gif"><br>Home</a>
<br><br>
<a href="https://zane.org/links.html"><img class="nav-item" src="https://anlucas.neocities.org/globe05.gif"><br>Links</a>
</div>
</header>
<h1>Cool Links</h1>
<p>These are some cool websites I have found and want to share with you.</p>

View File

@@ -86,4 +86,17 @@ a {
ul li::marker {
color: white; /* Or any other color value (e.g., hex code, RGB) */
}
.nav-item {
height: 100px;
width: auto;
image-rendering: pixelated;
text-align: center;
position: sticky;
}
.nav-container {
display: block;
position: absolute;
text-align: center;
top: 20px;
left: 40px;
}