limoncello

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README | LICENSE

index.html (2882B)


      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>Unit Tracker</title>
      7   <link rel="stylesheet" href="/static/style.css">
      8 </head>
      9 <body>
     10 
     11 <div id="summary">{{SUMMARY}}</div>
     12 
     13 <div class="legend">
     14   <div class="legend-item"><div class="legend-dot" style="background:#1e1e2e;border:1px solid #333"></div>0</div>
     15   <div class="legend-item"><div class="legend-dot" style="background:#1a4a7a"></div>&lt;2</div>
     16   <div class="legend-item"><div class="legend-dot" style="background:#1a5c2a"></div>&lt;4</div>
     17   <div class="legend-item"><div class="legend-dot" style="background:#5c4a00"></div>&lt;8</div>
     18   <div class="legend-item"><div class="legend-dot" style="background:#6b2e00"></div>&lt;14</div>
     19   <div class="legend-item"><div class="legend-dot" style="background:#6b0a0a"></div>&lt;20</div>
     20   <div class="legend-item"><div class="legend-dot" style="background:#3d0a6b"></div>&lt;30</div>
     21   <div class="legend-item"><div class="legend-dot" style="background:#0a0a0a;border:1px solid #333"></div>30+</div>
     22   <div class="legend-item">
     23     <div class="legend-dot" style="background:transparent;border:1.5px solid #555;box-shadow:0 0 5px rgba(150,150,255,0.4)"></div>
     24     Past/empty
     25   </div>
     26 </div>
     27 
     28 <div class="section">
     29   <div class="section-label">
     30     <span>Recent days</span>
     31     <div class="controls">
     32       <button class="btn-nav" onclick="shiftDays(1)">◀ Earlier</button>
     33       <span class="offset-display" id="days-offset-label">Today ±2</span>
     34       <button class="btn-nav" id="days-forward-btn" onclick="shiftDays(-1)">Later ▶</button>
     35     </div>
     36   </div>
     37   <div class="tiles-row" id="days-row">{{DAYS_TILES}}</div>
     38 </div>
     39 
     40 <details>
     41   <summary>
     42     Week view
     43     <span class="panel-sublabel" id="week-label">{{WEEK_LABEL}}</span>
     44   </summary>
     45   <div class="details-inner">
     46     <div class="controls" style="margin-bottom:0.75rem">
     47       <button class="btn-nav" onclick="shiftWeek(1)">◀ Prev week</button>
     48       <span class="offset-display" id="week-offset-label">This week</span>
     49       <button class="btn-nav" id="week-forward-btn" onclick="shiftWeek(-1)">Next week ▶</button>
     50     </div>
     51     <div class="tiles-row" id="week-row">{{WEEK_TILES}}</div>
     52   </div>
     53 </details>
     54 
     55 <details>
     56   <summary>
     57     Month view
     58     <span class="panel-sublabel" id="month-label">{{MONTH_LABEL}}</span>
     59   </summary>
     60   <div class="details-inner">
     61     <div class="controls" style="margin-bottom:0.75rem">
     62       <button class="btn-nav" onclick="shiftMonth(1)">◀ Prev month</button>
     63       <span class="offset-display" id="month-offset-label">This month</span>
     64       <button class="btn-nav" id="month-forward-btn" onclick="shiftMonth(-1)">Next month ▶</button>
     65     </div>
     66     <div id="month-grid">{{MONTH_GRID}}</div>
     67   </div>
     68 </details>
     69 
     70 <script src="/static/app.js"></script>
     71 </body>
     72 </html>