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.

31 lines
1.3 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; text-align:center;">{{ message }}</p>
  18. <p style="font-size:25px; text-align:center;">The current sensor distance is {{ distance }} centimeters.</p>
  19. </div>
  20. <div class="column" style="background-color:#ddd">
  21. <p style="font-size:25px; text-align:center;">Trigger the garage door opener.</p>
  22. <div style="text-align: center; display:block; float:none;">
  23. <a class="active" href="/open-garage">{{ OpenOrClose }}</a>
  24. </div>
  25. </div>
  26. </div>
  27. <div class="header" style="padding: 10px 10px;">
  28. <p style="text-align:center;">Made with &#10084;&#65039; by <a class="none" href="https://www.yeetpc.com/about.html" target="_blank">Ravi Shah</a></p>
  29. </div>
  30. </body>
  31. </html>