2023-07-07 16:12:12 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
|
2023-07-07 20:03:47 +00:00
|
|
|
<title>awesome</title>
|
|
|
|
|
|
2023-07-08 02:26:48 +00: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">
|
|
|
|
|
|
2023-07-07 17:23:11 +00:00
|
|
|
<style>
|
2023-07-07 17:29:08 +00:00
|
|
|
|
|
|
|
|
@import url('https://fonts.googleapis.com/css2?family=Belanosima:wght@400;600;700&display=swap');
|
2023-07-07 17:23:11 +00:00
|
|
|
|
2023-07-07 17:29:08 +00:00
|
|
|
:root {
|
|
|
|
|
font-family: 'Belanosima', sans-serif;
|
|
|
|
|
}
|
|
|
|
|
|
2023-07-07 17:23:11 +00:00
|
|
|
body {
|
|
|
|
|
text-align: center;
|
|
|
|
|
color: white;
|
|
|
|
|
background: #090524;
|
2023-07-07 20:23:05 +00:00
|
|
|
overflow-x: hidden;
|
2023-07-07 17:23:11 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
ul {
|
|
|
|
|
border: 1px solid lightgray;
|
|
|
|
|
border-radius: 10px;
|
|
|
|
|
padding: 10px;
|
|
|
|
|
width: 400px;
|
|
|
|
|
margin: auto;
|
|
|
|
|
list-style-type: none;
|
|
|
|
|
}
|
|
|
|
|
|
2023-07-08 21:00:51 +00: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;
|
|
|
|
|
}
|
|
|
|
|
|
2023-07-07 20:14:06 +00:00
|
|
|
#header {
|
2023-07-07 17:36:21 +00:00
|
|
|
//text-transform: uppercase;
|
|
|
|
|
color: #fff;
|
|
|
|
|
}
|
|
|
|
|
|
2023-07-07 21:54:21 +00:00
|
|
|
#awdog {
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
|
2023-07-08 21:03:44 +00:00
|
|
|
a {
|
2023-07-08 21:08:04 +00:00
|
|
|
color: lightgray;
|
2023-07-07 19:58:14 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
a:hover {
|
|
|
|
|
color: hotpink;
|
|
|
|
|
}
|
|
|
|
|
|
2023-07-07 17:23:11 +00:00
|
|
|
</style>
|
|
|
|
|
|
2023-07-07 16:12:12 +00:00
|
|
|
</head>
|
2023-07-07 17:23:11 +00:00
|
|
|
<body>
|
2023-07-07 16:12:12 +00:00
|
|
|
|
2023-07-07 20:14:06 +00:00
|
|
|
<h1 id="header">awesome.colean.cc</h1>
|
2023-07-07 16:12:12 +00:00
|
|
|
|
2023-07-07 21:49:01 +00:00
|
|
|
<img id="awdog" src="res/awdog.png" width="160" onclick="pet()"><br>
|
2023-07-08 21:08:04 +00:00
|
|
|
<a href="javascript:bio()" style="color: pink; text-decoration: none;">awdog</a>, the mascot of awesome
|
2023-07-07 17:14:59 +00:00
|
|
|
|
|
|
|
|
<br><br>
|
2023-07-07 16:59:44 +00:00
|
|
|
|
2023-07-07 17:23:11 +00:00
|
|
|
<ul>
|
2023-07-07 17:04:43 +00:00
|
|
|
<li><a href="https://git.colean.cc/awesomeuser/awesome.git">@gitrepo</a></li>
|
2023-07-08 02:31:36 +00:00
|
|
|
<li><a href="https://colean.cc">@mothersite</a></li>
|
2023-07-08 02:36:25 +00:00
|
|
|
<hr style="border-top: none;">
|
2023-07-07 17:00:52 +00:00
|
|
|
<li><a href="proj/wolfystein.html">@Wolfystein3D</a></li>
|
2023-07-08 21:05:06 +00:00
|
|
|
<li><a href="proj/java.html">@javagreaterthancpp</a><span class="rainbow" style="position: absolute; white-space: pre;"> (epilepsy warning!)</span></li>
|
2023-07-07 16:59:44 +00:00
|
|
|
</ul>
|
2023-07-07 20:14:06 +00:00
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
var header = document.getElementById("header");
|
2023-07-07 21:49:01 +00:00
|
|
|
var awdog = document.getElementById("awdog");
|
|
|
|
|
|
2023-07-07 21:52:13 +00:00
|
|
|
var intensity = 0;
|
|
|
|
|
|
2023-07-07 21:49:01 +00:00
|
|
|
function pet() {
|
2023-07-07 21:52:13 +00:00
|
|
|
intensity = 10;
|
2023-07-07 21:49:01 +00:00
|
|
|
}
|
2023-07-07 20:14:06 +00:00
|
|
|
|
2023-07-08 02:36:25 +00:00
|
|
|
function bio() {
|
2023-07-08 21:01:17 +00:00
|
|
|
//temp
|
2023-07-08 02:36:25 +00:00
|
|
|
alert("awdog is nonbinary ^w^");
|
|
|
|
|
}
|
|
|
|
|
|
2023-07-07 21:52:13 +00:00
|
|
|
var prevTime = 0;
|
|
|
|
|
|
2023-07-07 20:14:06 +00:00
|
|
|
async function update(timestamp) {
|
2023-07-07 21:52:13 +00:00
|
|
|
let dt = (timestamp - prevTime) / 1000;
|
|
|
|
|
prevTime = timestamp;
|
|
|
|
|
|
2023-07-07 21:49:01 +00:00
|
|
|
// petting shake
|
|
|
|
|
let a = Math.random() * Math.PI * 2;
|
|
|
|
|
awdog.style.transform = "translate(" + (Math.cos(a) * intensity) + "px, " + (Math.sin(a) * intensity) + "px)";
|
2023-07-07 21:52:13 +00:00
|
|
|
if (intensity > 0) {
|
2023-07-07 21:54:21 +00:00
|
|
|
intensity -= 20 * dt;
|
2023-07-07 21:52:13 +00:00
|
|
|
} else {
|
|
|
|
|
intensity = 0;
|
|
|
|
|
}
|
2023-07-07 21:49:01 +00:00
|
|
|
|
|
|
|
|
// header
|
2023-07-07 20:19:57 +00:00
|
|
|
let t = timestamp / 500;
|
|
|
|
|
|
2023-07-07 20:23:05 +00:00
|
|
|
let x = Math.cos(t) * 20;
|
|
|
|
|
let y = Math.sin(t) * 20;
|
|
|
|
|
|
2023-07-07 20:26:58 +00:00
|
|
|
header.style.transform = "translate(" + x + "px, " + y + "px)";// rotate(" + (Math.cos(t) * -5) + "deg)";
|
2023-07-07 20:23:05 +00:00
|
|
|
|
2023-07-07 20:30:51 +00:00
|
|
|
header.style.textShadow = (Math.cos(t - 0.2) * 20 - x) + "px " + (Math.sin(t - 0.2) * 20 - y) + "px #c91a29,"
|
2023-07-07 20:31:39 +00: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";
|
2023-07-07 20:14:06 +00:00
|
|
|
|
|
|
|
|
// loop
|
|
|
|
|
requestAnimationFrame(update);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
requestAnimationFrame(update);
|
|
|
|
|
</script>
|
2023-07-07 16:12:12 +00:00
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
