Skip to content
Snippets Groups Projects
Commit c1a4ed26 authored by Beaumont Mogridge's avatar Beaumont Mogridge :gorilla:
Browse files

Merge branch 'addedHtmlPagesAndUserInterface' into 'main'

Added html pages and user interface

See merge request !10
parents 4ce78538 517f902a
No related branches found
No related tags found
1 merge request!10Added html pages and user interface
...@@ -11,6 +11,15 @@ def home(): ...@@ -11,6 +11,15 @@ def home():
workspaces = database.get_workspaces() workspaces = database.get_workspaces()
return render_template("home.html", workspaces = workspaces) return render_template("home.html", workspaces = workspaces)
@app.route("/about", methods = ["GET"])
def about():
return render_template("about.html")
@app.route("/contact-us", methods = ["GET"])
def contact():
return render_template("contact-us.html")
@app.route("/map", methods = ["GET"]) @app.route("/map", methods = ["GET"])
def map(): def map():
if request.method == "GET": if request.method == "GET":
......
...@@ -35,8 +35,14 @@ body { ...@@ -35,8 +35,14 @@ body {
background-color: #f5f5f5 background-color: #f5f5f5
} }
h1 header {
{ color: blue;} background-color: #f5f5f5;
font-size: 30px;
}
nav li { nav li {
display: inline; display: inline;
...@@ -48,7 +54,7 @@ nav li { ...@@ -48,7 +54,7 @@ nav li {
nav li:last-child { nav li:last-child {
color: red; color: red;
background-color: red; background-color:#5F9EA0;
border-right: none; border-right: none;
border-top-left-radius: 1000%; border-top-left-radius: 1000%;
border-bottom-left-radius: 1000%; border-bottom-left-radius: 1000%;
...@@ -58,7 +64,7 @@ nav ul { ...@@ -58,7 +64,7 @@ nav ul {
margin: 0; margin: 0;
padding: 0; padding: 0;
overflow: hidden; overflow: hidden;
background-color: #333; background-color: black;
} }
......
{% extends "main.html" %}
{% block title %}Map{% endblock %}
{% block mainBlock %}
<header> About Us </header>
<p>text about us.</p>
{% endblock %}
{% extends "main.html" %}
{% block title %}Map{% endblock %}
{% block mainBlock %}
<header> Contact Us </header>
<p>text about contact info.</p>
{% endblock %}
...@@ -14,9 +14,10 @@ ...@@ -14,9 +14,10 @@
<title>{% block title %}{% endblock %} - Tramshed Workspaces</title> <title>{% block title %}{% endblock %} - Tramshed Workspaces</title>
</head> </head>
<div class="parallax"> <div class="parallax">
<body class="body"> <body class="body">
<img src="/static/Tramshed_Logo.jpg" alt="Logo" height="50" width="100"> <header><img src="/static/Tramshed_Logo.jpg" alt="Logo" height="50" width="100" >Welcome</header>
<!-- navigation --> <!-- navigation -->
<nav> <nav>
<ul> <ul>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment