berb button

This commit is contained in:
2026-02-21 11:07:34 -10:00
parent a398b0befb
commit d6a105e008
4 changed files with 103 additions and 0 deletions

55
flights.html Normal file
View File

@@ -0,0 +1,55 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<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>
<a href="index.html"><img class="logo" src="logo.gif" alt="logo"></a>
<br>
<br>
<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">
<a href="https://zane.org"><img class="nav-item" src="https://zane.org/buttons/cd.gif"><br>Home</a>
<br><br>
<a href="https://zane.org/links.html"><img class="nav-item" src="https://zane.org/buttons/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>
<br><br>
<a href="https://zane.org/info.html"><img class="nav-item" src="https://zane.org/buttons/info.gif"><br>Information</a>
<br><br>
<a href="https://zane.org/flights.html"><img class="nav-item" src="https://zane.org/buttons/berb.gif"><br>Flightlogs</a>
</div>
</header>
<div class="content">
<h1 class="content">February Fun Trip</h1>
<p>During this February I went to Honolulu Hawaii! Me and my family would walk around the city and enjoy the weather, won't give too many details to avoid getting doxxed (and cuz my memory is worst than a goldfish) but I will say that I had a great time. Good weather all around until the last day. On the last day there was a bunch of rain.</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 id="bg-music" controls autoplay loop>
<source src="music.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<p class="mini-text"><i>Please enable autoplay for the best experience</i></p>
</div>
<script>
const music = document.getElementById("bg-music");
function tryPlayMusic() {
if (music && music.paused) {
music.play().catch(() => {});
}
}
window.addEventListener("click", tryPlayMusic, { once: true });
</script>
</body>
</html>

View File

@@ -22,6 +22,8 @@
<a href="https://zaney.atabook.org/"><img class="nav-item" src="https://zane.org/buttons/gb.gif"><br>Guestbook</a>
<br><br>
<a href="https://zane.org/info.html"><img class="nav-item" src="https://zane.org/buttons/info.gif"><br>Information</a>
<br><br>
<a href="https://zane.org/flights.html"><img class="nav-item" src="https://zane.org/buttons/berb.gif"><br>Flightlogs</a>
</div>
</header>
<div class="content">

View File

@@ -21,9 +21,32 @@
<a href="https://zaney.atabook.org/"><img class="nav-item" src="https://zane.org/buttons/gb.gif"><br>Guestbook</a>
<br><br>
<a href="https://zane.org/info.html"><img class="nav-item" src="https://zane.org/buttons/info.gif"><br>Information</a>
<br><br>
<a href="https://zane.org/flights.html"><img class="nav-item" src="https://zane.org/buttons/berb.gif"><br>Flightlogs</a>
</div>
</header>
<h1 class="content">What elements are AI?</h1>
<p class="content">The only AI written code as of Feb 20th 2026 on this site is the code for music playback on the homepage. It uses javascript to play the music when you click anywhere (if the music isn't already playing). AI has also assisted me in how to set the background to the checkerboard pattern, but didn't directly code it. The git messages are written by AI, so I don't need to keep track of my changes before the push.</p>
<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 id="bg-music" controls autoplay loop>
<source src="music.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<p class="mini-text"><i>Please enable autoplay for the best experience</i></p>
</div>
<script>
const music = document.getElementById("bg-music");
function tryPlayMusic() {
if (music && music.paused) {
music.play().catch(() => {});
}
}
window.addEventListener("click", tryPlayMusic, { once: true });
</script>
</body >
</html>

View File

@@ -21,6 +21,8 @@
<a href="https://zaney.atabook.org/"><img class="nav-item" src="https://zane.org/buttons/gb.gif"><br>Guestbook</a>
<br><br>
<a href="https://zane.org/info.html"><img class="nav-item" src="https://zane.org/buttons/info.gif"><br>Information</a>
<br><br>
<a href="https://zane.org/flights.html"><img class="nav-item" src="https://zane.org/buttons/berb.gif"><br>Flightlogs</a>
</div>
</header>
<h1>Cool Links</h1>
@@ -61,5 +63,26 @@
<p class="mini-text"><i>If you link me and let me know (via guestbook) then I will link you back!</i></p>
<p>&lt;a href="https://zane.org"&gt;&lt;img src="https://zane.org/logo.gif"&gt;&lt;/a&gt;</p>
<a class="why-are-you-looking-at-my-code" href="https://zane.org"><img class="why-are-you-looking-at-my-code" src="https://zane.org/logo.gif"></a>
<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 id="bg-music" controls autoplay loop>
<source src="music.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<p class="mini-text"><i>Please enable autoplay for the best experience</i></p>
</div>
<script>
const music = document.getElementById("bg-music");
function tryPlayMusic() {
if (music && music.paused) {
music.play().catch(() => {});
}
}
window.addEventListener("click", tryPlayMusic, { once: true });
</script>
</body >
</html>