diff options
Diffstat (limited to 'www/index.html')
| -rw-r--r-- | www/index.html | 79 |
1 files changed, 79 insertions, 0 deletions
diff --git a/www/index.html b/www/index.html new file mode 100644 index 0000000..44592c0 --- /dev/null +++ b/www/index.html @@ -0,0 +1,79 @@ +<!doctype html> +<html lang="en"> + <head> + <meta charset="utf-8"> + <title>Flowerpot</title> + <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> + <meta name="description" content="An app to track when houseplants were last watered"> + <meta name="author" content="https://jesterpm.net"> + <meta property="og:image" content="icons.png"> + <link rel="icon" href="favicon.ico"> + <link rel="manifest" href="manifest.webmanifest"> + <link rel="stylesheet" href="style.css"> + + <script type="text/template" id="device-template"> + <div class="card"> + <h2><%- name %></h2> + <p> + <img src="icon.png"> + <span class="level"><%- water_level %></span> + </p> + <p class="detail"> + Last watered <%- last_watered %> + </p> + <div class="edit"><img src="settings.svg" width="24" height="24" alt="Edit" title="Edit"></div> + </div> + </script> + + <script type="text/template" id="edit-device-template"> + <div class="card"> + <form> + <p> + <input type="text" name="name" value="<%- name %>"> + </p> + <p> + <label><input type="checkbox" name="notify"> Notify me</label> + </p> + <p class="detail"> + Last updated <%- last_updated %><br> + Resistence <%- Math.round(current_value) / 1000 %> kΩ<br> + </p> + <p class="actions"> + <button class="btn cancel">Cancel</button> + <input type="submit" class="btn primary save" value="Save"> + </p> + </form> + </div> + </script> + + + <script type="text/javascript" src="jquery-3.6.0.min.js" defer></script> + <script type="text/javascript" src="underscore-umd-min.js" defer></script> + <script type="text/javascript" src="backbone-min.js" defer></script> + <script type="text/javascript" src="main.js" defer></script> + </head> + <body> + <header> + <img src="icon.png" alt="Flowerpot Logo"> Flowerpot + </header> + <main> + <section id="content"> + <div class="sadflower"> + <p><img src="sadplant.png" alt="Sad flowerpot"></p> + <p>You don't have any plants :(</p> + </div> + <div class="card"> + <h2>A beautiful flower</h2> + <p> + <img src="icon.png"> + <span class="level">75%</span> + </p> + <p class="detail"> + Last watered Sunday, December 20th at 20:00 + </p> + </div> + </section> + </main> + </body> +</html> |