awesome/index.html

<!DOCTYPE html>
<html>
    <head>

        <title>awesome</title>

        <meta charset="utf-8" />

        <!-- embedding -->
        <meta content="awesome.colean.cc" property="og:title">
        <meta content="stuff and things and awdog" property="og:description">
        <meta content="https://awesome.colean.cc" property="og:url">
        <meta content="https://awesome.colean.cc/res/awdog.png" property="og:image">
        <meta content="#ffffff" data-react-helmet="true" name="theme-color">

        <style>

            @import url('https://fonts.googleapis.com/css2?family=Belanosima:wght@400;600;700&display=swap');
            
            :root {
                font-family: 'Belanosima', sans-serif;
            }

            body {
                text-align: center;
                color: lightgray;
                background: #090524;
                overflow-x: hidden;
            }
            
            p {
                text-align: justify; text-indent: 3em; color: lightgray;
            }

            ul {
                border: 1px solid lightgray;
                border-radius: 10px;
                padding: 10px;
                width: 400px;
                margin: auto;
                list-style-type: none;
            }

            .rainbow {
                background: linear-gradient(to right, #ef5350, #f48fb1, #7e57c2, #2196f3, #26c6da, #43a047, #eeff41, #f9a825, #ff5722);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }

            .pink {
                color: hotpink;
            }

            #header {
                //text-transform: uppercase;
                color: #fff;
            }

            #awdog {
                cursor: pointer;
            }

            a {
                color: lightgray;
            }

            a:hover {
                color: hotpink;
            }

        </style>

    </head>
    <body>

    <h1 id="header">awesome.colean.cc</h1>
    
    <img id="awdog" src="res/awdog.png" width="160" onclick="pet()"><br>
    <a href="javascript:bio()">awdog</a>, the mascot of <span class="pink">awesome</span>
    
    <br><br>

    <ul>
        <li><a href="https://git.colean.cc/awesomeuser/awesome.git">@gitrepo</a></li>
        <li><a href="https://colean.cc">@mothersite</a></li>
        <hr style="border-top: none;">
        <li><a href="proj/wolfystein.html">@Wolfystein3D</a></li>
        <li><a href="https://www.minecraft.net/en-us">@javagreaterthancpp</a></li>
    </ul>

    <div style="width: 422px; margin: auto;">
        <p>
            Welcome to the wondrous world of <span class="pink">awesome</span>! Prepare yourself for an exhilarating journey through a virtual wonderland filled with boundless fun, thrilling adventures, and endless laughter. At <span class="pink">awesome</span>, we believe in embracing the extraordinary, celebrating the wacky, and tickling your funny bone till it begs for mercy. So fasten your seatbelts, hold onto your socks (because they're about to be knocked off), and get ready to dive headfirst into a whirlwind of pure <span class="pink">awesome</span>ness!
        </p>
        <p>
            Our beloved mascot, awdog, will guide you through this epic odyssey of delight. awdog, a charming canine with a mischievous grin and an uncanny ability to conjure smiles, is your faithful companion as you embark on this unforgettable journey. With awdog by your side, you can rest assured that you're in for a wild and unforgettable ride.
        </p>
        <p>
            Now, let's talk about what you'll find when you browse through <span class="pink">awesome</span>. Brace yourself for a barrage of jaw-dropping videos that will leave you rolling on the floor with uncontrollable laughter. From hilarious fails and epic pranks to heartwarming animal encounters and mind-boggling talents, we've curated a collection that will keep you hooked and coming back for more. It's like having your own personal stash of side-splitting moments that you can access anytime, anywhere!
        </p>
        <p>
            But that's not all, folks! We've got a treasure trove of mind-bending quizzes, brain teasers, and games that will put your cognitive skills to the ultimate test. Prepare to have your gray matter twisted, teased, and tickled by our collection of mind-boggling puzzles and challenges. Remember, it's not just about winning; it's about embracing the absurdity and enjoying the journey.
        </p>
        <p>
            And how can we forget about our spectacular sponsor, the one and only BananaZap™! BananaZap™, the ultimate fruit-powered ray gun, is here to add a splash of zaniness to your browsing experience. With BananaZap™, you can transform your screen into a zany kaleidoscope of colors, turning even the most mundane browsing session into a psychedelic adventure. Get ready to unleash your inner goofball and witness the world through a prism of pure wackiness!
        </p>
        <p>
            So, dear adventurers, prepare to embark on a journey like no other. Strap on your giggles and let your laughter flow freely as you dive into the depths of <span class="pink">awesome</span>. Whether you're looking to brighten your day, unleash your inner child, or simply escape the monotony of everyday life, we've got the perfect concoction of silly, goofy, and downright hilarious content to keep you entertained.
        </p>
        <p>
            Remember, life is too short to be serious all the time. Embrace the bizarre, celebrate the goofy, and allow <span class="pink">awesome</span> to be your passport to a world where laughter knows no bounds. So, what are you waiting for? It's time to let loose, unleash your inner wild child, and explore the wondrous realm of <span class="pink">awesome</span> with awdog by your side!
        </p>
        <p>
            Disclaimer: <span class="pink">awesome</span> cannot be held responsible for excessive laughter, tears of joy, or sudden outbreaks of silliness. Side effects may include sore cheeks, an uncontrollable urge to share hilarity with others, and a permanent smile etched on your face. Proceed with caution, but don't forget to have an absolute blast!
        </p>
    </div>

    <script>
        const fps = 30;

        var minDt = 1 / fps;

        var header = document.getElementById("header");
        var awdog = document.getElementById("awdog");

        var intensity = 0;

        function pet() {
            intensity = 10;
        }

        function bio() {
            //temp
            alert("awdog is nonbinary ^w^");
        }

        var prevTime = 0;

        async function update(timestamp) {
            let dt = (timestamp - prevTime) / 1000;
            prevTime = timestamp;

            if (dt < minDt) { // fps limiter
                await new Promise(r => setTimeout(r, minDt - dt));
                dt = minDt;
            }

            // petting shake
            let a = Math.random() * Math.PI * 2;
            awdog.style.transform = "translate(" + (Math.cos(a) * intensity) + "px, " + (Math.sin(a) * intensity) + "px)";
            if (intensity > 0) {
                intensity -= 20 * dt;
            } else {
                intensity = 0;
            }

            // header
            let t = timestamp / 500;

            let x = Math.cos(t) * 20;
            let y = Math.sin(t) * 20;

            header.style.transform = "translate(" + x + "px, " + y + "px)";// rotate(" + (Math.cos(t) * -5) + "deg)";

            header.style.textShadow =  (Math.cos(t - 0.2) * 20 - x) + "px " + (Math.sin(t - 0.2) * 20 - y) + "px #c91a29,"
                                     + (Math.cos(t - 0.4) * 20 - x) + "px " + (Math.sin(t - 0.4) * 20 - y) + "px #c94f1a,"
                                     + (Math.cos(t - 0.6) * 20 - x) + "px " + (Math.sin(t - 0.6) * 20 - y) + "px #a6c91a,"
                                     + (Math.cos(t - 0.8) * 20 - x) + "px " + (Math.sin(t - 0.8) * 20 - y) + "px #1ac95a,"
                                     + (Math.cos(t - 1.0) * 20 - x) + "px " + (Math.sin(t - 1.0) * 20 - y) + "px #1a60c9";

            // loop
            requestAnimationFrame(update);
        }

        requestAnimationFrame(update);
    </script>
    
    </body>
</html>
Add 'index.html' 2023-07-07 17:12:12 +01:00			`<!DOCTYPE html>`
			`<html>`
			`<head>`

change some colors 2023-07-07 21:03:47 +01:00			`<title>awesome</title>`

add utf-8 2023-07-08 22:39:28 +01:00			`<meta charset="utf-8" />`

add embed stuff 2023-07-08 03:26:48 +01:00			`<!-- embedding -->`
			`<meta content="awesome.colean.cc" property="og:title">`
			`<meta content="stuff and things and awdog" property="og:description">`
			`<meta content="https://awesome.colean.cc" property="og:url">`
			`<meta content="https://awesome.colean.cc/res/awdog.png" property="og:image">`
			`<meta content="#ffffff" data-react-helmet="true" name="theme-color">`

darkmode enabled 2023-07-07 18:23:11 +01:00			`<style>`
Update 'index.html' 2023-07-07 18:29:08 +01:00
			`@import url('https://fonts.googleapis.com/css2?family=Belanosima:wght@400;600;700&display=swap');`
darkmode enabled 2023-07-07 18:23:11 +01:00
Update 'index.html' 2023-07-07 18:29:08 +01:00			`:root {`
			`font-family: 'Belanosima', sans-serif;`
			`}`

darkmode enabled 2023-07-07 18:23:11 +01:00			`body {`
			`text-align: center;`
update text 2023-07-08 22:54:53 +01:00			`color: lightgray;`
darkmode enabled 2023-07-07 18:23:11 +01:00			`background: #090524;`
test 2023-07-07 21:23:05 +01:00			`overflow-x: hidden;`
darkmode enabled 2023-07-07 18:23:11 +01:00			`}`
update text 2023-07-08 22:54:53 +01:00
			`p {`
			`text-align: justify; text-indent: 3em; color: lightgray;`
			`}`
darkmode enabled 2023-07-07 18:23:11 +01:00
			`ul {`
			`border: 1px solid lightgray;`
			`border-radius: 10px;`
			`padding: 10px;`
			`width: 400px;`
			`margin: auto;`
			`list-style-type: none;`
			`}`

add java thing 2023-07-08 22:00:51 +01:00			`.rainbow {`
			`background: linear-gradient(to right, #ef5350, #f48fb1, #7e57c2, #2196f3, #26c6da, #43a047, #eeff41, #f9a825, #ff5722);`
			`-webkit-background-clip: text;`
			`-webkit-text-fill-color: transparent;`
			`}`

awesome 2023-07-08 22:48:39 +01:00			`.pink {`
update text 2023-07-08 22:54:53 +01:00			`color: hotpink;`
awesome 2023-07-08 22:48:39 +01:00			`}`

set up script for header cooling 2023-07-07 21:14:06 +01:00			`#header {`
Update 'index.html' 2023-07-07 18:36:21 +01:00			`//text-transform: uppercase;`
			`color: #fff;`
			`}`

awdog 2023-07-07 22:54:21 +01:00			`#awdog {`
			`cursor: pointer;`
			`}`

do some stylin 2023-07-08 22:03:44 +01:00			`a {`
update style 2023-07-08 22:08:04 +01:00			`color: lightgray;`
test link stof 2023-07-07 20:58:14 +01:00			`}`

			`a:hover {`
			`color: hotpink;`
			`}`

darkmode enabled 2023-07-07 18:23:11 +01:00			`</style>`

Add 'index.html' 2023-07-07 17:12:12 +01:00			`</head>`
darkmode enabled 2023-07-07 18:23:11 +01:00			`<body>`
Add 'index.html' 2023-07-07 17:12:12 +01:00
set up script for header cooling 2023-07-07 21:14:06 +01:00			`<h1 id="header">awesome.colean.cc</h1>`
Add 'index.html' 2023-07-07 17:12:12 +01:00
test awdog quiver 2023-07-07 22:49:01 +01:00			`<img id="awdog" src="res/awdog.png" width="160" onclick="pet()"><br>`
update awesome 2023-07-08 22:47:47 +01:00			`<a href="javascript:bio()">awdog</a>, the mascot of <span class="pink">awesome</span>`
Update 'index.html' 2023-07-07 18:14:59 +01:00
			`<br><br>`
add wolfystein link and format ig 2023-07-07 17:59:44 +01:00
darkmode enabled 2023-07-07 18:23:11 +01:00			`<ul>`
Update 'index.html' 2023-07-07 18:04:43 +01:00			`<li><a href="https://git.colean.cc/awesomeuser/awesome.git">@gitrepo</a></li>`
do some stylin 2023-07-08 03:31:36 +01:00			`<li><a href="https://colean.cc">@mothersite</a></li>`
add some stuff 2023-07-08 03:36:25 +01:00			`<hr style="border-top: none;">`
move wolfy into proj folder 2023-07-07 18:00:52 +01:00			`<li><a href="proj/wolfystein.html">@Wolfystein3D</a></li>`
fix 2023-07-08 22:21:37 +01:00			`<li><a href="https://www.minecraft.net/en-us">@javagreaterthancpp</a></li>`
add wolfystein link and format ig 2023-07-07 17:59:44 +01:00			`</ul>`
add some awesome paragraphs 2023-07-08 22:31:29 +01:00
update text 2023-07-08 22:54:53 +01:00			`<div style="width: 422px; margin: auto;">`
add some awesome paragraphs 2023-07-08 22:31:29 +01:00			`<p>`
update awesome 2023-07-08 22:47:47 +01:00			Welcome to the wondrous world of <span class="pink">awesome</span>! Prepare yourself for an exhilarating journey through a virtual wonderland filled with boundless fun, thrilling adventures, and endless laughter. At <span class="pink">awesome</span>, we believe in embracing the extraordinary, celebrating the wacky, and tickling your funny bone till it begs for mercy. So fasten your seatbelts, hold onto your socks (because they're about to be knocked off), and get ready to dive headfirst into a whirlwind of pure <span class="pink">awesome</span>ness!
add some awesome paragraphs 2023-07-08 22:31:29 +01:00			`</p>`
			`<p>`
update awesome 2023-07-08 22:47:47 +01:00			`Our beloved mascot, awdog, will guide you through this epic odyssey of delight. awdog, a charming canine with a mischievous grin and an uncanny ability to conjure smiles, is your faithful companion as you embark on this unforgettable journey. With awdog by your side, you can rest assured that you're in for a wild and unforgettable ride.`
add some awesome paragraphs 2023-07-08 22:31:29 +01:00			`</p>`
			`<p>`
update awesome 2023-07-08 22:47:47 +01:00			Now, let's talk about what you'll find when you browse through <span class="pink">awesome</span>. Brace yourself for a barrage of jaw-dropping videos that will leave you rolling on the floor with uncontrollable laughter. From hilarious fails and epic pranks to heartwarming animal encounters and mind-boggling talents, we've curated a collection that will keep you hooked and coming back for more. It's like having your own personal stash of side-splitting moments that you can access anytime, anywhere!
add some awesome paragraphs 2023-07-08 22:31:29 +01:00			`</p>`
			`<p>`
			`But that's not all, folks! We've got a treasure trove of mind-bending quizzes, brain teasers, and games that will put your cognitive skills to the ultimate test. Prepare to have your gray matter twisted, teased, and tickled by our collection of mind-boggling puzzles and challenges. Remember, it's not just about winning; it's about embracing the absurdity and enjoying the journey.`
			`</p>`
			`<p>`
			`And how can we forget about our spectacular sponsor, the one and only BananaZap™! BananaZap™, the ultimate fruit-powered ray gun, is here to add a splash of zaniness to your browsing experience. With BananaZap™, you can transform your screen into a zany kaleidoscope of colors, turning even the most mundane browsing session into a psychedelic adventure. Get ready to unleash your inner goofball and witness the world through a prism of pure wackiness!`
			`</p>`
			`<p>`
update awesome 2023-07-08 22:47:47 +01:00			`So, dear adventurers, prepare to embark on a journey like no other. Strap on your giggles and let your laughter flow freely as you dive into the depths of <span class="pink">awesome</span>. Whether you're looking to brighten your day, unleash your inner child, or simply escape the monotony of everyday life, we've got the perfect concoction of silly, goofy, and downright hilarious content to keep you entertained.`
add some awesome paragraphs 2023-07-08 22:31:29 +01:00			`</p>`
			`<p>`
update awesome 2023-07-08 22:47:47 +01:00			`Remember, life is too short to be serious all the time. Embrace the bizarre, celebrate the goofy, and allow <span class="pink">awesome</span> to be your passport to a world where laughter knows no bounds. So, what are you waiting for? It's time to let loose, unleash your inner wild child, and explore the wondrous realm of <span class="pink">awesome</span> with awdog by your side!`
add some awesome paragraphs 2023-07-08 22:31:29 +01:00			`</p>`
			`<p>`
update awesome 2023-07-08 22:47:47 +01:00			`Disclaimer: <span class="pink">awesome</span> cannot be held responsible for excessive laughter, tears of joy, or sudden outbreaks of silliness. Side effects may include sore cheeks, an uncontrollable urge to share hilarity with others, and a permanent smile etched on your face. Proceed with caution, but don't forget to have an absolute blast!`
add some awesome paragraphs 2023-07-08 22:31:29 +01:00			`</p>`
			`</div>`
set up script for header cooling 2023-07-07 21:14:06 +01:00
			`<script>`
ok timer good 2023-07-08 22:17:02 +01:00			`const fps = 30;`

			`var minDt = 1 / fps;`

set up script for header cooling 2023-07-07 21:14:06 +01:00			`var header = document.getElementById("header");`
test awdog quiver 2023-07-07 22:49:01 +01:00			`var awdog = document.getElementById("awdog");`

pet 2023-07-07 22:52:13 +01:00			`var intensity = 0;`

test awdog quiver 2023-07-07 22:49:01 +01:00			`function pet() {`
pet 2023-07-07 22:52:13 +01:00			`intensity = 10;`
test awdog quiver 2023-07-07 22:49:01 +01:00			`}`
set up script for header cooling 2023-07-07 21:14:06 +01:00
add some stuff 2023-07-08 03:36:25 +01:00			`function bio() {`
add a single space 2023-07-08 22:01:17 +01:00			`//temp`
add some stuff 2023-07-08 03:36:25 +01:00			`alert("awdog is nonbinary ^w^");`
			`}`

pet 2023-07-07 22:52:13 +01:00			`var prevTime = 0;`

set up script for header cooling 2023-07-07 21:14:06 +01:00			`async function update(timestamp) {`
pet 2023-07-07 22:52:13 +01:00			`let dt = (timestamp - prevTime) / 1000;`
			`prevTime = timestamp;`

ok timer good 2023-07-08 22:17:02 +01:00			`if (dt < minDt) { // fps limiter`
			`await new Promise(r => setTimeout(r, minDt - dt));`
			`dt = minDt;`
add fps limit 2023-07-08 22:12:26 +01:00			`}`

test awdog quiver 2023-07-07 22:49:01 +01:00			`// petting shake`
			`let a = Math.random() * Math.PI * 2;`
			`awdog.style.transform = "translate(" + (Math.cos(a) * intensity) + "px, " + (Math.sin(a) * intensity) + "px)";`
pet 2023-07-07 22:52:13 +01:00			`if (intensity > 0) {`
awdog 2023-07-07 22:54:21 +01:00			`intensity -= 20 * dt;`
pet 2023-07-07 22:52:13 +01:00			`} else {`
			`intensity = 0;`
			`}`
test awdog quiver 2023-07-07 22:49:01 +01:00
			`// header`
turn 2023-07-07 21:19:57 +01:00			`let t = timestamp / 500;`

test 2023-07-07 21:23:05 +01:00			`let x = Math.cos(t) * 20;`
			`let y = Math.sin(t) * 20;`

test 2023-07-07 21:26:58 +01:00			`header.style.transform = "translate(" + x + "px, " + y + "px)";// rotate(" + (Math.cos(t) * -5) + "deg)";`
test 2023-07-07 21:23:05 +01:00
yo? 2023-07-07 21:30:51 +01:00			`header.style.textShadow = (Math.cos(t - 0.2) * 20 - x) + "px " + (Math.sin(t - 0.2) * 20 - y) + "px #c91a29,"`
yo2 2023-07-07 21:31:39 +01:00			`+ (Math.cos(t - 0.4) * 20 - x) + "px " + (Math.sin(t - 0.4) * 20 - y) + "px #c94f1a,"`
			`+ (Math.cos(t - 0.6) * 20 - x) + "px " + (Math.sin(t - 0.6) * 20 - y) + "px #a6c91a,"`
			`+ (Math.cos(t - 0.8) * 20 - x) + "px " + (Math.sin(t - 0.8) * 20 - y) + "px #1ac95a,"`
			`+ (Math.cos(t - 1.0) * 20 - x) + "px " + (Math.sin(t - 1.0) * 20 - y) + "px #1a60c9";`
set up script for header cooling 2023-07-07 21:14:06 +01:00
			`// loop`
			`requestAnimationFrame(update);`
			`}`

			`requestAnimationFrame(update);`
			`</script>`
Add 'index.html' 2023-07-07 17:12:12 +01:00
			`</body>`
			`</html>`