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
35 lines
1.6 KiB
<html>
|
|
<head>
|
|
<title>Pi Garage Door Opener</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link href="static/bootstrap.min.css" rel="stylesheet" media="screen">
|
|
<link href="static/styles.css" rel="stylesheet" media="screen">
|
|
<link rel="manifest" href="static/site.webmanifest">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="static/apple-touch-icon.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="static/favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="static/favicon-16x16.png">
|
|
</head>
|
|
<body>
|
|
<div class="header">
|
|
<a href="https://github.com/Rav4s/New-Pi-Garage-Door-Opener" class="text">Pi Garage Door Opener</a>
|
|
<div class="header-right">
|
|
<a class="active" href="/logout">Logout</a>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="column" style="background-color:#ccc">
|
|
<p style="font-size:25px; text-align:center;">{{ message }}</p>
|
|
<p style="font-size:25px; text-align:center;">The current sensor distance is {{ distance }} centimeters.</p>
|
|
</div>
|
|
<div class="column" style="background-color:#ddd">
|
|
<p style="font-size:25px; text-align:center;">Trigger the garage door opener.</p>
|
|
<div style="text-align:center;">
|
|
<a class="overridefloat" href="/open-garage">{{ OpenOrClose }}</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="header" style="padding: 10px 10px;">
|
|
<p style="text-align:center;">Made with ❤️ by <a class="none" href="https://www.yeetpc.com/about.html" target="_blank">Ravi Shah</a></p>
|
|
</div>
|
|
</body>
|
|
</html>
|