joshua/saxton.space
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

first commit

Browse source
This commit is contained in:
Joshua Seigler 2025-06-14 03:13:50 +00:00
commit 73980d47d2
3 changed files with 61 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

61
index.html Normal file
View file

@ -0,0 +1,61 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Saxton Space</title>
<style>
html,body {
margin: 0;
padding: 0;
}
body {
height: 100vh;
overflow: hidden;
background-color: black;
background-image: url(space.jpeg);
background-size: cover;
}
.face {
position: absolute;
left: 50%;
top: 50%;
transform-origin: 0% 0%;
animation: circle 31s linear 0s normal infinite;
}
.face__layer1 {
animation: scale 7s ease 0s alternate infinite;
}
.face__layer2 {
transform-origin: 50% 50%;
animation: spin 12s linear 0s normal infinite;
}
.face__face {
width: 20em;
max-width: 20em;
max-width: 50vm;
max-width: 50vmin;
}
@keyframes circle {
0% { transform: rotate(0) translate(30%, -50%); }
100% { transform: rotate(360deg) translate(30%, -50%); }
}
@keyframes scale {
0% { transform: scale(0.95); }
100% { transform: scale(1.05); }
}
@keyframes spin {
0% { transform: rotate(0); }
100% { transform: rotate(360deg); }
}
</style>
</head>
<body>
<div class="face">
<div class="face__layer1">
<div class="face__layer2">
<img class="face__face" src="saxton.png">
</div>
</div>
</div>
</body>
</html>

BIN
saxton.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.1 MiB

BIN
space.jpeg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 154 KiB