1
1
{% extends 'base.html' %}
2
2
{% block content %}
3
- < div class ="container mt-3 min-vh-100 ">
3
+ < div class ="container mt-3 min-vh-100 " id =" venues-page " >
4
4
< div class ="about-us ">
5
- < div
6
- class ="container py-5 d-flex justify-content-center align-items-center "
7
- >
5
+ < div class ="container py-5 d-flex justify-content-center align-items-center ">
8
6
< div >
9
7
< h1 class ="fw-bold text-white "> VENUES</ h1 >
10
8
</ div >
@@ -14,198 +12,102 @@ <h1 class="fw-bold text-white">VENUES</h1>
14
12
<!-- Venues -->
15
13
< ul class ="nav nav-tabs " id ="myTab " role ="tablist ">
16
14
< li class ="nav-item " role ="presentation ">
17
- < button
18
- class ="nav-link {% if selected_category == 'Café' %}active{% endif %} "
19
- id ="cafes-tab "
20
- data-bs-toggle ="tab "
21
- data-bs-target ="#cafes "
22
- type ="button "
23
- role ="tab "
24
- aria-controls ="cafes "
25
- aria-selected ="true "
26
- >
15
+ < button class ="nav-link {% if selected_category == 'Café' %}active{% endif %} " id ="cafes-tab " data-bs-toggle ="tab " data-bs-target ="#cafes " type ="button " role ="tab " aria-controls ="cafes " aria-selected ="true ">
27
16
Cafés
28
17
</ button >
29
18
</ li >
30
19
< li class ="nav-item " role ="presentation ">
31
- < button
32
- class ="nav-link {% if selected_category == 'Club' %}active{% endif %} "
33
- id ="clubs-tab "
34
- data-bs-toggle ="tab "
35
- data-bs-target ="#clubs "
36
- type ="button "
37
- role ="tab "
38
- aria-controls ="clubs "
39
- aria-selected ="false "
40
- >
20
+ < button class ="nav-link {% if selected_category == 'Club' %}active{% endif %} " id ="clubs-tab " data-bs-toggle ="tab " data-bs-target ="#clubs " type ="button " role ="tab " aria-controls ="clubs " aria-selected ="false ">
41
21
Clubs
42
22
</ button >
43
23
</ li >
44
24
< li class ="nav-item " role ="presentation ">
45
- < button
46
- class ="nav-link {% if selected_category == 'Support Center' %}active{% endif %} "
47
- id ="supportcenters-tab "
48
- data-bs-toggle ="tab "
49
- data-bs-target ="#supportcenters "
50
- type ="button "
51
- role ="tab "
52
- aria-controls ="supportcenters "
53
- aria-selected ="false "
54
- >
25
+ < button class ="nav-link {% if selected_category == 'Support Center' %}active{% endif %} " id ="supportcenters-tab " data-bs-toggle ="tab " data-bs-target ="#supportcenters " type ="button " role ="tab " aria-controls ="supportcenters " aria-selected ="false ">
55
26
Support Centers
56
27
</ button >
57
28
</ li >
58
29
</ ul >
59
30
60
- <!-- Cafés Tab -->
31
+ <!-- Cafés Tab -->
61
32
< div class ="tab-content " id ="myTabContent ">
62
- < div
63
- class ="tab-pane fade {% if selected_category == 'Café' %}show active{% endif %} "
64
- id ="cafes "
65
- role ="tabpanel "
66
- aria-labelledby ="cafés-tab "
67
- >
33
+ < div class ="tab-pane fade {% if selected_category == 'Café' %}show active{% endif %} " id ="cafes " role ="tabpanel " aria-labelledby ="cafés-tab ">
68
34
< div class ="container mt-3 p-2 ">
69
35
< div class ="row gx-4 gx-lg-5 ">
70
36
{% for venue in cafes %}
71
37
< div class ="col-md-4 mb-5 ">
72
38
< div class ="card h-100 ">
73
39
{% if 'placeholder' in venue.image.url %}
74
- < img
75
- src ="https://res.cloudinary.com/dxs42sums/image/upload/v1721583416/evelyn-paris-QR_vT8_hBZM-unsplash_wkiekd.jpg "
76
- class ="card-img-top "
77
- alt ="Venue "
78
- />
40
+ < img src ="https://res.cloudinary.com/dxs42sums/image/upload/v1721583416/evelyn-paris-QR_vT8_hBZM-unsplash_wkiekd.jpg " class ="card-img-top venue-img " alt ="Venue " />
79
41
{% else %}
80
- < img
81
- src ="{{ venue.image.url }} "
82
- class ="card-img-top "
83
- alt ="Venue "
84
- />
42
+ < img src ="{{ venue.image.url }} " class ="card-img-top venue-img " alt ="Venue " />
85
43
{% endif %}
86
44
< div class ="card-body ">
87
45
< h2 class ="card-title "> {{ venue.name }}</ h2 >
88
- < p class ="card-text ">
89
- < i class ="fa-solid fa-location-dot "> </ i > {{ venue.address }}
90
- </ p >
91
- < p class ="card-text ">
92
- < i class ="fa-solid fa-globe "> </ i > {{ venue.website }}
93
- </ p >
94
- < p class ="card-text ">
95
- < i class ="fa-solid fa-address-book "> </ i > {{ venue.contact_info }}
96
- </ p >
97
- < p class ="card-text ">
98
- < i class ="fa-regular fa-clock "> </ i > {{ venue.opening_hours | safe }}
99
- </ p >
100
- < p class ="card-text ">
101
- < i class ="fa-solid fa-star "> </ i > Special features: {{ venue.special_features }}
102
- </ p >
46
+ < p class ="card-text "> < i class ="fa-solid fa-location-dot "> </ i > {{ venue.address }}</ p >
47
+ < p class ="card-text "> < i class ="fa-solid fa-globe "> </ i > {{ venue.website }}</ p >
48
+ < p class ="card-text "> < i class ="fa-solid fa-address-book "> </ i > {{ venue.contact_info }}</ p >
49
+ < p class ="card-text "> < i class ="fa-regular fa-clock "> </ i > {{ venue.opening_hours | safe }}</ p >
50
+ < p class ="card-text "> < i class ="fa-solid fa-star "> </ i > Special features: {{ venue.special_features }}</ p >
103
51
</ div >
104
52
</ div >
105
53
</ div >
106
54
{% endfor %}
107
55
</ div >
108
56
</ div >
109
57
</ div >
58
+
110
59
<!-- Clubs Tab -->
111
- < div
112
- class ="tab-pane fade {% if selected_category == 'Club' %}show active{% endif %} "
113
- id ="clubs "
114
- role ="tabpanel "
115
- aria-labelledby ="clubs-tab "
116
- >
60
+ < div class ="tab-pane fade {% if selected_category == 'Club' %}show active{% endif %} " id ="clubs " role ="tabpanel " aria-labelledby ="clubs-tab ">
117
61
< div class ="container mt-3 p-2 ">
118
62
< div class ="row gx-4 gx-lg-5 ">
119
63
{% for venue in clubs %}
120
64
< div class ="col-md-4 mb-5 ">
121
65
< div class ="card h-100 ">
122
66
{% if 'placeholder' in venue.image.url %}
123
- < img
124
- src ="https://res.cloudinary.com/dxs42sums/image/upload/v1721583416/evelyn-paris-QR_vT8_hBZM-unsplash_wkiekd.jpg "
125
- class ="card-img-top "
126
- alt ="Venue "
127
- />
67
+ < img src ="https://res.cloudinary.com/dxs42sums/image/upload/v1721583416/evelyn-paris-QR_vT8_hBZM-unsplash_wkiekd.jpg " class ="card-img-top venue-img " alt ="Venue " />
128
68
{% else %}
129
- < img
130
- src ="{{ venue.image.url }} "
131
- class ="card-img-top "
132
- alt ="Venue "
133
- />
69
+ < img src ="{{ venue.image.url }} " class ="card-img-top venue-img " alt ="Venue " />
134
70
{% endif %}
135
71
< div class ="card-body ">
136
72
< h2 class ="card-title "> {{ venue.name }}</ h2 >
137
- < p class ="card-text ">
138
- < i class ="fa-solid fa-location-dot "> </ i > {{ venue.address }}
139
- </ p >
140
- < p class ="card-text ">
141
- < i class ="fa-solid fa-globe "> </ i > {{ venue.website }}
142
- </ p >
143
- < p class ="card-text ">
144
- < i class ="fa-solid fa-address-book "> </ i > {{ venue.contact_info }}
145
- </ p >
146
- < p class ="card-text ">
147
- < i class ="fa-regular fa-clock "> </ i > {{ venue.opening_hours | safe }}
148
- </ p >
149
- < p class ="card-text ">
150
- < i class ="fa-solid fa-star "> </ i > Special features: {{ venue.special_features }}
151
- </ p >
73
+ < p class ="card-text "> < i class ="fa-solid fa-location-dot "> </ i > {{ venue.address }}</ p >
74
+ < p class ="card-text "> < i class ="fa-solid fa-globe "> </ i > {{ venue.website }}</ p >
75
+ < p class ="card-text "> < i class ="fa-solid fa-address-book "> </ i > {{ venue.contact_info }}</ p >
76
+ < p class ="card-text "> < i class ="fa-regular fa-clock "> </ i > {{ venue.opening_hours | safe }}</ p >
77
+ < p class ="card-text "> < i class ="fa-solid fa-star "> </ i > Special features: {{ venue.special_features }}</ p >
152
78
</ div >
153
79
</ div >
154
80
</ div >
155
81
{% endfor %}
156
82
</ div >
157
83
</ div >
158
84
</ div >
85
+
159
86
<!-- Support Centers Tab -->
160
- < div
161
- class ="tab-pane fade {% if selected_category == 'Support Center' %}show active{% endif %} "
162
- id ="supportcenters "
163
- role ="tabpanel "
164
- aria-labelledby ="supportcenters "
165
- >
87
+ < div class ="tab-pane fade {% if selected_category == 'Support Center' %}show active{% endif %} " id ="supportcenters " role ="tabpanel " aria-labelledby ="supportcenters ">
166
88
< div class ="container mt-3 p-2 ">
167
89
< div class ="row gx-4 gx-lg-5 ">
168
90
{% for venue in support_centers %}
169
91
< div class ="col-md-4 mb-5 ">
170
92
< div class ="card h-100 ">
171
93
{% if 'placeholder' in venue.image.url %}
172
- < img
173
- src ="https://res.cloudinary.com/dxs42sums/image/upload/v1721583416/evelyn-paris-QR_vT8_hBZM-unsplash_wkiekd.jpg "
174
- class ="card-img-top "
175
- alt ="Venue "
176
- />
94
+ < img src ="https://res.cloudinary.com/dxs42sums/image/upload/v1721583416/evelyn-paris-QR_vT8_hBZM-unsplash_wkiekd.jpg " class ="card-img-top venue-img " alt ="Venue " />
177
95
{% else %}
178
- < img
179
- src ="{{ venue.image.url }} "
180
- class ="card-img-top "
181
- alt ="Venue "
182
- />
96
+ < img src ="{{ venue.image.url }} " class ="card-img-top venue-img " alt ="Venue " />
183
97
{% endif %}
184
98
< div class ="card-body ">
185
99
< h2 class ="card-title "> {{ venue.name }}</ h2 >
186
- < p class ="card-text ">
187
- < i class ="fa-solid fa-location-dot "> </ i > {{ venue.address }}
188
- </ p >
189
- < p class ="card-text ">
190
- < i class ="fa-solid fa-globe "> </ i > {{ venue.website }}
191
- </ p >
192
- < p class ="card-text ">
193
- < i class ="fa-solid fa-address-book "> </ i >
194
- {{ venue.contact_info }}
195
- </ p >
196
- < p class ="card-text ">
197
- < i class ="fa-regular fa-clock "> </ i > {{ venue.opening_hours | safe }}
198
- </ p >
199
- < p class ="card-text ">
200
- < i class ="fa-solid fa-star "> </ i > Special features: {{ venue.special_features }}
201
- </ p >
100
+ < p class ="card-text "> < i class ="fa-solid fa-location-dot "> </ i > {{ venue.address }}</ p >
101
+ < p class ="card-text "> < i class ="fa-solid fa-globe "> </ i > {{ venue.website }}</ p >
102
+ < p class ="card-text "> < i class ="fa-solid fa-address-book "> </ i > {{ venue.contact_info }}</ p >
103
+ < p class ="card-text "> < i class ="fa-regular fa-clock "> </ i > {{ venue.opening_hours | safe }}</ p >
104
+ < p class ="card-text "> < i class ="fa-solid fa-star "> </ i > Special features: {{ venue.special_features }}</ p >
202
105
</ div >
203
106
</ div >
204
107
</ div >
205
108
{% endfor %}
206
109
</ div >
207
110
</ div >
208
-
209
111
</ div >
210
112
</ div >
211
113
</ div >
0 commit comments