first commit

public/tools/timestamp.html

@@ -0,0 +1,42 @@
+<!-- ═══════════════ TIMESTAMP ═══════════════ -->
+<div class="page" id="page-timestamp">
+  <button class="back-btn" onclick="showPage('home')">← Back to Tools</button>
+  <div class="section-header">
+    <h2><i class="fas fa-clock" style="color:var(--cyan)"></i> Timestamp Converter</h2>
+    <p>Convert between Unix timestamps and human-readable dates.</p>
+  </div>
+  <div style="max-width:640px;">
+    <div class="panel-label">Input (Unix timestamp, ISO date, or "now")</div>
+    <div style="display:flex;gap:10px;">
+      <input type="text" id="tsInput" placeholder="1709683200 or 2024-03-06 or now" />
+      <button class="btn btn-primary" onclick="convertTimestamp()"><i class="fas fa-sync"></i> Convert</button>
+      <button class="btn btn-secondary" onclick="document.getElementById('tsInput').value='now';convertTimestamp()">Now</button>
+    </div>
+    <div id="tsResults" style="margin-top:16px;"></div>
+    <div class="status" id="tsStatus"></div>
+    <div class="api-usage">
+      <button class="api-usage-toggle" onclick="toggleApiUsage(this)"><span><i class="fas fa-terminal"></i> API Usage <span class="badge">REST</span></span><i class="fas fa-chevron-down"></i></button>
+      <div class="api-usage-body">
+        <div class="api-baseurl-note">All examples use <code>BASE_URL</code> — set it to your deployment URL.</div>
+        <div class="api-endpoint">
+          <span class="api-method post">POST</span><span class="api-path">/api/timestamp</span>
+          <div class="api-desc">Convert between Unix timestamps, ISO dates, and relative time. Accepts 10-digit (seconds), 13-digit (ms), ISO strings, or "now".</div>
+          <div class="api-code"><button class="api-code-copy" onclick="copyApiCode(this)">Copy</button><span class="kw">const</span> <span class="var">BASE_URL</span> = <span class="str">"http://localhost:3000"</span>;
+
+<span class="cm">// From Unix timestamp:</span>
+<span class="kw">const</span> res = <span class="kw">await</span> <span class="fn">fetch</span>(<span class="var">`${BASE_URL}/api/timestamp`</span>, {
+  method: <span class="str">"POST"</span>,
+  headers: { <span class="str">"Content-Type"</span>: <span class="str">"application/json"</span> },
+  body: JSON.<span class="fn">stringify</span>({ value: <span class="str">"1709683200"</span> })
+  <span class="cm">// Also: "now", "2024-03-06", or "1709683200000" (ms)</span>
+});
+<span class="kw">const</span> data = <span class="kw">await</span> res.<span class="fn">json</span>();
+<span class="cm">// → { success: true, unix: 1709683200, unixMs: 1709683200000,
+//     iso: "2024-03-06T00:00:00.000Z", utc: "Wed, 06 Mar 2024...",
+//     local: "...", relative: "1y ago" }</span></div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+