ZaneDev/ZanePersonal
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Refactor links section in links.html to use a flexbox layout for improved responsiveness and update image heights for consistency. Adjust CSS styles to support new layout structure.

Browse Source
This commit is contained in:
Zane V
2026-02-22 14:07:25 -05:00
parent 1de243b984
commit 2e7c1e4147
2 changed files with 25 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
links.html
View File

@@ -43,21 +43,22 @@
<br><br><br> <br><br><br>
<h1>Check out my internet neighbors!</h1> <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> <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" target="_blank"><img class="why-are-you-looking-at-my-code" src="https://lu.tiny-universes.net/images-links/melonking.gif" alt="Melonking"></a> <div class="waylamc-wall">
<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://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://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://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://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://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://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://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://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://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://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://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://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://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://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://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://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://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://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> <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://mars.nekoweb.org/?button" target="_blank"><img class="why-are-you-looking-at-my-code" src="https://mars.nekoweb.org/assets/buttons/button1.png" alt="mars' site" width="88" height="31"></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> <a class="why-are-you-looking-at-my-code" href="https://mars.nekoweb.org/?button" target="_blank"><img class="why-are-you-looking-at-my-code" src="https://mars.nekoweb.org/assets/buttons/button1.png" alt="mars' site" width="88" height="31"></a>
<br><br><p class="mini-text"><i>Last Updated: February 20th 2026</i></p> </div>
<br> <p class="mini-text"><i>Last Updated: February 20th 2026</i></p>
<br><br>
<h2>Link Me!</h2> <h2>Link Me!</h2>
<p>Please add me to your links page using this simple line of code!</p> <p>Please add me to your links page using this simple line of code!</p>
<p class="mini-text"><i>If you link me and let me know (via guestbook) then I will link you back!</i></p> <p class="mini-text"><i>If you link me and let me know (via guestbook) then I will link you back!</i></p>

12
style.css
View File

@@ -61,11 +61,9 @@ a {
text-decoration: none; text-decoration: none;
} }
.why-are-you-looking-at-my-code { .why-are-you-looking-at-my-code {
height: 62px; height: 31px;
width: auto; width: auto;
image-rendering: pixelated; image-rendering: pixelated;
margin: 1px;
display: inline;
} }
.song-cover { .song-cover {
height: 200px; height: 200px;
@@ -109,3 +107,11 @@ ul li::marker {
height: 31px; height: 31px;
image-rendering: pixelated; image-rendering: pixelated;
} }
.waylamc-wall {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
max-width: 800px;
flex-wrap: wrap;
}