diff --git a/index.html b/index.html new file mode 100644 index 0000000..451596f --- /dev/null +++ b/index.html @@ -0,0 +1,18 @@ + + + + + + + + + + TextHorror + + + +
+ + + + \ No newline at end of file diff --git a/text_horror/app.js b/text_horror/app.js new file mode 100644 index 0000000..517709f --- /dev/null +++ b/text_horror/app.js @@ -0,0 +1,11 @@ +var i = 0; +var txt = 'Hello welcome to TextHorror!'; +var speed = 50; + +function typeWriter() { + if (i < txt.length) { + document.getElementById("bubble").innerHTML += txt.charAt(i); + i++; + setTimeout(typeWriter, speed); + } +} \ No newline at end of file diff --git a/text_horror/assets/pixel-font.ttf b/text_horror/assets/pixel-font.ttf new file mode 100644 index 0000000..dcca687 Binary files /dev/null and b/text_horror/assets/pixel-font.ttf differ diff --git a/text_horror/assets/triangle.png b/text_horror/assets/triangle.png new file mode 100644 index 0000000..28fb949 Binary files /dev/null and b/text_horror/assets/triangle.png differ diff --git a/text_horror/style.css b/text_horror/style.css new file mode 100644 index 0000000..4ea0608 --- /dev/null +++ b/text_horror/style.css @@ -0,0 +1,51 @@ +@font-face { + font-family: pixel-font; + src: url(assets/pixel-font.ttf); +} + +body { + color-scheme: dark; + background-color: black; + color: white; + text-align: center; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +#bubble { + font-family: pixel-font; + text-align: left; + font-size: 30px; + border-width: 5px; + border-style: solid; + border-color: white; + padding: 30px; + margin: 0; + position: absolute; + top: 50%; + left: 50%; + width: 70%; + height: 50%; + transform: translate(-50%, -50%); +} + +.triangle { + fill: #fff; + position: absolute; + right: 17%; + bottom: 27%; + animation: float 1.5s ease-in-out infinite; +} + +@keyframes float { + 0% { + transform: translatey(0px); + } + + 50% { + transform: translatey(-20px); + } + + 100% { + transform: translatey(0px); + } +} \ No newline at end of file