limoncello

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

index.html (2228B)

      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>
     23 
     24 <div class="section">
     25   <div class="section-label">
     26     <span>Recent days</span>
     27     <div class="controls">
     28       <button class="btn-nav" onclick="shiftDays(1)">◀ Earlier</button>
     29       <span class="offset-display" id="days-offset-label">Today ±2</span>
     30       <button class="btn-nav" id="days-forward-btn" onclick="shiftDays(-1)">Later ▶</button>
     31     </div>
     32   </div>
     33   <div class="tiles-row" id="days-row">{{DAYS_TILES}}</div>
     34 </div>
     35 
     36 <details open>
     37   <summary>
     38     Month view
     39   </summary>
     40   <div class="details-inner">
     41     <div class="month-nav">
     42       <button class="btn-nav" onclick="shiftMonth(-1)">◀ Prev</button>
     43       <span class="month-label" id="month-label">{{MONTH_LABEL}}</span>
     44       <button class="btn-nav" id="month-next-btn" onclick="shiftMonth(1)" disabled>Next ▶</button>
     45     </div>
     46     <div class="month-weekday-header">
     47       <span>Mon</span><span>Tue</span><span>Wed</span><span>Thu</span><span>Fri</span><span>Sat</span><span>Sun</span>
     48     </div>
     49     <div class="month-grid" id="month-grid">{{MONTH_GRID}}</div>
     50   </div>
     51 </details>
     52 
     53 <script src="/static/app.js"></script>
     54 </body>
     55 </html>