Skip to content

Commit

Permalink
Fix HTML validation errors
Browse files Browse the repository at this point in the history
  • Loading branch information
Terence Eden committed Jul 14, 2024
1 parent 7cee6a5 commit 6499bc0
Show file tree
Hide file tree
Showing 6 changed files with 38 additions and 38 deletions.
20 changes: 10 additions & 10 deletions www/templates/add.html.twig
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
<h3>
Welcome {{ provider|capitalize }} user {{ username }}
{% if avatar is not null %}
<img src="{{ avatar }}" width="20" />
<img src="{{ avatar }}" width="20">
{% endif %}
</h3>
{% endif %}
Expand All @@ -34,7 +34,7 @@
<small>Please make sure the inscription is legible and well framed.</small>
</span>
</div>
<input type="file" name="userfile1" id="photoFile1" accept="image/jpeg;capture=camera">
<input type="file" name="userfile1" id="photoFile1" accept="image/jpeg">
</div>
<div>
<label for="media_type1">This photo is a:</label>
Expand Down Expand Up @@ -76,9 +76,9 @@ A lot..." required></textarea>
<div id="map" ></div>
</div>
<div id="latlong-hidden" style="clear:both;display: none;">
<input type="text" id="coordinates" value="" disabled="true" />
<input type="hidden" id="newLongitude" name="newLongitude" value=""/>
<input type="hidden" id="newLatitude" name="newLatitude" value=""/>
<input type="text" id="coordinates" value="" disabled>
<input type="hidden" id="newLongitude" name="newLongitude" value="">
<input type="hidden" id="newLatitude" name="newLatitude" value="">
</div>&nbsp;
<div id="photo2" class="photo-group" style="display: none;">
<div class="file_input_button">
Expand All @@ -88,7 +88,7 @@ A lot..." required></textarea>
📷 Optional photo of same bench
</span>
</div>
<input type="file" name="userfile2" id="photoFile2" accept="image/jpeg;capture=camera">
<input type="file" name="userfile2" id="photoFile2" accept="image/jpeg">
</div>
<div>
<label for="media_type2">This photo is a:</label>
Expand All @@ -113,7 +113,7 @@ A lot..." required></textarea>
📷 Optional photo of same bench
</span>
</div>
<input type="file" name="userfile3" id="photoFile3" accept="image/jpeg;capture=camera">
<input type="file" name="userfile3" id="photoFile3" accept="image/jpeg">
</div>
<div>
<label for="media_type3">This photo is a:</label>
Expand All @@ -138,7 +138,7 @@ A lot..." required></textarea>
📷 Optional photo of same bench
</span>
</div>
<input type="file" name="userfile4" id="photoFile4" accept="image/jpeg;capture=camera">
<input type="file" name="userfile4" id="photoFile4" accept="image/jpeg">
</div>
<div>
<label for="media_type4">This photo is a:</label>
Expand All @@ -165,7 +165,7 @@ A lot..." required></textarea>
</form>
<div class="button-bar" id="buttonBar" style="display: none;">
Please <a href="#inscriptionBox">check the inscription</a> before sharing.<br>
<input class="button buttonColour" type="submit" name="submitButton" id="submitButton" value="📷 Share Bench"/>
<input class="button buttonColour" type="submit" name="submitButton" id="submitButton" value="📷 Share Bench">
</div>
<small id="cc-small">By adding a bench, you agree that you own the copyright of the photo and that you are making it freely available under the <a href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license</a>.<br>
This means other people can use the photo and its data without having to ask permission, but they will have to give <a href="https://creativecommons.org/licenses/by-sa/4.0/legalcode#s3">appropriate credit</a>. Thanks!<br>
Expand All @@ -183,7 +183,7 @@ A lot..." required></textarea>
});
</script>

<script type="text/javascript">
<script>
var previewWidth = 800;
var map = null;
Expand Down
2 changes: 1 addition & 1 deletion www/templates/base.html.twig
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@
<link rel="alternate"
type="application/json+oembed"
href="{{ app.request.schemeAndHttpHost }}/oembed?url={{ app.request.schemeAndHttpHost|url_encode }}%2F{{bench_id}}"
title="oEmbed" />
title="oEmbed">
{% endif %}

