Skip to content

Commit 9a6952d

Browse files
ZaneThePythonZaneThePython
committed
Add favicon and enhance content structure
- Added a favicon link to both index.html and links.html. - Wrapped main content in a div for better structure in index.html. - Updated footer links to open in new tabs and added new links in links.html. - Introduced new CSS classes for song cover and mini text styling.
1 parent 0766260 commit 9a6952d

6 files changed

Lines changed: 46 additions & 17 deletions

File tree

buttons/nostalga.gif renamed to buttons/nostalgic.gif

File renamed without changes.

‎favicon.png‎

207 Bytes
Loading

‎index.html‎

Lines changed: 17 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<title>Zane :P</title>
77
<link rel="stylesheet" href="style.css">
8+
<link rel="icon" href="favicon.png">
89
</head>
910
<body>
1011
<header>
@@ -13,30 +14,38 @@
1314
<br>
1415
<img class="eeto" src="https://anlucas.neocities.org/under-con.gif" alt="Under Construction">
1516
</header>
16-
<h1 class="content">Welcome to my website :D</h1>
17-
<p>Hello! I am Zane, a young person that feels like 2000s internet was peak. If you are web surfing then I think you willl enjoy going to the <a href="links.html">links page</a> but if you are just here randomly then settle down and enjoy the song I picked out for you.</p>
17+
<div class="content">
18+
<h1 class="content">Welcome to my website :D</h1>
19+
<p>Hello! I am Zane, a young person that feels like 2000s internet was peak. If you are web surfing then I think you willl enjoy going to the <a href="links.html">links page</a> but if you are just here randomly then settle down and enjoy the song I picked out for you. Below you can see my updates on life, but I don't post often.</p>
20+
</div>
1821
<div class="music">
1922
<h1>Background Music</h1>
23+
<img class="song-cover" src="swsd-logo.jpg" alt="song cover">
24+
<p><a href="https://tangermusic.bandcamp.com/track/somewhere-someday">somewhere, someday</a> - <a href="https://tangermusic.bandcamp.com">Tanger</a></p>
2025
<audio controls autoplay loop>
2126
<source src="music.mp3" type="audio/mpeg">
2227
Your browser does not support the audio element.
2328
</audio>
24-
<p>Music by <a href="https://tangermusic.bandcamp.com">Tanger</a> (not me)</p>
29+
<p class="mini-text"><i>Please enable autoplay for the best experience</i></p>
2530
</div>
31+
<div>
2632
<footer>
2733
<br><br><br>
2834
<img class="eeto" src="">
2935
<img class="eeto" src="https://jack-dawlia.neocities.org/image/gif/i-love-physical-media-button-cd.gif">
3036
<img class="eeto" src="https://jack-dawlia.neocities.org/image/blue-favourite.gif">
31-
<img class="eeto" src="https://jack-dawlia.neocities.org/image/i-love-portal.gif">
37+
<a href="https://store.steampowered.com/app/400/Portal/"><img class="eeto" src="https://jack-dawlia.neocities.org/image/i-love-portal.gif"></a>
3238
<img class="eeto" src="https://jack-dawlia.neocities.org/image/gif/jd-house-huh-button.gif">
3339
<img class="eeto" src="https://jack-dawlia.neocities.org/image/gif/button-lover-button.gif">
34-
<img class="eeto" src="https://jack-dawlia.neocities.org/image/gif/bad-at-spelling-button.gif">
35-
<img class="eeto" src="https://jack-dawlia.neocities.org/image/right-to-repair.gif">
36-
<img class="eeto" src="https://anlucas.neocities.org/browser.gif">
40+
<a href="https://www.youtube.com/watch?v=5um2gebyPtA"><img class="eeto" src="https://jack-dawlia.neocities.org/image/gif/bad-at-spelling-button.gif"></a>
41+
<a href="https://frame.work"><img class="eeto" src="https://jack-dawlia.neocities.org/image/right-to-repair.gif"></a>
42+
<a href="https://archive.org/details/netscape-navigator-4.0.4"><img class="eeto" src="https://anlucas.neocities.org/browser.gif"></a>
3743
<img class="eeto" src="https://anlucas.neocities.org/linux_now.gif">
38-
<img class="eeto" src="https://anlucas.neocities.org/piracy.gif">
44+
<a href="https://vimm.net/vault"><img class="eeto" src="https://anlucas.neocities.org/piracy.gif"></a>
3945
<img class="eeto" src="https://anlucas.neocities.org/prod_625_17265.gif">
46+
<a href="https://a.co/d/06BAB5ge"><img class="eeto" src="https://lilaclynx.net/img/nocookie.gif"></a>
47+
<a href="https://yesterweb.org/no-to-web3/"><img class="eeto" src="https://auzziejay.com/images/noweb32.gif"></a>
48+
<br><br><p class="mini-text"><i>Running since Febuary 19th 2026</i></p>
4049
</footer>
4150
</body>
4251
</html>

