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.
40 lines
2.3 KiB
40 lines
2.3 KiB
<html>
|
|
<head>
|
|
<title>Pi Garage Door Opener</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link href="{{ url_for('static', filename='css/bootstrap.min.css') }}" rel="stylesheet" media="screen">
|
|
<link href="{{ url_for('static', filename='css/styles.css') }}" rel="stylesheet" media="screen">
|
|
<link rel="manifest" href="{{ url_for('static', filename='manifest.json') }}">
|
|
<meta content="yes" name="apple-mobile-web-app-capable">
|
|
<meta content="My Garage" name="apple-mobile-web-app-title">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="{{ url_for('static', filename='images/apple-touch-icon.png') }}">
|
|
<link rel="apple-touch-startup-image" sizes="512x512" href="{{ url_for('static', filename='images/apple-touch-icon.png') }}">
|
|
<link rel="icon" sizes="96x96" href="{{ url_for('static', filename='images/apple-touch-icon.png') }}">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="{{ url_for('static', filename='images/favicon-32x32.png') }}">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="{{ url_for('static', filename='images/favicon-16x16.png') }}">
|
|
<script src="{{ url_for('static', filename='js/app.js') }}"></script>
|
|
</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>
|