<!-- Pinterest Specific https://developers.pinterest.com/docs/rich-pins/articles/? -->
Expand Down
22 changes: 11 additions & 11 deletions www/templates/colophon.html.twig
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,17 +5,17 @@
{% block body %}
<h2>Built with these amazing resources</h2>
<ul class="colophon">
<li><a href="https://auth0.com/?utm_source=oss&utm_medium=gp&utm_campaign=oss"><img id="auth0-logo" alt="JWT Auth for open source projects" src="/images/colophon/auth0.svg" class="colophon-logo"/></a> login services</li>
<li><a href="https://opencagedata.com/"><img src="/images/colophon/opencage.svg" class="colophon-logo" alt="OpenCage"/></a> reverse geocoding</li>
<li><a href="https://stadiamaps.com/"><img src="/images/colophon/stadiamaps.svg" class="colophon-logo" alt=""/></a> Stadia streetmaps</li>
<li><a href="https://www.openstreetmap.org/"><img src="/images/colophon/osm.svg" class="colophon-logo" alt=""/></a> Open Street Map.</li>
<li><a href="https://developers.arcgis.com/documentation/mapping-apis-and-services/maps/basemap-layers/#imagery"><img src="/images/colophon/esri.svg" class="colophon-logo" alt="ArcGIS Developer"/></a> satellite maps</li>
<li><a href="https://www.thunderforest.com/"><img src="/images/colophon/thunderforest.png" class="colophon-logo" alt=""/></a> Thunderforest Maps.</li>
<li><a href="https://images.weserv.nl/"><img src="/images/colophon/weserv.svg" class="colophon-logo" alt=""/></a> Weserve.nl CDN and image resizing</a></li>
<li><a href="https://php.net/"><img src="/images/colophon/php.svg" class="colophon-logo" alt="PHP"/></a> web scripting</li>
<li><a href="https://mysql.com/"><img src="/images/colophon/mysql.svg" class="colophon-logo" alt="MySQL"/></a> database</li>
<li><a href="https://cloud.google.com/vision/"><img src="/images/colophon/cloudvision.svg" class="colophon-logo" alt=""/></a> Google Cloud Vision OCR</li>
<li><a href="https://jquery.com/"><img src="/images/colophon/jquery.svg" class="colophon-logo" alt="jQuery"/></a> interactive features</li>
<li><a href="https://auth0.com/?utm_source=oss&utm_medium=gp&utm_campaign=oss"><img id="auth0-logo" alt="JWT Auth for open source projects" src="/images/colophon/auth0.svg" class="colophon-logo"></a> login services</li>
<li><a href="https://opencagedata.com/"><img src="/images/colophon/opencage.svg" class="colophon-logo" alt="OpenCage"></a> reverse geocoding</li>
<li><a href="https://stadiamaps.com/"><img src="/images/colophon/stadiamaps.svg" class="colophon-logo" alt=""></a> Stadia streetmaps</li>
<li><a href="https://www.openstreetmap.org/"><img src="/images/colophon/osm.svg" class="colophon-logo" alt=""></a> Open Street Map.</li>
<li><a href="https://developers.arcgis.com/documentation/mapping-apis-and-services/maps/basemap-layers/#imagery"><img src="/images/colophon/esri.svg" class="colophon-logo" alt="ArcGIS Developer"></a> satellite maps</li>
<li><a href="https://www.thunderforest.com/"><img src="/images/colophon/thunderforest.png" class="colophon-logo" alt=""></a> Thunderforest Maps.</li>
<li><a href="https://images.weserv.nl/"><img src="/images/colophon/weserv.svg" class="colophon-logo" alt=""></a> Weserve.nl CDN and image resizing</a></li>
<li><a href="https://php.net/"><img src="/images/colophon/php.svg" class="colophon-logo" alt="PHP"></a> web scripting</li>
<li><a href="https://mysql.com/"><img src="/images/colophon/mysql.svg" class="colophon-logo" alt="MySQL"></a> database</li>
<li><a href="https://cloud.google.com/vision/"><img src="/images/colophon/cloudvision.svg" class="colophon-logo" alt=""></a> Google Cloud Vision OCR</li>
<li><a href="https://jquery.com/"><img src="/images/colophon/jquery.svg" class="colophon-logo" alt="jQuery"></a> interactive features</li>
<li><a href="https://pannellum.org/">Pannellum</a> for interactive panoramas</li>
<li><a href="https://github.com/blueimp/JavaScript-Load-Image">JavaScript Load Image</a> EXIF parsing</li>
<li><a href="https://picnicss.com/">Picnic CSS</a> Lightweight and beautiful CSS</li>
Expand Down
28 changes: 14 additions & 14 deletions www/templates/edit.html.twig
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@
<h3>
Welcome {{ provider|capitalize }} user {{ username }}
{% if avatar is not null %}
<img src="{{ avatar }}" width="20" />
<img src="{{ avatar }}" width="20">
{% endif %}
</h3>
<p>You can edit this bench's inscription, change location, or add more photos.</p>
Expand Down Expand Up @@ -95,10 +95,10 @@
</script>

