generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathrendered-html-for-validation-blog-comments.txt
345 lines (286 loc) · 17.4 KB
/
rendered-html-for-validation-blog-comments.txt
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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
<!--
Code copied and modified from Code Institute "I Think Therefore I Blog" project
on December 20th, 2021; later modified on December23rd, 2021 at 15:20; later modified
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Code Institute Student Milestone Project 1">
<meta name="keywords" content="Seismic, geophysical, acquisition, processing,
crew, field, weather, technical support, database, wind, temperature,
Code Institute, software development, student, full-stack course,
milestone project">
<title>Weather and Quality Control for Seismic Data Acquisition</title>
<!-- Credit: Bootstrap
Code copied on December 7th, 2021, 01:50 from Code Institute lessons
Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<!--ArcGIS-->
<!-- Script/Code for maps and picking of latitude and longitude:
https://community.esri.com/t5/arcgis-api-for-javascript-questions/mouse-click-to-get-map-point-or-x-y/m-p/516073#M48139;
copied and modified on December 8th, 2021, 04:00.-->
<link rel="stylesheet" href="https://js.arcgis.com/3.18/dijit/themes/tundra/tundra.css">
<link rel="stylesheet" href="https://js.arcgis.com/3.18/esri/css/esri.css">
<!-- This project's CSS file -->
<link rel="stylesheet" href="/static/css/style.css">
<!-- favicon
To load static folder for favicon:
https://stackoverflow.com/questions/35054230/custom-tag-not-loaded-in-template, accessed on January 22nd, at 15:05. -->
<link rel="shortcut icon" href="/static/images/wqcs-icon.PNG"/>
</head>
<body id="body">
<!-- Header -->
<header>
<div id="header" class="container-fluid fixed-top">
<div class="row">
<div id="company-logo" class="col-6 col-sm-2 col-md-2 col-lg-2">
<!-- Icon for website logo (wind):
Credit: Font Awesome
Downloaded on December 7th, 2021, 09:15, from https://fontawesome.com/v5.15/icons/wind?style=solid -->
<a class="navbar-brand" href="/"><i class="fas fa-wind"></i> WQCS</a>
</div>
<div id="header-menu" class="col-6 col-sm-7 col-md-6 col-lg-5">
<!-- Bootstrap Navbar
Copied and modified from https://getbootstrap.com/docs/4.0/components/navbar/
July 8th, 2021, at 00:35, and December 7th, 2021, 04:00. Menu content modified. -->
<nav class="navbar navbar-expand-sm navbar-light">
<button id="hamburger-button" class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse justify-content-center" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="/">Instructions</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/weather/">Weather</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/blog/">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/contact/">Contact</a>
</li>
</ul>
</div>
</nav>
</div>
<div id="log-in-button-1" class="col-12 col-sm-3 col-md-4 col-lg-5">
<!-- Button trigger modal:
Credit: Bootstrap
Code copied on December 7th, 2021, 08:34 from https://getbootstrap.com/docs/4.0/components/modal/
and from my own previous project PP1_CI_TGC; modified taking content from the
Code Institute "I Think Therefore I Blog" project, "account" templates (login.html, logout.html
and signup.html)-->
<!-- Button trigger modal -->
<button type="button" class="btn btn-primary" onclick="window.location.href='/accounts/logout/';">
Sign Out
</button>
</div>
</div>
</div>
</header>
<!-- /.Header -->
<!-- Update/Status messages for user -->
<div id="message-container">
<div id="record-created" class="alert alert-success fade show" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<p><strong>Success!</strong></p>
<p>Record created</p>
</div>
<div id="record-read" class="alert alert-success fade show" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<p><strong>Please wait:</strong></p>
<p>Reading data</p>
</div>
<div id="record-updated" class="alert alert-success fade show" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<p><strong>Success!</strong></p>
<p>Record updated</p>
</div>
<div id="record-deleted" class="alert alert-success fade show" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<p><strong>Success!</strong></p>
<p>Record deleted</p>
</div>
</div>
<!-- /.Update/Status messages for user -->
<!-- Main Content -->
<!-- Header with blog details -->
<div id="post-detail-body" class="masthead">
<div class="container">
<div class="row g-0">
<div class="col-12 masthead-text">
<!-- Post title goes in these h1 tags -->
<h1 class="post-title">Survey</h1>
<!-- Post author goes before the | the post's created date goes after -->
<p class="post-subtitle text-info">admin | Jan. 20, 2022, 5:27 p.m.</p>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div id="comments-subtitle-section" class="col offset-md-2 col-md-8 offset-lg-3 col-lg-6 card mb-4 mt-3 left top border-secondary rounded">
<div id="post-details-summary" class="card-body">
<!-- Blog content -->
<p>Use this post to send, consult and learn about technical issues related to surveying.<br></p>
<div class="row">
<div class="col-6">
<!-- Likes -->
<!-- Show "likes", change colour if there is/are comment/s -->
<!-- If user is authenticated -->
<!-- Copied and modified from https://stackoverflow.com/questions/62901935/displaying-like-and-dislike-buttons-if-user-has-liked-a-post-with-django
on May 4th, 2022, at 17:30 -->
<!-- The number of likes goes before the closing strong tag.
Icon for "likes":
Credit: Font Awesome
Downloaded on January 7th, 2022, 04:14, from https://fontawesome.com/v5.15/icons/thumbs-up?style=regular -->
<form action="/like/6/" method="post">
<input type="hidden" name="csrfmiddlewaretoken" value="hGagFe39zuiqrNBSo4a5YfLEe7lAmrupInvfTl9d9bYo8Rd0Ve2OG08c83z85W14">
<button type='submit' name='like' value="6" class="btn btn-link"><strong class="text-secondary"><i class="far fa-thumbs-up"></i> 0 </strong></button>
<input type="hidden" name="post_slug" value="survey"/>
</form>
<!-- If user is not authenticated -->
<!-- Show "likes", change colour if there is/are comment/s -->
</div>
<!-- Number of comments -->
<div class="col-6 mt-2">
<!-- Total comments, change colour if there is/are comment/s -->
<strong class="text-primary"><i class="far fa-comments"></i>
<!-- Total comments -->
2</strong>
</div>
</div>
</div>
</div>
</div>
<hr>
<!-- Blog comments -->
<div id="comments-container" class="row">
<div class="col-12 col-lg-6 card mb-4 mt-3 border-secondary rounded">
<h3 class="mt-2 text-center">Comments</h3>
<div class="card-body">
<!-- Iteration through -->
<div class="comments border-secondary rounded">
<p class="font-weight-bold">
<!-- Commenter's name -->
admin
<span class="text-info font-weight-normal">
<!-- Comment's date -->
May 3, 2022, 11:39 p.m.
</span> wrote:
</p>
<!-- Body of comment -->
<p>Hello Survey again</p>
<!-- Form to send a request to delete a comment -->
<form action = "/delete_comment/202/" method = "POST">
<input type="hidden" name="csrfmiddlewaretoken" value="hGagFe39zuiqrNBSo4a5YfLEe7lAmrupInvfTl9d9bYo8Rd0Ve2OG08c83z85W14">
<input type="hidden" name="post_slug" value="survey"/>
<button class="btn btn-warning">Delete</button>
</form>
<hr>
</div>
<!-- For loop ends here -->
<div class="comments border-secondary rounded">
<p class="font-weight-bold">
<!-- Commenter's name -->
admin25
<span class="text-info font-weight-normal">
<!-- Comment's date -->
May 3, 2022, 3:44 a.m.
</span> wrote:
</p>
<!-- Body of comment -->
<p>Hello Survey</p>
<hr>
</div>
<!-- For loop ends here -->
</div>
</div>
<div class="col-12 col-lg-6 card mb-4 mt-2 mt'2">
<div class="card-body">
<!-- Load comments -->
<!-- If user is authenticated, inform of the status of his comment or give the option to send one -->
<h3>Leave a comment</h3>
<p class="text-info">Posting as: admin</p>
<form method="post">
<div id="div_id_body" class="form-group"> <label for="id_body" class=" requiredField">
Body<span class="asteriskField">*</span> </label> <div class=""> <textarea name="body" cols="40" rows="10" class="textarea form-control" required id="id_body">
</textarea> </div> </div>
<input type="hidden" name="csrfmiddlewaretoken" value="hGagFe39zuiqrNBSo4a5YfLEe7lAmrupInvfTl9d9bYo8Rd0Ve2OG08c83z85W14">
<input type="hidden" name="comment_id" value=""/>
<input type="hidden" name="post_slug" value="survey"/>
<button id="sign-in-in-leave-a-comment" type="submit" class="btn btn-signup btn-lg btn-dark">Submit</button>
</form>
<!-- If user is not authenticated, give the option to sign in -->
</div>
</div>
</div>
</div>
<!-- /.Main Content -->
<!-- Footer -->
<footer>
<div id="footer" class="container-fluid">
<div class="row">
<div id="company-data" class="col-12 col-sm-6 col-md-6 col-lg-6">
<p>Unión de Santa Fe Seismics</p>
<p>Boulevard Galvez 89</p>
<p>+54 214 255 2524</p>
<p>[email protected]</p>
<p>Argentina</p>
</div>
<div class="col-12 col-sm-6 col-md-6 col-lg-6">
<div id="company-links">
<!-- Bootstrap Navs
Copied on December 7th, 2021, 05:00 from https://getbootstrap.com/docs/4.0/components/navs/
Content modified. -->
<nav class="nav justify-content-center">
<!-- Font Awesome
Icon for LinkedIn: downloaded on December 7th, 2021, 05:50 from https://fontawesome.com/v5.15/icons/linkedin?style=brands -->
<a class="nav-link active" href="https://www.linkedin.com/in/carloscolombo/" target="_blank" rel="noopener"
aria-label="Visit Developer LinkedIn page (it opens in a new tab)"><i class="fab fa-linkedin"></i></a>
<!-- Font Awesome
Icon for GitHub: downloaded on December 7th, 2021, 05:52 from https://fontawesome.com/v5.15/icons/github-square?style=brands -->
<a class="nav-link" href="https://github.com/csc7" target="_blank" rel="noopener"
aria-label="Visit WQCS Facebook page (it opens in a new tab)"><i class="fab fa-github-square"></i></a>
<!-- Font Awesome
Icon for E-mail: downloaded on December 7th, 2021, 05:53 from https://fontawesome.com/v5.15/icons/envelope-square?style=solid -->
<a class="nav-link" href="mailto:[email protected]" target="_blank" rel="noopener"
aria-label="Send us an e-mail (it opens in a new tab)"><i class="fas fa-envelope-square"></i></a>
</nav>
</div>
<div id="footer-contact-link">
<a class="nav-link" href="/contact/">Contact</a>
</div>
</div>
</div>
</div>
</footer>
<!-- /.Footer -->
<!-- Font Awesome Script / Kit
Link copied on December 7th, 2021, 05:07 from Font Awesome personal account -->
<script src="https://kit.fontawesome.com/80e4621b26.js" crossorigin="anonymous"></script>
<!-- Bootstrap Scripts, copied on December 7th, 2021, 06:21 from https://getbootstrap.com/docs/4.0/getting-started/introduction/ -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<!-- Credit: jQuery
Code copied on December 9th, 2021, at 20:37 -->
<script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
<!--ArgGIS / ESRI-->
<script src="https://js.arcgis.com/3.18/"></script>
<!-- This website scripts -->
<script src="/static/js/move-content-hamburger.js"></script>
<script src="/static/js/blog.js"></script>
</body>
</html>