diff --git a/.gitignore b/.gitignore index 55be276..7f162e8 100644 --- a/.gitignore +++ b/.gitignore @@ -1,4 +1,4 @@ -# ---> Python +# ---> Webserver # Byte-compiled / optimized / DLL files __pycache__/ *.py[cod] diff --git a/Webserver/Templates/dashboard.html b/Webserver/Templates/dashboard.html new file mode 100644 index 0000000..47748ae --- /dev/null +++ b/Webserver/Templates/dashboard.html @@ -0,0 +1,53 @@ + + + + + + Bewässerungssystem + + + {% include "header.html" %} + + +
+ +

Dashboard

+ +
+

+ Lorem, ipsum dolor sit amet consectetur adipisicing elit. + Sed excepturi quod dicta temporibus eveniet corporis incidunt molestiae, laborum deleniti. + Molestiae architecto quod veritatis laudantium aliquid aperiam earum quia voluptates saepe! + Lorem, ipsum dolor sit amet consectetur adipisicing elit. + Sed excepturi quod dicta temporibus eveniet corporis incidunt molestiae, laborum deleniti. + Molestiae architecto quod veritatis laudantium aliquid aperiam earum quia voluptates saepe! + Lorem, ipsum dolor sit amet consectetur adipisicing elit. + Sed excepturi quod dicta temporibus eveniet corporis incidunt molestiae, laborum deleniti. + Molestiae architecto quod veritatis laudantium aliquid aperiam earum quia voluptates saepe! +

+

+ Lorem, ipsum dolor sit amet consectetur adipisicing elit. + Sed excepturi quod dicta temporibus eveniet corporis incidunt molestiae, laborum deleniti. + Molestiae architecto quod veritatis laudantium aliquid aperiam earum quia voluptates saepe! +

+

+ Lorem, ipsum dolor sit amet consectetur adipisicing elit. + Sed excepturi quod dicta temporibus eveniet corporis incidunt molestiae, laborum deleniti. + Molestiae architecto quod veritatis laudantium aliquid aperiam earum quia voluptates saepe! +

+

+ Lorem, ipsum dolor sit amet consectetur adipisicing elit. + Sed excepturi quod dicta temporibus eveniet corporis incidunt molestiae, laborum deleniti. + Molestiae architecto quod veritatis laudantium aliquid aperiam earum quia voluptates saepe! +

+

+ Lorem, ipsum dolor sit amet consectetur adipisicing elit. + Sed excepturi quod dicta temporibus eveniet corporis incidunt molestiae, laborum deleniti. + Molestiae architecto quod veritatis laudantium aliquid aperiam earum quia voluptates saepe! +

+
+ +
+ + + \ No newline at end of file diff --git a/Webserver/Templates/header.html b/Webserver/Templates/header.html new file mode 100644 index 0000000..0fd3171 --- /dev/null +++ b/Webserver/Templates/header.html @@ -0,0 +1,32 @@ + + + + + + Bewässerungssystem + + +
+ + +
+ Tropfen + +

Bewässerungs-
system

+
+ + Blumenbeet + +
+ + \ No newline at end of file diff --git a/Webserver/Templates/system.html b/Webserver/Templates/system.html new file mode 100644 index 0000000..9ab9679 --- /dev/null +++ b/Webserver/Templates/system.html @@ -0,0 +1,53 @@ + + + + + + Bewässerungssystem + + + {% include "header.html" %} + + +
+ +

Systemeinstellungen

+ +
+

+ Lorem, ipsum dolor sit amet consectetur adipisicing elit. + Sed excepturi quod dicta temporibus eveniet corporis incidunt molestiae, laborum deleniti. + Molestiae architecto quod veritatis laudantium aliquid aperiam earum quia voluptates saepe! + Lorem, ipsum dolor sit amet consectetur adipisicing elit. + Sed excepturi quod dicta temporibus eveniet corporis incidunt molestiae, laborum deleniti. + Molestiae architecto quod veritatis laudantium aliquid aperiam earum quia voluptates saepe! + Lorem, ipsum dolor sit amet consectetur adipisicing elit. + Sed excepturi quod dicta temporibus eveniet corporis incidunt molestiae, laborum deleniti. + Molestiae architecto quod veritatis laudantium aliquid aperiam earum quia voluptates saepe! +

+

+ Lorem, ipsum dolor sit amet consectetur adipisicing elit. + Sed excepturi quod dicta temporibus eveniet corporis incidunt molestiae, laborum deleniti. + Molestiae architecto quod veritatis laudantium aliquid aperiam earum quia voluptates saepe! +

