generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathbase.html
136 lines (121 loc) · 7.58 KB
/
base.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Fav Icon fix -->
<link rel="shortcut icon" href="/static/images/filament_icon_white.png">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/css/all.min.css"
integrity="sha512-xA6Hp6oezhjd6LiLZynuukm80f8BoZ3OpcEYaqKoCV3HKQDrYjDE1Gu8ocxgxoXmwmSzM4iqPvCsOkQNiu41GA==" crossorigin="anonymous" type="text/css">
<!-- Custom CSS -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css')}}" type="text/css">
{% block styles %}
{% endblock %}
<title>Filament Reviews</title>
</head>
<body class="main-container">
<header>
<!-- Navbar based on official bootstrap example: https://getbootstrap.com/docs/5.0/components/navbar/ -->
<nav class="navbar sticky-top navbar-expand-lg navbar-dark bg-primary">
<div class="container-fluid">
<a class="navbar-brand" href="{{ url_for('list_materials') }}">
<img src="/static/images/filament_icon_white.png" alt="Filament icon" width="50" height="50">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<a href="{{ url_for('search') }}" class="btn btn-outline-light" >Search Reviews <i class="fas fa-search"></i></a>
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="{{ url_for('list_materials') }}">Home</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
Materials
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="{{ url_for('material', material_name='pla') }}">PLA</a></li>
<li><a class="dropdown-item" href="{{ url_for('material', material_name='abs') }}">ABS</a></li>
<li><a class="dropdown-item" href="{{ url_for('material', material_name='tpu') }}">TPU</a></li>
<li><a class="dropdown-item" href="{{ url_for('material', material_name='hips') }}">HIPS</a></li>
<li><a class="dropdown-item" href="{{ url_for('material', material_name='petg') }}">PETG</a></li>
<li><a class="dropdown-item" href="{{ url_for('material', material_name='nylon') }}">Nylon</a></li>
<li><a class="dropdown-item" href="{{ url_for('material', material_name='carbon') }}">Carbon Fiber</a></li>
<li><a class="dropdown-item" href="{{ url_for('material', material_name='asa') }}">ASA</a></li>
<li><a class="dropdown-item" href="{{ url_for('material', material_name='polycarbonate') }}">Polycarbonate</a></li>
<li><a class="dropdown-item" href="{{ url_for('material', material_name='metal') }}">Metal</a></li>
<li><a class="dropdown-item" href="{{ url_for('material', material_name='wood') }}">Wood</a></li>
<li><a class="dropdown-item" href="{{ url_for('material', material_name='pva') }}">PVA</a></li>
</ul>
</li>
{% if session.user %}
<li class="nav-item">
<a class="nav-link" href="{{ url_for('add_review') }}">Add Review</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ url_for('profile', username=session['user']) }}">Profile</a>
</li>
{% if session['user'] == 'admin' %}
<li class="nav-item">
<a class="nav-link" href="{{ url_for('admin_tools') }}">Admin Tools</a>
</li>
{% endif %}
<li class="nav-item">
<a class="nav-link" href="{{ url_for('logout') }}">Log Out</a>
</li>
{% else %}
<li class="nav-item">
<a class="nav-link" href="{{ url_for('login') }}">Log In</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ url_for('register') }}">Sign Up</a>
</li>
{% endif %}
</ul>
</div>
</div>
</nav>
</header>
<section>
<!-- Flash messages-->
{% with messages = get_flashed_messages(with_categories=True) %}
{% if messages %}
{% for category, message in messages %}
<div class="container">
<div class="row justify-content-center">
<div class="alert alert-warning alert-dismissible fade show col-6 mt-5 shadow-lg p-3 mb-5 rounded {{category}}" role="alert">
<strong>{{ message }}</strong>
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
</div>
</div>
{% endfor %}
{% endif %}
{% endwith %}
</section>
<main class="container">
{% block content %}
{% endblock %}
</main>
<footer class="footer">
<nav class="navbar navbar-dark justify-content-center">
<a class="navbar-brand footer-link" href="https://github.com/Gilleece"> Designed by Sean Gilleece <i class="fab fa-github"></i></a>
</nav>
</footer>
<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-b5kHyXgcpbZJO/tY9Ul7kGkf1S0CWuKcCD38l8YkeH8z8QjE0GmW1gYU5S9FOnJ0"
crossorigin="anonymous"></script>
{% block scripts %}
{% endblock %}
</body>
</html>