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.

35 lines
1.6 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. <link rel="manifest" href="static/site.webmanifest">
  8. <link rel="apple-touch-icon" sizes="180x180" href="static/apple-touch-icon.png">
  9. <link rel="icon" type="image/png" sizes="32x32" href="static/favicon-32x32.png">
  10. <link rel="icon" type="image/png" sizes="16x16" href="static/favicon-16x16.png">
  11. </head>
  12. <body>
  13. <div class="header">
  14. <a href="https://github.com/Rav4s/New-Pi-Garage-Door-Opener" class="text">Pi Garage Door Opener</a>
  15. <div class="header-right">
  16. <a class="active" href="/logout">Logout</a>
  17. </div>
  18. </div>
  19. <div class="row">
  20. <div class="column" style="background-color:#ccc">
  21. <p style="font-size:25px; text-align:center;">{{ message }}</p>
  22. <p style="font-size:25px; text-align:center;">The current sensor distance is {{ distance }} centimeters.</p>
  23. </div>
  24. <div class="column" style="background-color:#ddd">
  25. <p style="font-size:25px; text-align:center;">Trigger the garage door opener.</p>
  26. <div style="text-align:center;">
  27. <a class="overridefloat" href="/open-garage">{{ OpenOrClose }}</a>
  28. </div>
  29. </div>
  30. </div>
  31. <div class="header" style="padding: 10px 10px;">
  32. <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>
  33. </div>
  34. </body>
  35. </html>