+

+ Lorem, ipsum dolor sit amet consectetur adipisicing elit. + Sed excepturi quod dicta temporibus eveniet corporis incidunt molestiae, laborum deleniti. + Molestiae architecto quod veritatis laudantium aliquid aperiam earum quia voluptates saepe! +

+

+ Lorem, ipsum dolor sit amet consectetur adipisicing elit. + Sed excepturi quod dicta temporibus eveniet corporis incidunt molestiae, laborum deleniti. + Molestiae architecto quod veritatis laudantium aliquid aperiam earum quia voluptates saepe! +

+

+ Lorem, ipsum dolor sit amet consectetur adipisicing elit. + Sed excepturi quod dicta temporibus eveniet corporis incidunt molestiae, laborum deleniti. + Molestiae architecto quod veritatis laudantium aliquid aperiam earum quia voluptates saepe! +

+
+ +
+ + + \ No newline at end of file diff --git a/Webserver/Templates/times.html b/Webserver/Templates/times.html new file mode 100644 index 0000000..de4cd50 --- /dev/null +++ b/Webserver/Templates/times.html @@ -0,0 +1,53 @@ + + + + + + Bewässerungssystem + + + {% include "header.html" %} + + +
+ +

Sperrzeiteneinstellung

+ +
+

+ Lorem, ipsum dolor sit amet consectetur adipisicing elit. + Sed excepturi quod dicta temporibus eveniet corporis incidunt molestiae, laborum deleniti. + Molestiae architecto quod veritatis laudantium aliquid aperiam earum quia voluptates saepe! + Lorem, ipsum dolor sit amet consectetur adipisicing elit. + Sed excepturi quod dicta temporibus eveniet corporis incidunt molestiae, laborum deleniti. + Molestiae architecto quod veritatis laudantium aliquid aperiam earum quia voluptates saepe! + Lorem, ipsum dolor sit amet consectetur adipisicing elit. + Sed excepturi quod dicta temporibus eveniet corporis incidunt molestiae, laborum deleniti. + Molestiae architecto quod veritatis laudantium aliquid aperiam earum quia voluptates saepe! +

+

+ Lorem, ipsum dolor sit amet consectetur adipisicing elit. + Sed excepturi quod dicta temporibus eveniet corporis incidunt molestiae, laborum deleniti. + Molestiae architecto quod veritatis laudantium aliquid aperiam earum quia voluptates saepe! +

+

+ Lorem, ipsum dolor sit amet consectetur adipisicing elit. + Sed excepturi quod dicta temporibus eveniet corporis incidunt molestiae, laborum deleniti. + Molestiae architecto quod veritatis laudantium aliquid aperiam earum quia voluptates saepe! +

+

+ Lorem, ipsum dolor sit amet consectetur adipisicing elit. + Sed excepturi quod dicta temporibus eveniet corporis incidunt molestiae, laborum deleniti. + Molestiae architecto quod veritatis laudantium aliquid aperiam earum quia voluptates saepe! +

+

+ Lorem, ipsum dolor sit amet consectetur adipisicing elit. + Sed excepturi quod dicta temporibus eveniet corporis incidunt molestiae, laborum deleniti. + Molestiae architecto quod veritatis laudantium aliquid aperiam earum quia voluptates saepe! +

+
+ +
+ + + \ No newline at end of file diff --git a/Webserver/Templates/zones.html b/Webserver/Templates/zones.html new file mode 100644 index 0000000..277275c --- /dev/null +++ b/Webserver/Templates/zones.html @@ -0,0 +1,52 @@ + + + + + + Bewässerungssystem + + + {% include "header.html" %} + +
+ +

Zonen

+ +
+

+ Lorem, ipsum dolor sit amet consectetur adipisicing elit. + Sed excepturi quod dicta temporibus eveniet corporis incidunt molestiae, laborum deleniti. + Molestiae architecto quod veritatis laudantium aliquid aperiam earum quia voluptates saepe! + Lorem, ipsum dolor sit amet consectetur adipisicing elit. + Sed excepturi quod dicta temporibus eveniet corporis incidunt molestiae, laborum deleniti. + Molestiae architecto quod veritatis laudantium aliquid aperiam earum quia voluptates saepe! + Lorem, ipsum dolor sit amet consectetur adipisicing elit. + Sed excepturi quod dicta temporibus eveniet corporis incidunt molestiae, laborum deleniti. + Molestiae architecto quod veritatis laudantium aliquid aperiam earum quia voluptates saepe! +

+