<div style="clear:both;">
<input type="text" id="coordinates" value="{{ latitude }},{{ longitude }}" disabled="true" />
<input type="hidden" id="newLongitude" name="newLongitude" value="{{ longitude }}"/>
<input type="hidden" id="newLatitude" name="newLatitude" value="{{ latitude }}"/>
<input type="hidden" id="benchID" name="benchID" value="{{ benchID }}"/>
<input type="text" id="coordinates" value="{{ latitude }},{{ longitude }}" disabled>
<input type="hidden" id="newLongitude" name="newLongitude" value="{{ longitude }}">
<input type="hidden" id="newLatitude" name="newLatitude" value="{{ latitude }}">
<input type="hidden" id="benchID" name="benchID" value="{{ benchID }}">
</div>&nbsp;

<div>
Expand Down Expand Up @@ -133,20 +133,20 @@
width="{{ media.width}}"
height="{{ media.height }}"
class="proxy-image"
loading="lazy" />
loading="lazy">

<span class='caption'>
{% if media.importURL is not null %}
<a href="{{ media.importURL }}">
<img src="/images/cc/{{ media.licenceIcon }}"
class="cc-icon"
alt="{{ media.licence }}"/>
alt="{{ media.licence }}">
</a>
{% else %}
<a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/">
<img src="/images/cc/{{ media.licenceIcon }}"
class="cc-icon"
alt="Creative Commons Attribution Share-Alike"/>
alt="Creative Commons Attribution Share-Alike">
</a>
{% endif %}
{{ media.formattedDate }}<br>
Expand Down Expand Up @@ -181,7 +181,7 @@
<small>Please make sure the inscription is legible and well framed.</small>
</span>
</div>
<input type="file" name="userfile1" id="photoFile1" accept="image/jpeg;capture=camera">
<input type="file" name="userfile1" id="photoFile1" accept="image/jpeg">
</div>
<div>
<label for="media_type1">This photo is a:</label>
Expand All @@ -204,7 +204,7 @@
📷 Optional photo of same bench
</span>
</div>
<input type="file" name="userfile2" id="photoFile2" accept="image/jpeg;capture=camera">
<input type="file" name="userfile2" id="photoFile2" accept="image/jpeg">
</div>
<div>
<label for="media_type2">This photo is a:</label>
Expand All @@ -227,7 +227,7 @@
📷 Optional photo of same bench
</span>
</div>
<input type="file" name="userfile3" id="photoFile3" accept="image/jpeg;capture=camera">
<input type="file" name="userfile3" id="photoFile3" accept="image/jpeg">
</div>
<div>
<label for="media_type3">This photo is a:</label>
Expand All @@ -250,7 +250,7 @@
📷 Optional photo of same bench
</span>
</div>
<input type="file" name="userfile4" id="photoFile4" accept="image/jpeg;capture=camera">
<input type="file" name="userfile4" id="photoFile4" accept="image/jpeg">
</div>
<div>
<label for="media_type4">This photo is a:</label>
Expand All @@ -277,7 +277,7 @@

<br>&nbsp;
<div class="button-bar">
<input type="submit" name="submitButton" id="submitButton" class='button buttonColour' value="💾 Save Changes" />
<input type="submit" name="submitButton" id="submitButton" class='button buttonColour' value="💾 Save Changes">
</div>
</form>

Expand All @@ -290,7 +290,7 @@
}
});
</script>
<script type="text/javascript">
<script>
var previewWidth = 800;
document.getElementById('photoFile1').onchange = function (e) {
Expand Down
2 changes: 1 addition & 1 deletion www/templates/flickr.html.twig
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
{% if flickrID is defined %}
<h3>Flickr Image "{{ flickrID }}"</h3>
<form action="/flickrUpload" method="post" autocomplete="off">
<a target='_blank' href='{{ original }}'><img id='flickrimg' src='data:image/jpeg;base64,{{ b64 }}' width='512'/></a><br>
<a target='_blank' href='{{ original }}'><img id='flickrimg' src='data:image/jpeg;base64,{{ b64 }}' width='512'></a><br>
<label for="flickrimg">This photo is a:</label>
<select name="media_type1" id="media_type1">
{% set selected = "inscription" %}
Expand Down
2 changes: 1 addition & 1 deletion www/templates/soundex.html.twig
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@
{% for bench in benches %}
<li>
<a href="/bench/{{ bench.benchID }}">
<img src="{{ bench.image }}" class="search-thumb" loading="lazy" width="120" />
<img src="{{ bench.image }}" class="search-thumb" loading="lazy" width="120">
{{ bench.inscription }}<br>{{ bench.address }}
</a>
</li>
Expand Down

0 comments on commit 6499bc0

Please sign in to comment.