From 29c24df1f5c8b5fc3f9b75733c03a1cc53586c10 Mon Sep 17 00:00:00 2001
From: AtHeartEngineer <atheartengineer@gmail.com>
Date: Tue, 26 Aug 2025 14:59:49 -0400
Subject: [PATCH] init

---
 Dockerfile         | 14 +++++++
 docker-compose.yml |  7 ++++
 index.html         | 98 ++++++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 119 insertions(+)
 create mode 100644 Dockerfile
 create mode 100644 docker-compose.yml
 create mode 100644 index.html
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..b4ce990
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,14 @@
+# Use an official Python runtime as a parent image
+FROM python:3.9-slim
+
+# Set the working directory in the container
+WORKDIR /usr/src/app
+
+# Copy the current directory contents into the container at /usr/src/app
+COPY . .
+
+# Expose port 8080 for the HTTP server
+EXPOSE 8080
+
+# Run the application using Python's built-in HTTP server
+CMD ["python3", "-m", "http.server", "8080"]
diff --git a/docker-compose.yml b/docker-compose.yml
new file mode 100644
index 0000000..742cf3d
--- /dev/null
+++ b/docker-compose.yml
@@ -0,0 +1,7 @@
+version: '3.8'
+
+services:
+  personal-timezone:
+    build: .
+    ports:
+      - "8080:8080"
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..2a6f9fc
--- /dev/null
+++ b/index.html
@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Personal Timezone</title>
+    <style>
+        body {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 100vh;
+            background-color: #121212;
+            color: #ffffff;
+            font-family: Arial, sans-serif;
+            margin: 0;
+        }
+        .container {
+            text-align: center;
+        }
+        h1 {
+            font-size: 2em;
+            margin-bottom: 0.5em;
+        }
+        h2 {
+            font-size: 1.5em;
+            margin: 0.5em 0;
+        }
+        .status {
+            margin-top: 1em;
+            font-size: 1em;
+            color: #ff5722;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <h1>Personal Timezone</h1>
+        <h2 id="personal-time">Loading...</h2>
+        <div id="longitude"></div>
+        <div id="offset"></div>
+        <div class="status" id="status">Fetching location...</div>
+    </div>
+    <script>
+        (async function() {
+            try {
+                const statusElement = document.getElementById('status');
+                const longitudeElement = document.getElementById('longitude');
+                const offsetElement = document.getElementById('offset');
+                const personalTimeElement = document.getElementById('personal-time');
+
+                if (!navigator.geolocation) {
+                    statusElement.textContent = 'Geolocation is not supported by your browser.';
+                    return;
+                }
+
+                navigator.geolocation.getCurrentPosition(position => {
+                    const { longitude } = position.coords;
+                    const offset = longitude / 15;
+                    longitudeElement.textContent = `Longitude: ${longitude.toFixed(2)}°`;
+                    offsetElement.textContent = `Offset: ${offset.toFixed(2)} hours`;
+                    statusElement.textContent = '';
+
+                    function updateTime() {
+                        const now = new Date();
+                        const utcTime = new Date(now.getTime() + now.getTimezoneOffset() * 60000);
+                        const personalTime = new Date(utcTime.getTime() + offset * 3600000);
+                        personalTimeElement.textContent = personalTime.toISOString().substr(11, 8);
+                    }
+
+                    updateTime();
+                    setInterval(updateTime, 1000);
+                }, error => {
+                    let errorMessage = 'Unable to retrieve your location.';
+                    switch(error.code) {
+                        case error.PERMISSION_DENIED:
+                            errorMessage = 'User denied the request for Geolocation.';
+                            break;
+                        case error.POSITION_UNAVAILABLE:
+                            errorMessage = 'Location information is unavailable.';
+                            break;
+                        case error.TIMEOUT:
+                            errorMessage = 'The request to get user location timed out.';
+                            break;
+                        case error.UNKNOWN_ERROR:
+                            errorMessage = 'An unknown error occurred.';
+                            break;
+                    }
+                    console.error('Geolocation error:', error);
+                    statusElement.textContent = errorMessage;
+                });
+            } catch (error) {
+                document.getElementById('status').textContent = 'An error occurred: ' + error.message;
+            }
+        })();
+    </script>
+</body>
+</html>