+ Lorem, ipsum dolor sit amet consectetur adipisicing elit. + Sed excepturi quod dicta temporibus eveniet corporis incidunt molestiae, laborum deleniti. + Molestiae architecto quod veritatis laudantium aliquid aperiam earum quia voluptates saepe! +

+

+ Lorem, ipsum dolor sit amet consectetur adipisicing elit. + Sed excepturi quod dicta temporibus eveniet corporis incidunt molestiae, laborum deleniti. + Molestiae architecto quod veritatis laudantium aliquid aperiam earum quia voluptates saepe! +

+

+ Lorem, ipsum dolor sit amet consectetur adipisicing elit. + Sed excepturi quod dicta temporibus eveniet corporis incidunt molestiae, laborum deleniti. + Molestiae architecto quod veritatis laudantium aliquid aperiam earum quia voluptates saepe! +

+

+ Lorem, ipsum dolor sit amet consectetur adipisicing elit. + Sed excepturi quod dicta temporibus eveniet corporis incidunt molestiae, laborum deleniti. + Molestiae architecto quod veritatis laudantium aliquid aperiam earum quia voluptates saepe! +

+
+ +
+ + + \ No newline at end of file diff --git a/Webserver/__init__.py b/Webserver/__init__.py new file mode 100644 index 0000000..824100c --- /dev/null +++ b/Webserver/__init__.py @@ -0,0 +1,41 @@ +from flask import Flask, render_template, request, redirect, url_for +from flask_navigation import Navigation + +app = Flask("Bewässerungssystem") +nav = Navigation(app) + +nav.Bar('top', [ + nav.Item('Dashboard', 'showDashboard'), + nav.Item('Bewässerungszonen', 'showZones'), + nav.Item('Sperrzeiteneinstellung', 'showTimes'), + nav.Item('Systemeinestellungen', 'showSystem') + #nav.Item('Gfg', 'gfg', {'page': 5}), #(example with pages) +]) + +#Example Route with pages: +#@app.route('/gfg/') +#def gfg(page): +# return render_template('gfg.html', page=page) + +@app.route('/') +def startPage(): + return redirect(url_for('showDashboard')) + +@app.route('/dashboard') +def showDashboard(): + return render_template('dashboard.html') + +@app.route('/zonen') +def showZones(): + return render_template('zones.html') + +@app.route('/times') +def showTimes(): + return render_template('times.html') + +@app.route('/system') +def showSystem(): + return render_template('system.html') + +if __name__ == "__main__": + app.run(debug=True, port=80) \ No newline at end of file diff --git a/Webserver/static/Styles/header.css b/Webserver/static/Styles/header.css new file mode 100644 index 0000000..3e8281a --- /dev/null +++ b/Webserver/static/Styles/header.css @@ -0,0 +1,68 @@ +header{ + font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; + padding: 2px; + position: sticky; + left: 0px; + top: 0px; +} + +nav{ + z-index: 1; + position: absolute; + top: 0px; + right: 20px; +} + +nav ul li{ + display: inline; +} + +nav ul li a{ + white-space: nowrap; + text-decoration: none; + color: white; + background-color: green; + padding: 5px; + margin: 10px; +} + +nav ul li a:hover{ + background-color: darkgreen; +} + +.active{ + font-size : 1.2em; + font-weight : bold; +} + +.heading{ + text-align: center; + color: white; + position: absolute; + left: 10%; + top: 2px; + background-color: darkblue; + padding-top: 0px; + padding-bottom: 0px; + margin: 0px; +} + +.heading h1{ + font-size: 32; + line-height: 2em; + text-transform: uppercase; + margin-top: 0px; +} + +.title-img{ + width: 186px; + margin-top: 10px; +} + +.header-img{ + width: 100%; + height: 300px; + object-fit: cover; + object-position: 100%; +} + diff --git a/Webserver/static/Styles/main.css b/Webserver/static/Styles/main.css new file mode 100644 index 0000000..e626abb --- /dev/null +++ b/Webserver/static/Styles/main.css @@ -0,0 +1,6 @@ +main{ + max-width: 90%; + width: 1800px; + margin-left: auto; + margin-right: auto; +} diff --git a/Webserver/static/img/header/Blumenbeet.jpg b/Webserver/static/img/header/Blumenbeet.jpg new file mode 100644 index 0000000..4da8f42 Binary files /dev/null and b/Webserver/static/img/header/Blumenbeet.jpg differ diff --git a/Webserver/static/img/header/wassertropfen.png b/Webserver/static/img/header/wassertropfen.png new file mode 100644 index 0000000..8b0a307 Binary files /dev/null and b/Webserver/static/img/header/wassertropfen.png differ