Spaces:
Sleeping
Sleeping
| <html lang="es"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>Inventario Hogar</title> | |
| <link rel="stylesheet" href="/static/styles.css" /> | |
| <script type="module" src="/static/app.js" defer></script> | |
| </head> | |
| <body> | |
| <main class="layout"> | |
| <section class="hero"> | |
| <div> | |
| <p class="eyebrow">Python Async + Whisper Local</p> | |
| <h1>Inventario del hogar</h1> | |
| <p class="lead">SQLite es la base principal. Google Sheets es respaldo. Telegram es el canal operativo.</p> | |
| </div> | |
| </section> | |
| <section class="grid"> | |
| <article class="panel"> | |
| <h2>Registrar producto</h2> | |
| <form id="product-form"> | |
| <label>Producto<input name="producto" required /></label> | |
| <label>Precio<input name="precio" type="number" min="0" step="0.01" required /></label> | |
| <label>Cantidad<input name="cantidad" type="number" min="0.01" step="0.01" required /></label> | |
| <label>Unidad<input name="unidad" value="unidad" required /></label> | |
| <label>Fecha caducidad<input name="fechaCaducidad" type="date" required /></label> | |
| <label>Fecha ingreso<input name="fechaIngreso" type="date" required /></label> | |
| <label>Fecha produccion<input name="fechaProduccion" type="date" required /></label> | |
| <label>Notas<textarea name="notas" rows="3"></textarea></label> | |
| <button type="submit">Guardar</button> | |
| </form> | |
| <pre id="product-result" class="result"></pre> | |
| </article> | |
| <article class="panel"> | |
| <h2>Consumir producto</h2> | |
| <form id="consume-form"> | |
| <label>Producto<input name="producto" required /></label> | |
| <label>Cantidad<input name="cantidad" type="number" min="0.01" step="0.01" required /></label> | |
| <label>Unidad<input name="unidad" value="unidad" required /></label> | |
| <label>Notas<textarea name="notas" rows="3"></textarea></label> | |
| <button type="submit">Descontar</button> | |
| </form> | |
| <pre id="consume-result" class="result"></pre> | |
| </article> | |
| </section> | |
| </main> | |
| </body> | |
| </html> | |