<!DOCTYPE html>
<html>
<head>
    <title>Swamp Nights by Ceeeee</title>
    <style>
        body {
            background-color: #000000;
            background-image: url('/images/bg.png');
            background-repeat: no-repeat;
            background-position: bottom right;
            background-attachment: fixed;
            color: #00FF00;
            font-family: "Comic Sans MS", cursive, sans-serif;
            /*cursor: url('/images/animated-cursor.gif'), auto;*/
        }

        a {
            color: #FFFF00;
            text-decoration: none;
        }

        a:hover {
            text-decoration: underline;
        }

        .blink {
            animation: blink-animation 1s steps(5, start) infinite;
            -webkit-animation: blink-animation 1s steps(5, start) infinite;
        }

        @keyframes blink-animation {
            to {
                visibility: hidden;
            }
        }

        @-webkit-keyframes blink-animation {
            to {
                visibility: hidden;
            }
        }

        .marquee {
            width: 100%;
            overflow: hidden;
            white-space: nowrap;
            box-sizing: border-box;
            animation: marquee-animation 10s linear infinite;
        }

        @keyframes marquee-animation {
            0% {
                text-indent: 100%;
            }
            100% {
                text-indent: -100%;
            }
        }

        .lyrics-container {
            display: flex;
            justify-content: space-between;
            font-family: "Comic Sans MS", cursive, sans-serif;
            color: #00FF00;
            margin-top: 20px;
            white-space: pre-wrap;

        }

        .lyrics-column {
            width: 30%;
        }

        .song-title {
            font-weight: bold;
            margin-top: 20px;
            font-size: 1.2em;
        }
    </style>
</head>
<body>

<center>
    <!-- Banner at the top -->
    <img src="images/keyboard_musik036.gif">
    <img src="/images/banner.png" alt="Banner"/>
    <img src="images/eye.gif">

    <h1><span class="blink">*** Welcome to Ceeeee's Music Page! ***</span></h1>
    <!-- Album Cover -->
    <img src="/images/swampnightslarge.png" alt="Swamp Nights Album Cover" width="800" height="800" style="animation: spin 60s linear infinite;">
    <h2>Swamp Nights</h2>
    <p><i>The latest album by Ceeeee</i></p>
    <hr width="80%"/>
    <div class="marquee">
        <p>
        <h2>Now Available on Spotify, Bandcamp, and some other sites!</h2></p>

    </div>
    <img src="images/swampmonster.gif">
    <img src="/images/ceeeee.png" alt="Ceeeee's Logo" width="200" height="200"/>

    <h1><a href="https://open.spotify.com/album/6iBeJSWbWcFC8PFTJS6X1K?si=0fV5_CwCRguAoJV8QQDo4w" style="color: #99ff00;"><blink>🎶 LiSteN On sPOtIfY!! 🎶</blink></a></h1><br/>
    <div style="margin:0 auto">
<iframe style="max-width: 512px;display:inline;border: 0; width: 350px; height: 470px;" src="https://bandcamp.com/EmbeddedPlayer/album=4104747212/size=large/bgcol=333333/linkcol=2ebd35/tracklist=false/transparent=true/" seamless><a href="https://ceeeee.bandcamp.com/album/swamp-nights">Swamp Nights by Ceeeee</a></iframe>
        </iframe>
