Refactor navigation and footer elements in index.html and links.html

- Removed outdated "Navigator Ultimate" header from both index.html and links.html for a cleaner layout.
- Added a new guestbook link in links.html for improved navigation.
- Introduced a new CSS class for mini-evil-text to enhance footer styling in index.html.
- Adjusted CSS for nav-item positioning to improve visual alignment.
This commit is contained in:
2026-02-20 16:53:17 -10:00
parent 28ee28b1e4
commit 97470b7faa
4 changed files with 14 additions and 6 deletions

BIN
buttons/happiness.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

View File

@@ -15,7 +15,6 @@
<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>
@@ -43,7 +42,6 @@
</audio>
<p class="mini-text"><i>Please enable autoplay for the best experience</i></p>
</div>
<div>
<footer class="content">
<br><br><br>
<img class="eeto" src="https://zane.org/buttons/i-love-physical-media-button-cd.gif">
@@ -64,7 +62,9 @@
<a href="mailto:zane@zane.org"><img class="eeto" src="https://zane.org/buttons/email-icon.gif"></a>
<img class="eeto" src="https://zane.org/buttons/emoticon.gif">
<img class="eeto" src="https://zane.org/buttons/imissxp.gif">
<img class="eeto" src="">
<!-- template: <img class="eeto" src=""> -->
<img src="https://zane.org/buttons/happiness.gif">
<p class="mini-evil-text"><i>I AM NOT FRIENDLY TO MOBILE USERS HAHAHAHAHAHA</i></p>
</footer>
</body>
</html>

View File

@@ -14,10 +14,11 @@
<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>
<br><br>
<a href="https://zaney.atabook.org/"><img class="nav-item" src="https://zane.org/buttons/gb.gif"><br>Guestbook</a>
</div>
</header>
<h1>Cool Links</h1>
@@ -48,6 +49,7 @@
<a class="why-are-you-looking-at-my-code" href="https://cepheus.neocities.org" target="_blank"><img class="why-are-you-looking-at-my-code" alt="click to visit cepheus" src="https://cepheus.neocities.org/img/button2.gif"></a>
<a class="why-are-you-looking-at-my-code" href="https://disc-content.neocities.org" target="_blank"><img class="why-are-you-looking-at-my-code" src="https://disc-content.neocities.org/images/disc-content-button.gif"></a>
<a class="why-are-you-looking-at-my-code" href="https://humanfly.neocities.org" target="_blank"><img class="why-are-you-looking-at-my-code" src="https://humanfly.neocities.org/Images/button.gif"></a>
<a class="why-are-you-looking-at-my-code" href='https://blinkies.cafe' target='_blank'><img class="why-are-you-looking-at-my-code" src='https://blinkies.cafe/b/display/blinkiesCafe-badge.gif' alt='blinkies.cafe | make your own blinkies!'></a>
<br>
<br><br><p class="mini-text"><i>Last Updated: February 20th 2026</i></p>
<br>

View File

@@ -77,6 +77,12 @@ a {
font-style: italic;
text-align: center;
}
.mini-evil-text {
color: #ff0000;
font-size: 12px;
font-style: italic;
text-align: center;
}
.music audio {
width: auto;
height: auto;
@@ -86,7 +92,7 @@ a {
ul li::marker {
color: white; /* Or any other color value (e.g., hex code, RGB) */
}
.nav-item {
.nav-item {
height: 100px;
width: auto;
image-rendering: pixelated;
@@ -96,6 +102,6 @@ ul li::marker {
display: block;
position: absolute;
text-align: center;
top: 20px;
top: 40px;
left: 40px;
}