Add OSM copyright to single tile in index.html

Author: jjimenezshaw

scripts/templates/base.css

@@ -64,6 +64,10 @@ border-bottom: #ccc 1px solid;
 padding: 10px;
 }
 
+#osm_attribution {
+    font-size: 0.7em;
+}
+
 #footer {
 margin-top: 20px;
 border-top: 1px solid #eee;
@@ -211,4 +215,4 @@ li {
 .syntax .vg { color: #bb60d5 } /* Name.Variable.Global */
 .syntax .vi { color: #bb60d5 } /* Name.Variable.Instance */
 .syntax .il { color: #40a070 } /* Literal.Number.Integer.Long */
-.syntax .il { color: #40a070 } /* Literal.Number.Integer.Long */
+.syntax .il { color: #40a070 } /* Literal.Number.Integer.Long */

scripts/templates/index.tmpl

@@ -57,8 +57,11 @@
         </ul>
         <a href="{{ home_dir }}/explorer.html" title="Open Explorer">
             <p>Click the Map to open the Explorer</p>
-            <img src="https://a.tile.openstreetmap.org/0/0/0.png">
+            <img src="https://a.tile.openstreetmap.org/0/0/0.png" alt="World map">
         </a>
+        <div id="osm_attribution">
+        Map &copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors
+        </div>
     </div>
     <div id="footer">
         {% include 'sections/footer.tmpl' %} - Code implementation inspired by <a href="https://crs-explorer.proj.org">crs-explorer.proj.org</a>