169 lines
No EOL
7.8 KiB
HTML
169 lines
No EOL
7.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
|
|
<title>awesome</title>
|
|
|
|
<!-- 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: white;
|
|
background: #090524;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
#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()" style="color: pink; text-decoration: none;">awdog</a>, the mascot of awesome
|
|
|
|
<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; text-align: justify; text-indent: 3em; color: lightgray;">
|
|
<p>
|
|
Welcome to the wondrous world of Awesome! Prepare yourself for an exhilarating journey through a virtual wonderland filled with boundless fun, thrilling adventures, and endless laughter. At Awesome, 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 awesomeness!
|
|
</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 Awesome. 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 Awesome. 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 Awesome 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 Awesome with Awdog by your side!
|
|
</p>
|
|
<p>
|
|
Disclaimer: Awesome 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> |