diff options
| author | Leo Goetz <dev@leogtz.de> | 2026-01-29 14:55:56 +0100 |
|---|---|---|
| committer | Leo Goetz <dev@leogtz.de> | 2026-01-29 14:55:56 +0100 |
| commit | d5a420a8135537c9fc36f9dd81ec7c9fc0500e66 (patch) | |
| tree | 7b3db6a743d8f463432b719748e2a3f99960dade /index.html | |
| parent | 64cc496a6cb6e1b73ed731f814018bab62d01d84 (diff) | |
feat: added router, api and data
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 154 |
1 files changed, 83 insertions, 71 deletions
@@ -1,94 +1,106 @@ -<!DOCTYPE html> +<!doctype html> <html lang="en"> -<head> - <meta charset="utf-8"> - <meta name="viewport" content="width=device-width"> + <head> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width" /> <title>Coffee Masters</title> - <link rel="preconnect" href="https://fonts.googleapis.com"> - <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap" rel="stylesheet"> - <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" /> + <link rel="preconnect" href="https://fonts.googleapis.com" /> + <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> + <link + href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap" + rel="stylesheet" + /> + <link + rel="stylesheet" + href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" + /> - <link rel="stylesheet" href="styles.css"> - <link rel="manifest" href="app.webmanifest"> - <link rel="apple-touch-icon" href="images/icons/icon.png"> - <link rel="icon" href="images/icons/icon.png"> -</head> + <script src="app.js" type="module" defer></script> -<body> + <link rel="stylesheet" href="styles.css" /> + <link rel="manifest" href="app.webmanifest" /> + <link rel="apple-touch-icon" href="images/icons/icon.png" /> + <link rel="icon" href="images/icons/icon.png" /> + </head> + + <body> <header> - <h1><img src="images/logo.svg" width="140" alt="Coffee Masters"></h1> - <nav> - <a class="navlink material-symbols-outlined" id="linkHome" href="/"> - local_cafe - </a> - <a class="navlink material-symbols-outlined" id="linkOrder" href="/order"> - shopping_cart - </a> - <span id="badge" hidden></span> - </nav> + <h1><img src="images/logo.svg" width="140" alt="Coffee Masters" /></h1> + <nav> + <a class="navlink material-symbols-outlined" id="linkHome" href="/"> + local_cafe + </a> + <a + class="navlink material-symbols-outlined" + id="linkOrder" + href="/order" + > + shopping_cart + </a> + <span id="badge" hidden></span> + </nav> </header> - <main> - </main> + <main></main> <template id="menu-page-template"> - <section> - <ul id="menu"></ul> - </section> + <section> + <ul id="menu"></ul> + </section> </template> <template id="product-item-template"> - <article> - <a href="#"> - <img> - <section> - <div> - <h4></h4> - <p class="price"><p> - </div> - <button>Add</button> - </section> - </a> - </article> + <article> + <a href="#"> + <img /> + <section> + <div> + <h4></h4> + <p class="price"></p> + <p></p> + </div> + <button>Add</button> + </section> + </a> + </article> </template> <template id="order-form-template"> - <form> - <label for="name">Your Name</label> - <input name="name" required> - <label for="phone">Your Phone Number</label> - <input name="phone" type="tel"> - <label for="email">Your Email</label> - <input name="email" type="email"> - <button type="submit">Place Order</button> - </form> + <form> + <label for="name">Your Name</label> + <input name="name" required /> + <label for="phone">Your Phone Number</label> + <input name="phone" type="tel" /> + <label for="email">Your Email</label> + <input name="email" type="email" /> + <button type="submit">Place Order</button> + </form> </template> <template id="details-page-template"> - <header> - <a href="#" onclick="app.router.go('/'); event.preventDefault()">< Back</a> - <h2></h2> - <a></a> - </header> - <img src=""> - <p class="description"></p> - <p class="price"></p> - <button>Add to cart</button> + <header> + <a href="#" onclick="app.router.go('/'); event.preventDefault()" + >< Back</a + > + <h2></h2> + <a></a> + </header> + <img src="" /> + <p class="description"></p> + <p class="price"></p> + <button>Add to cart</button> </template> <template id="cart-item-template"> - <li> - <p class='qty'></p> - <p class='name'></p> - <p class='price'></p> - <p class='toolbar'> - <a href="#" class="delete-button"> - 🗑️ - </a> - </p> - </li> + <li> + <p class="qty"></p> + <p class="name"></p> + <p class="price"></p> + <p class="toolbar"> + <a href="#" class="delete-button"> 🗑️ </a> + </p> + </li> </template> -</body> -</html>
\ No newline at end of file + </body> +</html> |