diff --git a/garage_door_script.py b/garage_door_script.py
index 6b857da..f574c81 100644
--- a/garage_door_script.py
+++ b/garage_door_script.py
@@ -23,27 +23,7 @@ correct_login = 0
# Route for the main page
@app.route('/')
def index():
- logged_in = request.cookies.get('logged_in')
- if logged_in == "yes":
- GPIO.setup(PIN_TRIG, GPIO.OUT) #Setup the gpio trigger pin as input
- GPIO.setup(PIN_ECHO, GPIO.IN) #Setup the gpio echo pin as output
- time.sleep(2) #Wait for 2 seconds for sensor to settle
- GPIO.output(PIN_TRIG, GPIO.LOW) #Set trigger to low
- GPIO.output(PIN_TRIG, GPIO.HIGH) #Set trigger to high
- time.sleep(0.00001) #Wait for 0.1 milliseconds before setting to low again
- GPIO.output(PIN_TRIG, GPIO.LOW) #Set trigger to low again
- while GPIO.input(PIN_ECHO)==0:
- pulse_start_time = time.time() #Set the start time of when the waves are emitted by the sensor
- while GPIO.input(PIN_ECHO)==1:
- pulse_end_time = time.time() #Record the time the waves traveled back to the sensor
- pulse_duration = pulse_end_time - pulse_start_time #Calculate how long it took for the round trip of the waves
- distance = round(pulse_duration * 17150, 2) #Convert the time it took to centimeters and round to 2 decimals
- if distance >= 80: #Check if the distance is less than 80cm (This will depend on the garage)
- return 'The garage is closed.'
- else:
- return 'The garage is open.'
- else:
- return redirect(url_for('login'))
+ return render_template('index.html')
# Route for the login page
@app.route('/login', methods=['GET', 'POST'])
diff --git a/static/styles.css b/static/styles.css
new file mode 100644
index 0000000..1faa6f8
--- /dev/null
+++ b/static/styles.css
@@ -0,0 +1,53 @@
+* {box-sizing: border-box;}
+
+body {
+ margin: 0;
+}
+
+.header {
+ overflow: hidden;
+ background-color: #f1f1f1;
+ padding: 20px 10px;
+}
+
+.header a {
+ float: left;
+ color: black;
+ text-align: center;
+ padding: 12px;
+ text-decoration: none;
+ font-size: 18px;
+ line-height: 25px;
+ border-radius: 4px;
+}
+
+.header a.text {
+ font-size: 25px;
+ font-weight: bold;
+}
+
+.header a:hover {
+ background-color: #ddd;
+ color: black;
+}
+
+.header a.active {
+ background-color: dodgerblue;
+ color: white;
+}
+
+.header-right {
+ float: right;
+}
+
+@media screen and (max-width: 500px) {
+ .header a {
+ float: none;
+ display: block;
+ text-align: left;
+ }
+
+ .header-right {
+ float: none;
+ }
+}
diff --git a/templates/index.html b/templates/index.html
new file mode 100644
index 0000000..2d6bd52
--- /dev/null
+++ b/templates/index.html
@@ -0,0 +1,16 @@
+
+
+ Pi Garage Door Opener
+
+
+
+
+
+
+
+