feat: complete day 16

2025-07-21 22:23:26 +01:00
parent cbbb0ed4c4
commit dc35cfcb3f
20 changed files with 764 additions and 20 deletions
@@ -0,0 +1,48 @@
+<%- include('partials/header') %>
+<div style="padding: 32px; max-width: 900px; margin: 0 auto">
+  <h3>Pick a date and time</h3>
+  <p><b>Duration:</b> 1 hour</p>
+  <label>Your timezone:</label>
+  <select name="timezone" id="timezone-select">
+    <% timezones.forEach(function(tz) { %>
+    <option value="<%= tz.value %>"><%= tz.label %></option>
+    <% }) %>
+  </select>
+  <hr />
+  <div style="display: flex; justify-content: center; margin-top: 40px">
+    <div
+      style="
+        background: #fff;
+        padding: 32px;
+        border-radius: 8px;
+        box-shadow: 0 2px 8px #0001;
+        min-width: 400px;
+      "
+    >
+      <h4>TIME ZONE</h4>
+      <div style="display: flex; gap: 32px">
+        <% Object.keys(timezoneGroups).forEach(function(region) { %>
+        <div>
+          <b><%= region %></b>
+          <% timezoneGroups[region].forEach(function(tz) { %>
+          <div>
+            <input type="radio" name="timezoneRadio" value="<%= tz.value %>" />
+            <%= tz.label %>
+          </div>
+          <% }) %>
+        </div>
+        <% }) %>
+      </div>
+      <div style="margin-top: 16px">
+        <label
+          ><input type="radio" name="format" value="ampm" checked />
+          am/pm</label
+        >
+        <label style="margin-left: 16px"
+          ><input type="radio" name="format" value="24hr" /> 24hr</label
+        >
+      </div>
+    </div>
+  </div>
+</div>
+<%- include('partials/footer') %>