|
| 1 | +<!DOCTYPE html> |
| 2 | +<html lang="en"> |
| 3 | +<head> |
| 4 | + <meta charset="utf-8" /> |
| 5 | + <meta name="viewport" content="width=device-width,initial-scale=1" /> |
| 6 | + <title>OnePage Apps — traefikturkey</title> |
| 7 | + <style> |
| 8 | + :root{--bg:#0f1724;--card:#111827;--muted:#94a3b8;--accent1:#667eea;--accent2:#764ba2} |
| 9 | + html,body{height:100%} |
| 10 | + body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,'Helvetica Neue',Arial;color:#e6eef8;background:linear-gradient(180deg,var(--bg) 0%,#0b1220 100%);display:flex;align-items:flex-start;justify-content:center;padding:28px} |
| 11 | + .wrap{max-width:1100px;width:100%} |
| 12 | + header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:20px} |
| 13 | + h1{font-size:20px;margin:0;letter-spacing:-0.2px} |
| 14 | + p.lead{margin:4px 0 0;color:var(--muted);font-size:13px} |
| 15 | + .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px} |
| 16 | + .card{background:linear-gradient(180deg,rgba(255,255,255,0.02),transparent);border:1px solid rgba(255,255,255,0.04);padding:18px;border-radius:10px;box-shadow:0 6px 18px rgba(2,6,23,0.6)} |
| 17 | + .card h3{margin:0 0 8px;font-size:16px} |
| 18 | + .card p{margin:0 0 12px;color:var(--muted);font-size:13px} |
| 19 | + .card a.cta{display:inline-block;padding:8px 12px;border-radius:8px;background:linear-gradient(90deg,var(--accent1),var(--accent2));color:white;text-decoration:none;font-weight:600} |
| 20 | + footer{margin-top:22px;color:var(--muted);font-size:13px;text-align:center} |
| 21 | + @media (max-width:420px){body{padding:14px}.card{padding:14px}} |
| 22 | + </style> |
| 23 | +</head> |
| 24 | +<body> |
| 25 | + <div class="wrap"> |
| 26 | + <header> |
| 27 | + <div> |
| 28 | + <h1>OnePage Apps</h1> |
| 29 | + <p class="lead">Collection of single-page apps — served from this repository.</p> |
| 30 | + </div> |
| 31 | + <div style="text-align:right;color:var(--muted);font-size:13px">onepage.traefikturkey.com</div> |
| 32 | + </header> |
| 33 | + |
| 34 | + <main> |
| 35 | + <div class="grid"> |
| 36 | + <article class="card"> |
| 37 | + <h3>Chat Command Matcher</h3> |
| 38 | + <p>Test VS Code Chat terminal auto-approve patterns against commands.</p> |
| 39 | + <a class="cta" href="chat-command-matcher/vscode-chat-command-matcher.html">Open app →</a> |
| 40 | + </article> |
| 41 | + |
| 42 | + <article class="card"> |
| 43 | + <h3>HCL Linter (preview)</h3> |
| 44 | + <p>HCL linter</p> |
| 45 | + <a class="cta" href="hcl_linter/hcl_linter.html">Open app →</a> |
| 46 | + </article> |
| 47 | + </div> |
| 48 | + </main> |
| 49 | + |
| 50 | + <footer> |
| 51 | + Hosted via GitHub Pages — this repository contains multiple one-page apps in subdirectories. |
| 52 | + </footer> |
| 53 | + </div> |
| 54 | +</body> |
| 55 | +</html> |
0 commit comments