Add files via upload

assets/script.js

@@ -0,0 +1,51 @@
+// Дохватање елемената форме и статуса
+const form = document.getElementById("messageForm");
+const statusDiv = document.getElementById("status");
+const webhookURL =
+    "https://discord.com/api/webhooks/1271901711581057034/2ZBhvDiLatUOViLEzRnB7hqnNxJbzcUVQx-R4mzGefFYiHB3Hz-ZKmk5DIfSYsfQswPQ";
+
+// Додавање event listener-а за слање форме
+form.addEventListener("submit", async (e) => {
+    e.preventDefault();
+    const message = document.getElementById("message").value;
+    statusDiv.textContent = "⏳";
+
+    try {
+        // Слање поруке на Discord webhook
+        const response = await fetch(webhookURL, {
+            method: "POST",
+            headers: {
+                "Content-Type": "application/json",
+            },
+            body: JSON.stringify({
+                content: message,
+                username: "DisGuise",
+            }),
+        });
+
+        if (response.ok) {
+            statusDiv.textContent = "🎉";
+            form.reset();
+        } else {
+            throw new Error("Неуспешно слање");
+        }
+    } catch (error) {
+        statusDiv.textContent = "❌";
+        console.error("Грешка:", error);
+    }
+});
+
+// Функција за креирање звезда у позадини
+function createStar() {
+    const star = document.createElement("div");
+    star.className = "star";
+    star.style.left = `${Math.random() * 100}vw`;
+    star.style.top = `${Math.random() * 100}vh`;
+    star.style.animationDuration = `${Math.random() * 5 + 3}s`;
+    document.body.appendChild(star);
+}
+
+// Креирање 50 звезда
+for (let i = 0; i < 50; i++) {
+    createStar();
+}

assets/styles.css

@@ -0,0 +1,98 @@
+/* Дефинисање глобалних варијабли за боје */
+:root {
+    --bg-color: #0b0c1d; /* Тамнија свемирска боја */
+    --card-color: #1c1e3a; /* Тамнија боја за картицу */
+    --text-color: #e0e0e0; /* Светло сива */
+    --accent-color: #8a94f0; /* Светлија плава */
+}
+
+/* Стилизација тела странице */
+body {
+    font-family: Arial, sans-serif;
+    background-color: var(--bg-color);
+    color: var(--text-color);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+    overflow: hidden;
+    margin: 0;
+    padding: 0;
+    flex-direction: column; /* Додато за вертикално центрирање */
+}
+
+/* Стилизација наслова */
+h1 {
+    color: var(--accent-color);
+    text-align: center;
+    font-size: 2.5rem;
+    margin: 2rem 0 1rem 0; /* Повећано растојање изнад и испод наслова */
+}
+
+/* Стилизација форме */
+form {
+    background-color: var(--card-color);
+    padding: 20px;
+    border-radius: 8px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+    width: 90%;
+    max-width: 400px;
+    display: flex;
+    flex-direction: column;
+    align-items: center; /* Центрирање елемената унутар форме */
+    margin-bottom: 1rem; /* Размак испод форме */
+}
+
+/* Стилизација текст поља */
+textarea {
+    width: 100%;
+    padding: 10px;
+    margin-bottom: 10px;
+    border: 1px solid #2a2c54;
+    border-radius: 4px;
+    background-color: #2c2f57;
+    color: #ffffff;
+    resize: none;
+}
+
+/* Стилизација дугмета */
+button {
+    background-color: var(--accent-color);
+    color: white;
+    border: none;
+    padding: 10px;
+    border-radius: 4px;
+    cursor: pointer;
+    width: 100%;
+    margin-top: 10px;
+}
+
+/* Стилизација статус поруке */
+#status {
+    margin-top: 10px;
+    text-align: center;
+    font-size: 1.5rem;
+    color: var(--accent-color);
+}
+
+/* Стилизација звезда у позадини */
+.star {
+    position: fixed;
+    width: 2px;
+    height: 2px;
+    background-color: rgba(255, 255, 255, 0.5);
+    border-radius: 50%;
+    pointer-events: none;
+    animation: twinkle 5s infinite ease-in-out;
+}
+
+/* Анимација трептања звезда */
+@keyframes twinkle {
+    0%,
+    100% {
+        opacity: 0;
+    }
+    50% {
+        opacity: 1;
+    }
+}