From 5b8e521629cce4e1aaa98da9342ad4c0534f5b64 Mon Sep 17 00:00:00 2001
From: jeycaarce <149430677+jeycaarce@users.noreply.github.com>
Date: Sun, 26 Nov 2023 01:04:21 +0800
Subject: [PATCH] Add files via upload
---
index.html | 16 ++++++++++++++++
script.js | 36 ++++++++++++++++++++++++++++++++++++
style.css | 25 +++++++++++++++++++++++++
3 files changed, 77 insertions(+)
create mode 100644 index.html
create mode 100644 script.js
create mode 100644 style.css
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..0b0772f
--- /dev/null
+++ b/index.html
@@ -0,0 +1,16 @@
+
+
+
+
+
+
+ my crush
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..1de5454
--- /dev/null
+++ b/script.js
@@ -0,0 +1,36 @@
+document.addEventListener("DOMContentLoaded", function () {
+ const lyrics = [
+ "Kissing, I hope they caught us",
+ "Whether they like or not",
+ "I wanna show you off",
+ "I wanna show you off",
+ "I wanna brag about it",
+ "I wanna tie the knot",
+ "I wanna show you off"
+
+ ];
+
+ const delay = 33;
+ const lyricsElement = document.getElementById("lyrics");
+
+ async function displayLyrics() {
+ for (const line of lyrics) {
+ for (const char of line) {
+ lyricsElement.textContent += char;
+ await new Promise((resolve) => setTimeout(resolve, delay));
+ }
+
+ lyricsElement.innerHTML += "
";
+
+ await new Promise((resolve) => setTimeout(resolve, delay * 10));
+
+ lyricsElement.innerHTML = "";
+
+ await new Promise((resolve) => setTimeout(resolve, delay * 10));
+ }
+ }
+
+ displayLyrics();
+});
+
+
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..52649ea
--- /dev/null
+++ b/style.css
@@ -0,0 +1,25 @@
+@import url('https://fonts.googleapis.com/css2?family=Righteous');
+
+body {
+ background-image: url('video.gif');
+ background-size: cover;
+ margin: 0;
+ padding: 0;
+ height: 100vh;
+ overflow: hidden;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ position: relative;
+ font-family: 'Poppins', sans-serif;
+}
+
+.text h1 {
+ margin: -10%;
+ font-size: clamp(40px, 60vw, 60px);
+ text-align: center;
+ padding: 10px 20px;
+ font-weight: bold;
+ color: white;
+
+}
\ No newline at end of file