first commit

2026-01-05 18:40:48 +01:00
commit 9e03cfa3ae
12 changed files with 1295 additions and 0 deletions
--- a/public/index.html
+++ b/public/index.html
@@ -0,0 +1,55 @@
+<!doctype html>
+<html lang="pl">
+<head>
+  <meta charset="utf-8">
+  <title>wc-timer demo</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <script type="module" src="/assets/wc-timer.js"></script>
+  <style>
+    body {
+      font-family: system-ui, sans-serif;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      height: 100vh;
+      margin: 0;
+      background-color: #f0f2f5;
+    }
+    
+    /* Stylizacja kontenera, żeby ładnie wyglądało na screenshocie */
+    .container {
+      background: white;
+      padding: 2rem;
+      border-radius: 12px;
+      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
+      text-align: center;
+    }
+
+    h1 { margin-top: 0; color: #333; font-size: 1.5rem; }
+    
+    /* Styl samego komponentu */
+    wc-timer {
+      display: block;
+      font-size: 2.5rem;
+      font-weight: bold;
+      color: #0066cc;
+      margin: 1rem 0;
+      font-variant-numeric: tabular-nums; /* Aby cyfry nie skakały */
+    }
+    
+    p { color: #666; font-size: 0.9rem; }
+  </style>
+</head>
+<body>
+
+  <div class="container">
+    <h1>wc-timer</h1>
+    
+    <wc-timer target="2030-01-01T00:00:00Z"></wc-timer>
+    
+    <p>Demo &amp; Test Environment</p>
+  </div>
+
+</body>
+</html>