‎links.html‎

Lines changed: 13 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<title>Zane :P</title>
77
<link rel="stylesheet" href="style.css">
8+
<link rel="icon" href="favicon.png">
89
</head>
910
<body>
1011
<header>
@@ -15,15 +16,18 @@
1516
</header>
1617
<h1>Check out my internet neighbors!</h1>
1718
<p>These people are on the internet and have cool websites to link to on my website.</p>
18-
<a class="why-are-you-looking-at-my-code" href="https://melonking.net"><img class="why-are-you-looking-at-my-code" src="https://lu.tiny-universes.net/images-links/melonking.gif" alt="Melonking"></a>
19-
<a class="why-are-you-looking-at-my-code" href="https://plumbum.neocities.org/"><img class="why-are-you-looking-at-my-code" src="https://plumbum.neocities.org/Button.png"></a>
20-
<a class="why-are-you-looking-at-my-code" href="https://nostalgic.neocities.org"><img class="why-are-you-looking-at-my-code" src="https://zane.org/buttons/nostalgic.gif"></a>
21-
<a class="why-are-you-looking-at-my-code" href="https://cinni.net"><img class="why-are-you-looking-at-my-code" src="https://cinni.net/images/button/cinni_angelbutton3.gif"></a>
22-
<a class="why-are-you-looking-at-my-code" href="https://hotlinecafe.com"><img class="why-are-you-looking-at-my-code" src="https://hotlinecafe.com/buttons/hotlinecafebutton3.gif"></a>
23-
<a class="why-are-you-looking-at-my-code" href="https://raining-starss.neocities.org/index.html"><img class="why-are-you-looking-at-my-code" src="https://raining-starss.neocities.org/raining-starss-button%20(1).gif"></a>
24-
<a class="why-are-you-looking-at-my-code" href="https://starlocked.neocities.org" "target="_blank"><img class="why-are-you-looking-at-my-code" src="https://64.media.tumblr.com/de2c05764f3939758461f8ff16f049c5/tumblr_punr4uSNSB1wqs2v9o1_100.gif"></a>
25-
26-
19+
<a class="why-are-you-looking-at-my-code" href="https://melonking.net" target="_blank"><img class="why-are-you-looking-at-my-code" src="https://lu.tiny-universes.net/images-links/melonking.gif" alt="Melonking"></a>
20+
<a class="why-are-you-looking-at-my-code" href="https://plumbum.neocities.org/" target="_blank"><img class="why-are-you-looking-at-my-code" src="https://plumbum.neocities.org/Button.png"></a>
21+
<a class="why-are-you-looking-at-my-code" href="https://nostalgic.neocities.org" target="_blank"><img class="why-are-you-looking-at-my-code" src="https://zane.org/buttons/nostalgic.gif"></a>
22+
<a class="why-are-you-looking-at-my-code" href="https://cinni.net" target="_blank"><img class="why-are-you-looking-at-my-code" src="https://cinni.net/images/button/cinni_angelbutton3.gif"></a>
23+
<a class="why-are-you-looking-at-my-code" href="https://hotlinecafe.com" target="_blank"><img class="why-are-you-looking-at-my-code" src="https://hotlinecafe.com/buttons/hotlinecafebutton3.gif"></a>
24+
<a class="why-are-you-looking-at-my-code" href="https://raining-starss.neocities.org/index.html" target="_blank"><img class="why-are-you-looking-at-my-code" src="https://raining-starss.neocities.org/raining-starss-button%20(1).gif"></a>
25+
<a class="why-are-you-looking-at-my-code" href="https://starlocked.neocities.org" target="_blank"><img class="why-are-you-looking-at-my-code" src="https://64.media.tumblr.com/de2c05764f3939758461f8ff16f049c5/tumblr_punr4uSNSB1wqs2v9o1_100.gif"></a>
26+
<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>
27+
<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>
28+
<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>
29+
<br>
30+
<br>
2731
<h2>Link Me!</h2>
2832
<p>Please add me to your links page using this simple line of code!</p>
2933
<p>&lt;a href="https://zane.org"&gt;&lt;img src="https://zane.org/logo.gif"&gt;&lt;/a&gt;</p>

‎style.css‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -58,4 +58,20 @@ a {
5858
image-rendering: pixelated;
5959
margin: 1px;
6060
display: inline;
61+
}
62+
.song-cover {
63+
height: 200px;
64+
width: auto;
65+
}
66+
.mini-text {
67+
color: #fff;
68+
font-size: 12px;
69+
font-style: italic;
70+
text-align: center;
71+
}
72+
.music audio {
73+
width: auto;
74+
height: auto;
75+
align-items: center;
76+
justify-content: center;
6177
}

‎swsd-logo.jpg‎

279 KB
Loading

0 commit comments

Comments
 (0)