A rewrite of the Raspberry Pi Garage Door Opener using Flask
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

32 lines
1.1 KiB

5 years ago
  1. <html>
  2. <head>
  3. <title>Pi Garage Door Opener</title>
  4. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  5. <link href="static/bootstrap.min.css" rel="stylesheet" media="screen">
  6. <link href="static/styles.css" rel="stylesheet" media="screen">
  7. </head>
  8. <body>
  9. <div class="header">
  10. <a href="#" class="text">Pi Garage Door Opener</a>
  11. <div class="header-right">
  12. <a class="active" href="/logout">Logout</a>
  13. </div>
  14. </div>
  15. <div class="row">
  16. <div class="column" style="background-color:#ccc">
  17. <p style="font-size:25px;">{{ message }}</p>
  18. <p style="font-size:25px;">The current sensor distance is {{ distance }} centimeters.</p>
  19. </div>
  20. <div class="column" style="background-color:#ddd">
  21. <p style="font-size:25px;">Trigger the garage door opener.</p>
  22. <a class="active" href="/open-garage">{{ OpenOrClose }}</a>
  23. </div>
  24. </div>
  25. <div class="header">
  26. <a href="#" class="text">Pi Garage Door Opener</a>
  27. <div class="header-right">
  28. <a class="active" href="/logout">Logout</a>
  29. </div>
  30. </div>
  31. </body>
  32. </html>