Skip to content

Instantly share code, notes, and snippets.

@buroz

buroz/hail.html

Last active July 12, 2021 09:24
Show Gist options
  • Save buroz/24b96333d3eeaa2fcc178c953b6d79e7 to your computer and use it in GitHub Desktop.
Save buroz/24b96333d3eeaa2fcc178c953b6d79e7 to your computer and use it in GitHub Desktop.
Download ZIP
HAIL INFERNALS (Spinner)
Raw
hail.html
<html>
<head>
<title>
HAIL INFERNALS
</title>
<style type="text/css">
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #fafafa;
color: #024;
font-weight: bold;
font-size: 60vh;
margin: 0;
padding: 0;
}
.upside {
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
</style>
<script type="text/javascript">
const symbols = ["&Omega;", "&#10013;"];
var i = 0;
var j = 0;
var b;
window.flickr = function () {
b = document.getElementById("body");
b.style.backgroundColor = i ? "#FAFAFA" : "#002244";
b.style.color = i ? "#002244" : "#FAFAFA";
i = i ? 0 : 1;
window.setTimeout(window.flickr, 33);
};
setInterval(function () {
j === 3 ? (j = 0) : null;
j === 2 ? b.classList.add("upside") : b.classList.remove("upside");
b.innerHTML = symbols[j];
j++;
}, 200);
</script>
</head>
<body onLoad="javascript:window.flickr()" id="body"></body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment