home

welcome to my amazing website of coolness
i do things like a blog
made this because:

you should look around and stuffs

Q&A

Q: How do I make a website?
A: i have a blog post about it

Q: Where be the source code?
A: it is able to be viewed with inspect element or in the github repository

Q: Do you take showers?
A: yes

notes

news

you should try my number clicker project
it is a cookie clicker type game i made with javascript

3-29-2025

changelog

ToC fix

4-22-2025

the table of contents is now better

table of contents

4-21-2025

blog posts now have an inconvinient ToC that will be later fixed

automatic loading

4-2-2025

the banner, navigation, and footer are now loaded with javascript to lessen html repitition


js-css > global.js > loadContent(type)

function loadContent(type) {
    if (type === "page") {
        banner.innerHTML = "<img src='images/banner.png' class='banner'>"; 
        nav.innerHTML = `
            <a href='index.html'>home</a>
            <a href='about.html'>about</a>
            <a href='blog.html'>blog</a>
            <a href='projects.html'>projects</a>`;
        footer.innerHTML = `
            <button onclick='setTheme('""&)'>default</button>
            <button onclick='setTheme('lightTheme')'>light</button>
            <button onclick='setTheme('darkTheme')'>dark</button>
            <hr>
            <p>since nov 3, 2024 :: hosted with cloudflare</p>
            <a href='https://github.com/Xleepree/xleepree-webtite'>repository</a>
            <a href='mailto:xleepree.pages.mail@gmail.com'>contact</a>`;
    } else if (type === "blogPost") {
        banner.innerHTML = "<img src='../images/banner.png' class='banner'>";
        nav.innerHTML = `
            <a href='../index.html'>home</a>
            <a href='../about.html'>about</a>
            <a href='../blog.html'>blog</a>
            <a href='../projects.html'>projects</a>`;
        footer.innerHTML = `
            <button onclick='setTheme('""&)'>default</button>
            <button onclick='setTheme('lightTheme')'>light</button>
            <button onclick='setTheme('darkTheme')'>dark</button>
            <hr>
            <p>since nov 3, 2024 :: hosted with cloudflare</p>
            <a href='https://github.com/Xleepree/xleepree-webtite'>repository</a>
            <a href='mailto:xleepree.pages.mail@gmail.com'>contact</a>`;
    } else {
        console.log("unusable or nonexistent parameter.");
        return;
    }

    document.body.prepend(banner);
    document.body.prepend(nav);
    document.body.append(footer);
}

themes

3-30-2025 (but at 7:36 PM)

added light and dark themes

the new website is out!

3-30-2025

not much to say
isn't it cool?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur volutpat leo justo, quis viverra eros condimentum non. Quisque luctus lorem ut leo tempor convallis. Mauris ante ex, accumsan vitae velit eu, tristique sodales orci. Proin vitae imperdiet ex. Aenean volutpat enim a dolor varius auctor. Ut finibus viverra porta. Nulla ac nunc sit amet ipsum dictum finibus. Morbi eu sodales turpis, in venenatis elit. Cras scelerisque neque eget nisi sodales sollicitudin. Morbi venenatis blandit quam a aliquam. Nullam interdum turpis lectus, eget suscipit tellus condimentum feugiat.

themes are to come soon i think
idk