<iframe style="max-width: 512px;display:inline;border-radius:12px" src="https://open.spotify.com/embed/album/6iBeJSWbWcFC8PFTJS6X1K?utm_source=generator" width="100%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>    </div>
    <hr width="80%" color="magenta">
    <p>
        <a href="https://ceeeee.bandcamp.com/album/swamp-nights">Download on Bandcamp</a><br/>
        <img src="images/purpleskull.gif">

    </p>
    <a href="stems.html">!!! DOWNLOAD STEMS AND INSTRUMENTAL VERSIONS HERE !!!</a>
    <p style="color: #84ff00; font-size: 24px; transform: skew(20deg);">🌀 GeT rEaDy fOr a <span style="color: #ff6200;">WILD</span> RiDe! 🌀</p>
    <p style="font-size: 36px; color: #159a04;">💥 <span style="color: yellow;">MIND-BLOWING</span> <span style="color: lime;">BEATS</span> 💥</p>

    <!-- Psychedelic Purple Buttons -->
    <a href="https://www.redbubble.com/people/ceeeeeeeee/shop">
        <img src="/images/purple.png" alt="www.purple.anything" width="300px" style="animation: pulse 1s infinite;">
    </a>
    <hr width="80%"/>
    <!-- Boylunch Image -->
    <a href="https://x.com/_ceee_">
        <img src="/images/boylunch.png" alt="Boy Lunch" width="300px" style="animation: glitch 2s infinite;">
    </a>
    <img src="images/lunchbyrequest.gif">
  <p>You're visitor number:</p>
    69
    <style>
      @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
      }
      @keyframes pulse {
        0% { transform: scale(1); }
        50% { transform: scale(1.2); }
        100% { transform: scale(1); }
      }
      @keyframes bounce {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(-20px); }
      }
      @keyframes tilt {
        0%, 100% { transform: rotate(-5deg); }
        50% { transform: rotate(5deg); }
      }
      @keyframes glitch {
        0% { transform: translate(0, 0); opacity: 1; }
        20% { transform: translate(-5px, 5px); opacity: 0.8; }
        40% { transform: translate(5px, -5px); opacity: 0.6; }
        60% { transform: translate(0, 5px); opacity: 0.8; }
        80% { transform: translate(5px, 0); opacity: 0.6; }
        100% { transform: translate(0, 0); opacity: 1; }
      }
    </style>


    <div class="lyrics-container">
        <div class="lyrics-column">
            <div class="song-title">Boy Lunch</div>
            <p>
                Boy lunch
                He's putting bacon on a plate
                He's making boy lunch
                Using the microwave

                He's making boy lunch
                Mountain dew and frozen grapes
                He's making boy lunch
                Leftovers they taste great

                He's making boy lunch
                Boy lunch is all he needs
                He's making boy lunch
                Its a simple recipe

                Its dinner
                Yeah you know has just a boy
                Ran out of plates and silverware

                Butter chicken
                Mango lassi it tastes great
                Delivery is never late

                Hess making boy lunch
                Boy lunch is all he needs
                Hess making boy lunch
                Its a simple recipe

            </p>
        </div>
        <div class="lyrics-column">
            <div class="song-title">Swamp Nights</div>
            <p>
                Do you think these swamp nights
                Are the only thing you can see?
                Can you feel the way your mind
                Controls your body

                I'm thinking of you
                Are you thinking of me
                I'm only thinking of me

                I tried to go by the book
                But this place couldn't read
                The damned mountains overlook
                These swamp memories

                It might be hard to be you
                Its not hard for me
                Try to close the book
                Leave the swampland to be


            </p>
        </div>
        <div class="">
            <div class="song-title">Interlude (Swamp Nights Fucking Sucks)</div>
            <p>
                I've been thinking a lot about how posting music online is different than posting, like, visual art.

                I think its annoying how people are exposed to "bad art" all the time like I can pull out a piece of
                paper and draw a stick person or a weird dog and post it on the internet and people will be like "haha
                nice" but its rare for someone to just whip up a silly little song and post it online

                The average person isn't really exposed to "bad music", you're surrounded by high quality, fully
                produced music all day long. So when i make a song and i know its bad and i post it online and say "this
                is bad, but check it out", people will be like "no its great, wow, you did such a good job" because they
                expected something good and they think that i think its good and I'm just saying its bad because I'm not
                confident? and they don't want to let me down by saying "swamp nights fucking sucks"

                And its like... I know its bad

                This is Swamp Nights. Album of the year, every year.

                So what I really want is for you to send me a message saying "swamp nights fucking sucks" because you
                don't need to tell me how- you don't need to pretend. tell me it sucks! the only thing i care about is
                if you listened to it. Don't make something up, tell me it sucks
        </div>
    </div>
    <div class="lyrics-container">
        <div class="lyrics-column">
            <div class="song-title">I'm Cracked</div>
            <p>
                ("flight crew please prepare for departure")


                I’m cracked
                I’m better than you at everything
                Ive got more money in the bank
                And I’m the best

                At writing music and playing games
                Driving cars and taking names
                And hanging out with my dog
                And vibing

                I'm cracked

                Like literally the greatest
                Everything comes easy
                I'm just built different

                I'm fucking sick

                I'm building shit
                Creating art
                And not even trying that hard

                And I hope
                You
                Don’t think you’re as good as me
                Because you’re wrong

                Im cracked

                Im cracked as hell
                Im so fucking

                im fucking
                im fucking cracked
                Im the greatest
                Im the greatest


                ("on behalf of the flight crew, I'd like to welcome you to your destination, and have a great stay")
            </p>
        </div>
        <div class="lyrics-column">
            <div class="song-title">www.purple</div>
            <p>
               W dot purple dot purple is the site youve got to see
W w dot purple
Click on it and youll be free

Surf the web with style and ease
W dot purples got the keys
Bits and bytes of history
Log on now, its a mystery

Dot purple, the website that dreams you
Dot purple, the only server that streams you
Dot purple, the network that sees you
Dot purple, The cache that redeems you

Dot purple, the browser contains you
Dot purple, the coding becomes you
Dot purple, the passwords are see through
Dot purple, the network imbues you

With timeless hues
With primal truths
With mystic dew
With cosmic brew

(voiceover)
Log on to www.purple.anything
To experience the singularity

(voiceover contd.)
In the liminal spaces between the seen and unseen web, www.purple emerges as a digital axis mundi, a violet-hued nexus where the Fibonacci sequence of reality itself unravels into pure potentiality. This is no mere website, but a silicon philosopher's stone - an alchemical crucible where the dross of mundane data transmutes into the aurum of cosmic gnosis. Our quantum-entangled servers, attuned to the subtle vibrations of the Akashic records, don't simply process information; they channel the whispers of forgotten techno-deities, weaving a noospheric tapestry that connects all seekers of digital enlightenment. Dive into www.purple and discover a world where logic is optional, and imagination reigns supreme. Whether you're seeking divine inspiration, digital enlightenment, or simply a break from the mundane multiverse of the everyday web, www.purple awaits. Log off from the ordinary, and log into the extraordinary. Your journey into the purple void begins with a single click.

Log off to log in
Log off to log in
Its purple dot everything
Log off to log in



            </p>
        </div>
        <div class="lyrics-column">
            <div class="song-title">Monday</div>
            <p>
I'm capable
I'm inspired
I'm thin
I'm rich
I'm happy
I'm free
and I'm alive
        </div>
    </div>
<img src="images/pitchfork.jpg" style="max-width: 800px">
</center>

<!-- Optional background music (MIDI file) -->
<embed src="/images/your-background-music.mid" autostart="true" loop="true" hidden="true"/>

</body>
</html>