ZanePersonal/info.html at main · ZaneThePython/ZanePersonal · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Information | 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="index.html"><img class="nav-item" src="https://zane.org/buttons/cd.gif"><br>Home</a>
            <br><br>
            <a href="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="info.html"><img class="nav-item" src="https://zane.org/buttons/info.gif"><br>Information</a>
            <br><br>
            <a href="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 AI written code on this website as of Feb 22nd 2026 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. Another AI tool I use is the AI assisted auto-complete.</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>