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>
<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" 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>
<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://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><br><p class="mini-text"><i>Last Updated: February 20th 2026</i></p>
<br>
<div class="waylamc-wall">
<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>
<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://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>
</div>
<p class="mini-text"><i>Last Updated: February 20th 2026</i></p>
<br><br>
<h2>Link Me!</h2>
<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>

12
style.css
View File

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