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.
This commit is contained in:
|
Before Width: | Height: | Size: 603 B After Width: | Height: | Size: 603 B |
BIN
favicon.png
Normal file
BIN
favicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 207 B |
25
index.html
25
index.html
@@ -5,6 +5,7 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Zane :P</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<link rel="icon" href="favicon.png">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
@@ -13,30 +14,38 @@
|
||||
<br>
|
||||
<img class="eeto" src="https://anlucas.neocities.org/under-con.gif" alt="Under Construction">
|
||||
</header>
|
||||
<h1 class="content">Welcome to my website :D</h1>
|
||||
<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>
|
||||
<div class="content">
|
||||
<h1 class="content">Welcome to my website :D</h1>
|
||||
<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>
|
||||
</div>
|
||||
<div class="music">
|
||||
<h1>Background Music</h1>
|
||||
<img class="song-cover" src="swsd-logo.jpg" alt="song cover">
|
||||
<p><a href="https://tangermusic.bandcamp.com/track/somewhere-someday">somewhere, someday</a> - <a href="https://tangermusic.bandcamp.com">Tanger</a></p>
|
||||
<audio controls autoplay loop>
|
||||
<source src="music.mp3" type="audio/mpeg">
|
||||
Your browser does not support the audio element.
|
||||
</audio>
|
||||
<p>Music by <a href="https://tangermusic.bandcamp.com">Tanger</a> (not me)</p>
|
||||
<p class="mini-text"><i>Please enable autoplay for the best experience</i></p>
|
||||
</div>
|
||||
<div>
|
||||
<footer>
|
||||
<br><br><br>
|
||||
<img class="eeto" src="">
|
||||
<img class="eeto" src="https://jack-dawlia.neocities.org/image/gif/i-love-physical-media-button-cd.gif">
|
||||
<img class="eeto" src="https://jack-dawlia.neocities.org/image/blue-favourite.gif">
|
||||
<img class="eeto" src="https://jack-dawlia.neocities.org/image/i-love-portal.gif">
|
||||
<a href="https://store.steampowered.com/app/400/Portal/"><img class="eeto" src="https://jack-dawlia.neocities.org/image/i-love-portal.gif"></a>
|
||||
<img class="eeto" src="https://jack-dawlia.neocities.org/image/gif/jd-house-huh-button.gif">
|
||||
<img class="eeto" src="https://jack-dawlia.neocities.org/image/gif/button-lover-button.gif">
|
||||
<img class="eeto" src="https://jack-dawlia.neocities.org/image/gif/bad-at-spelling-button.gif">
|
||||
<img class="eeto" src="https://jack-dawlia.neocities.org/image/right-to-repair.gif">
|
||||
<img class="eeto" src="https://anlucas.neocities.org/browser.gif">
|
||||
<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>
|
||||
<a href="https://frame.work"><img class="eeto" src="https://jack-dawlia.neocities.org/image/right-to-repair.gif"></a>
|
||||
<a href="https://archive.org/details/netscape-navigator-4.0.4"><img class="eeto" src="https://anlucas.neocities.org/browser.gif"></a>
|
||||
<img class="eeto" src="https://anlucas.neocities.org/linux_now.gif">
|
||||
<img class="eeto" src="https://anlucas.neocities.org/piracy.gif">
|
||||
<a href="https://vimm.net/vault"><img class="eeto" src="https://anlucas.neocities.org/piracy.gif"></a>
|
||||
<img class="eeto" src="https://anlucas.neocities.org/prod_625_17265.gif">
|
||||
<a href="https://a.co/d/06BAB5ge"><img class="eeto" src="https://lilaclynx.net/img/nocookie.gif"></a>
|
||||
<a href="https://yesterweb.org/no-to-web3/"><img class="eeto" src="https://auzziejay.com/images/noweb32.gif"></a>
|
||||
<br><br><p class="mini-text"><i>Running since Febuary 19th 2026</i></p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
22
links.html
22
links.html
@@ -5,6 +5,7 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Zane :P</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<link rel="icon" href="favicon.png">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
@@ -15,15 +16,18 @@
|
||||
</header>
|
||||
<h1>Check out my internet neighbors!</h1>
|
||||
<p>These people are on the internet and have cool websites to link to on my website.</p>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
|
||||
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<br>
|
||||
<br>
|
||||
<h2>Link Me!</h2>
|
||||
<p>Please add me to your links page using this simple line of code!</p>
|
||||
<p><a href="https://zane.org"><img src="https://zane.org/logo.gif"></a></p>
|
||||
|
||||
16
style.css
16
style.css
@@ -58,4 +58,20 @@ a {
|
||||
image-rendering: pixelated;
|
||||
margin: 1px;
|
||||
display: inline;
|
||||
}
|
||||
.song-cover {
|
||||
height: 200px;
|
||||
width: auto;
|
||||
}
|
||||
.mini-text {
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
font-style: italic;
|
||||
text-align: center;
|
||||
}
|
||||
.music audio {
|
||||
width: auto;
|
||||
height: auto;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
BIN
swsd-logo.jpg
Normal file
BIN
swsd-logo.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 279 KiB |
Reference in New Issue
Block a user