working companion prototype

2025-11-24 23:32:36 +01:00
parent e7978024d7
commit e2bea9a126
175 changed files with 23227 additions and 3519 deletions
--- a/resources/mock-fixtures/step-15-time-of-day.html
+++ b/resources/mock-fixtures/step-15-time-of-day.html
@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>iRacing - Weather</title>
+  <link rel="stylesheet" href="common.css">
+</head>
+<body data-step="15">
+  
+  <header class="header">
+    <div class="step-indicator" data-indicator="weather">
+      <span>Step</span>
+      <span class="current">15</span>
+      <span>of 18</span>
+      <span>—</span>
+      <span>Weather</span>
+    </div>
+  </header>
+  
+  <main class="main">
+    <h1 class="page-title">Weather</h1>
+    
+    <form id="weather-form">
+      <div class="form-group">
+        <label class="form-label" for="weatherType">Weather Type</label>
+        <select 
+          id="weatherType"
+          class="form-select"
+          data-dropdown="weatherType"
+        >
+          <option value="clear">Clear</option>
+          <option value="partly-cloudy">Partly Cloudy</option>
+          <option value="mostly-cloudy">Mostly Cloudy</option>
+          <option value="overcast">Overcast</option>
+        </select>
+      </div>
+      
+      <div class="slider-group">
+        <div class="slider-header">
+          <span class="slider-label">Temperature</span>
+          <span class="slider-value">20°C</span>
+        </div>
+        <input 
+          type="range" 
+          class="slider-input"
+          data-slider="temperature"
+          min="-10"
+          max="45"
+          value="20"
+        />
+      </div>
+      
+      <div class="slider-group">
+        <div class="slider-header">
+          <span class="slider-label">Humidity</span>
+          <span class="slider-value">50%</span>
+        </div>
+        <input 
+          type="range" 
+          class="slider-input"
+          data-slider="humidity"
+          min="0"
+          max="100"
+          value="50"
+        />
+      </div>
+      
+      <div class="toggle-group">
+        <input 
+          type="checkbox" 
+          id="dynamicWeather"
+          class="toggle-input"
+          data-toggle="dynamicWeather"
+        />
+        <label class="toggle-label" for="dynamicWeather">Dynamic weather</label>
+      </div>
+    </form>
+  </main>
+  
+  <footer class="footer">
+    <button 
+      type="button" 
+      class="btn btn-secondary"
+      data-action="back"
+      onclick="window.location.href='step-14-track-options.html'"
+    >
+      Back
+    </button>
+    <button 
+      type="button" 
+      class="btn btn-primary"
+      data-action="next"
+      onclick="window.location.href='step-16-weather.html'"
+    >
+      Next
+    </button>
+  </footer>
+  
+</body>
+</html>