commit 9a8fce5647b49fd493dd8aa91f112765c6739196 Author: xoy Date: Mon Dec 4 21:29:49 2023 +0100 [First version] diff --git a/Novem.ttf b/Novem.ttf new file mode 100644 index 0000000..9781090 Binary files /dev/null and b/Novem.ttf differ diff --git a/Novem.txt b/Novem.txt new file mode 100644 index 0000000..f03b4d9 --- /dev/null +++ b/Novem.txt @@ -0,0 +1 @@ +https://www.ggbot.net/fonts \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..2cc9c09 --- /dev/null +++ b/index.html @@ -0,0 +1,14 @@ + + + + + + loading . . . + + + +
X
+ + + + \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..66be793 --- /dev/null +++ b/script.js @@ -0,0 +1,14 @@ +var index = 0; + +const label = "XOY"; + +const display = document.getElementsByClassName("display")[0]; + +function iterate_characters() { + display.innerHTML = label.charAt(index); + index = (index == label.length - 1) ? 0 : index + 1; +} + +iterate_characters(); + +setInterval(iterate_characters, 1000); \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..a0ea9f2 --- /dev/null +++ b/style.css @@ -0,0 +1,31 @@ +@font-face { + font-family: Novem; + src: url(Novem.ttf); +} + +@keyframes loading { + from {transform: scale(1);} + 50% {transform: scale(2);} + to {transform: scale(1);} +} + +html, body { + width: 100vw; + height: 100vh; + overflow: hidden; + padding: 0; + color: white; + background-color: black; + font-family: Novem; + display: flex; +} + +div.display { + display: block; + width: 100px; + height: 100px; + margin: auto; + text-align: center; + font-size: 100px; + animation: loading 2s infinite; +} \ No newline at end of file