From 549173846956d0311f0795e044fd28328320f987 Mon Sep 17 00:00:00 2001
From: slowpoke111 <110692534+slowpoke111@users.noreply.github.com>
Date: Thu, 5 Sep 2024 16:51:53 -0400
Subject: [PATCH] Added gui

---
 index.html | 101 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 main.js    |  33 +++++++++++++++++
 2 files changed, 134 insertions(+)
 create mode 100644 index.html
 create mode 100644 main.js
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..12e8bdf
--- /dev/null
+++ b/index.html
@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Wordle Solution Finder</title>
+    <style>
+        body {
+            font-family: 'Courier New', Courier, monospace;
+            color: #00FF00; /* Green text color */
+            background: linear-gradient(135deg, #000000, #003300); /* Black to dark green gradient */
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            min-height: 100vh;
+            margin: 0;
+            overflow: hidden;
+        }
+        h1 {
+            margin-bottom: 20px;
+            font-size: 2.5rem;
+        }
+        label, input, button {
+            background-color: #003300;
+            color: #00FF00;
+            border: 2px solid #00FF00;
+            border-radius: 5px;
+            padding: 10px;
+            font-size: 16px;
+            margin: 10px;
+        }
+        button {
+            cursor: pointer;
+            transition: background-color 0.3s ease, border-color 0.3s ease;
+        }
+        button:hover {
+            background-color: #00FF00;
+            color: #003300;
+            border-color: #003300;
+        }
+        #solution {
+            margin-top: 20px;
+            font-size: 24px;
+            font-weight: bold;
+            text-shadow: 0 0 10px rgba(0, 255, 0, 0.5); /* Green glow effect */
+        }
+    </style>
+</head>
+<body>
+    <h1>Wordle Solution Finder</h1>
+    <label for="days">Enter number of days from today:</label>
+    <input type="number" id="days" value="1" min="-30" max="30">
+    <button onclick="fetchSolution()">Get Wordle Solution</button>
+    <div id="solution"></div>
+
+    <script>
+        async function fetchWordleSolution(future = 1) {
+            const today = new Date();
+            const targetDate = new Date(today);
+            targetDate.setUTCDate(today.getUTCDate() + future);
+
+            const year = targetDate.getUTCFullYear();
+            const month = String(targetDate.getUTCMonth() + 1).padStart(2, '0');
+            const day = String(targetDate.getUTCDate()).padStart(2, '0');
+            const dateStr = `${year}-${month}-${day}`;
+
+            const url = `https://www.nytimes.com/svc/wordle/v2/${dateStr}.json`;
+            const proxyUrl = `https://api.allorigins.win/get?url=${encodeURIComponent(url)}`; // Using a  CORS proxy
+
+            console.log(`Fetching data from URL: ${proxyUrl}`);
+
+            try {
+                const response = await fetch(proxyUrl);
+                if (!response.ok) {
+                    const errorText = await response.text(); 
+                    throw new Error(`HTTP error! Status: ${response.status}. Message: ${errorText}`);
+                }
+                const data = await response.json();
+                console.log('Fetched data:', data); 
+                return JSON.parse(data.contents).solution; // Parsing data from the proxy
+            } catch (error) {
+                console.error('Error fetching the Wordle solution:', error);
+                return null;
+            }
+        }
+
+        async function fetchSolution() {
+            const days = document.getElementById('days').value;
+            console.log(`Days input: ${days}`); 
+            const word = await fetchWordleSolution(parseInt(days));
+            const solutionElement = document.getElementById('solution');
+            if (word) {
+                solutionElement.innerText = `Wordle Solution: ${word}`;
+            } else {
+                solutionElement.innerText = 'Error fetching the Wordle solution.';
+            }
+        }
+    </script>
+</body>
+</html>
diff --git a/main.js b/main.js
new file mode 100644
index 0000000..f9d2fda
--- /dev/null
+++ b/main.js
@@ -0,0 +1,33 @@
+async function fetchWordleSolution(future = 1) {
+    const today = new Date();
+    const targetDate = new Date(today);
+    targetDate.setUTCDate(today.getUTCDate() + future);
+
+    const year = targetDate.getUTCFullYear();
+    const month = String(targetDate.getUTCMonth() + 1).padStart(2, '0');
+    const day = String(targetDate.getUTCDate()).padStart(2, '0');
+    const dateStr = `${year}-${month}-${day}`;
+
+    const url = `https://www.nytimes.com/svc/wordle/v2/${dateStr}.json`;
+
+    try {
+        const response = await fetch(url);
+        if (!response.ok) {
+            throw new Error(`HTTP error! Status: ${response.status}`);
+        }
+        const data = await response.json();
+        return data.solution;
+    } catch (error) {
+        console.error('Error fetching the Wordle solution:', error);
+        return null;
+    }
+}
+
+async function main() {
+    for (let i = 0; i < 32; i++) {
+        const word = await fetchWordleSolution(i);
+        console.log(`${i}: ${word}`);
+    }
+}
+
+main();
