Misc fixes in preparation of adding HTML Linter

README.md

@@ -53,4 +53,4 @@ For news and announcements, follow [@HTTPArchive](https://twitter.com/HTTPArchiv
 
 The Web Almanac is licensed under the Apache License 2.0.
 
-![](https://almanac.httparchive.org/static/images/methodology-characters.png)
+![Almanac Characters](https://almanac.httparchive.org/static/images/methodology-characters.png)

src/content/fr/2019/caching.md

@@ -679,7 +679,7 @@ Lighthouse calcule un score pour chaque audit, allant de 0 à 100 %, et ces
 
 <figure>
   <a href="/static/images/2019/caching/fig21.png">
-    <img src="/static/images/2019/caching/fig21.png" alt="Figure 21. Distribution des scores Lighthouse pour l'audit &quot;Définit un long cache TTL&quot; pour les pages web mobiles." aria-labelledby="fig21-caption" aria-describedby="fig21-description" width="600" height="371" data-width="600" data-height="371" data-seamless data-frameborder="0" data-scrolling="no" data-iframe="https://docs.google.com/spreadsheets/d/e/2PACX-1vT3GWCs19Wq0mu0zgIlKRc8zcXgmVEk2xFHuzZACiWVtqOv8FO5gfHwBxa0mhU6O9TBY8ODdN4Zjd_O/pubchart?oid=827424070&amp;format=interactive">
+    <img src="/static/images/2019/caching/fig21.png" alt="Figure 21. Distribution des scores Lighthouse pour l'audit «Définit un long cache TTL» pour les pages web mobiles." aria-labelledby="fig21-caption" aria-describedby="fig21-description" width="600" height="371" data-width="600" data-height="371" data-seamless data-frameborder="0" data-scrolling="no" data-iframe="https://docs.google.com/spreadsheets/d/e/2PACX-1vT3GWCs19Wq0mu0zgIlKRc8zcXgmVEk2xFHuzZACiWVtqOv8FO5gfHwBxa0mhU6O9TBY8ODdN4Zjd_O/pubchart?oid=827424070&amp;format=interactive">
   </a>
   <div id="fig21-description" class="visually-hidden">Un diagramme à barres superposées&nbsp;: 38,2&nbsp;% des sites web obtiennent un score de < 10&nbsp;%, 29,0&nbsp;% des sites web obtiennent un score entre 10 et 39&nbsp;%, 18,7&nbsp;% des sites web obtiennent un score de 40 à 79&nbsp;%, 10,7&nbsp;% des sites web obtiennent un score de 80 à 99&nbsp;%, et 3,4&nbsp;% des sites web obtiennent un score de 100&nbsp;%.</div>
   <figcaption id="fig21-caption">Figure 21. Distribution des scores Lighthouse pour l'audit "Définit un long cache TTL" pour les pages web mobiles.</figcaption>

src/templates/base/2019/accessibility_statement.html

@@ -66,5 +66,5 @@ <h1 class="title title-lg">Accessibility Statement</h1>
 {% block scripts %}
 {{ super() }}
 {{ self.index_menu_script() }}
-<script src='/static/js/chapter.js?v=20200527181403' defer></script>
+<script src="/static/js/chapter.js?v=20200527181403" defer></script>
 {% endblock %}

src/templates/base/2019/base.html

@@ -132,7 +132,6 @@
           </button>
           <ul class="menu">
             {{ self.non_chapter_nav_links() }}
-            <li>
             <li>
               {{ year_switcher('mobile') }}
             </li>
@@ -326,11 +325,15 @@
   <label for="language-switcher-{{switcher_name}}" class="visually-hidden">{{ self.language_switcher() }}</label>
   <select id="language-switcher-{{switcher_name}}">
     {% for l in supported_languages | sort(attribute='_local_name') %}
-    <option
-      {% if l == language %}selected="selected"{% endif %}
-      lang="{{ l.lang_code }}" value="{{ url_for(request.endpoint, **get_view_args(lang=l.lang_code)) }}" >
+    {% if l == language %}
+    <option selected="selected" lang="{{ l.lang_code }}" value="{{ url_for(request.endpoint, **get_view_args(lang=l.lang_code)) }}">
+      {{ l }}
+    </option>
+    {% else %}
+    <option lang="{{ l.lang_code }}" value="{{ url_for(request.endpoint, **get_view_args(lang=l.lang_code)) }}">
       {{ l }}
     </option>
+    {% endif %}
     {% endfor %}
     <option disabled="disabled" aria-hidden="true">
       ────
@@ -351,11 +354,15 @@
         <label for="year-switcher-{{switcher_name}}" class="visually-hidden">{{ self.year_switcher() }}</label>
         <select id="year-switcher-{{switcher_name}}">
             {% for y in supported_years | sort %}
-              <option
-                {% if y == year %}selected="selected"{% endif %}
-                value="{{ url_for(request.endpoint, **get_view_args(lang=lang,year=y)) }}">
+              {% if y == year %}
+              <option selected="selected" value="{{ url_for(request.endpoint, **get_view_args(lang=lang,year=y)) }}">
                 {{ y }}
               </option>
+              {% else %}
+              <option value="{{ url_for(request.endpoint, **get_view_args(lang=lang,year=y)) }}">
+                {{ y }}
+              </option>
+              {% endif %}
             {% endfor %}
             {# If the current page doesn't support a year, then show a home link for that year #}
             {% if supported_years|length < all_supported_years|length %}
@@ -376,7 +383,6 @@
   {% endmacro %}
 {% endif %}
 
-
 {% block index_menu_script %}
 <script nonce="{{ csp_nonce() }}">
 

src/templates/base/2019/base_chapter.html

@@ -13,14 +13,14 @@
       {% for author in metadata.get('authors') %}{% if loop.length > 1 and loop.index == 1 %}[{% endif -%}
       {% set authordata = config.contributors[author] if author in config.contributors else None -%}
       {% if authordata -%}
-	  {
-	  	  "@type": "Person",
+    {
+        "@type": "Person",
           "sameas": [
             "https://almanac.httparchive.org{{ url_for('contributors', year=year, lang=lang, _anchor=author) }}"
             {% if authordata.twitter %},"https://twitter.com/{{ authordata.twitter }}"{% endif %}
             {% if authordata.github %},"https://github.com/{{ authordata.github }}"{% endif %}
             ],
-	  	  "name": "{{ authordata.name if authordata.name else author }}"
+        "name": "{{ authordata.name if authordata.name else author }}"
       }{% if loop.index < loop.length %},{% endif %}
       {%- endif %}{% if loop.index > 1 and loop.index == loop.length %}]{% endif -%}
       {% endfor %}
@@ -37,24 +37,24 @@
 <script nonce="{{ csp_nonce() }}">
 
 document.addEventListener("keyup", function onPress(event) {
- 	if (event.key === 'p' || event.key === 'P' || event.key === ',' || event.key === '<' || event.key === 'ArrowLeft') {
- 	  var previous = document.getElementById('previous-chapter');
- 	  if (previous) {
- 	    previous.click();
- 		}
- 	}
- 	if (event.key === 'n' || event.key === 'N' || event.key === '.' || event.key === '>' || event.key === 'ArrowRight') {
- 	  var next = document.getElementById('next-chapter');
- 	  if (next) {
- 	    next.click();
- 	  }
- 	}
+   if (event.key === 'p' || event.key === 'P' || event.key === ',' || event.key === '<' || event.key === 'ArrowLeft') {
+     var previous = document.getElementById('previous-chapter');
+     if (previous) {
+       previous.click();
+     }
+   }
+   if (event.key === 'n' || event.key === 'N' || event.key === '.' || event.key === '>' || event.key === 'ArrowRight') {
+     var next = document.getElementById('next-chapter');
+     if (next) {
+       next.click();
+     }
+   }
 });
 
 window.discussion_url="https://discuss.httparchive.org/t/{{ metadata.get('discuss') }}.json";
 </script>
 
-<script src='/static/js/chapter.js?v=20200527181403' defer></script>
+<script src="/static/js/chapter.js?v=20200527181403" defer></script>
 
 {% endblock %}
 

src/templates/base/2019/contributors.html

@@ -423,5 +423,5 @@ <h1 class="title title-lg">
 
   </script>
   <!-- add chapter.js to handle print mode and avoid duplicating code -->
-  <script src='/static/js/chapter.js?v=20200527181403' defer></script>
+  <script src="/static/js/chapter.js?v=20200527181403" defer></script>
 {% endblock %}

src/templates/base/2019/methodology.html

@@ -31,5 +31,5 @@ <h1 class="title title-lg">{{ self.methodology_title() }}</h1>
 {% block scripts %}
 {{ super() }}
 {{ self.index_menu_script() }}
-<script src='/static/js/chapter.js?v=20200527181403' defer></script>
+<script src="/static/js/chapter.js?v=20200527181403" defer></script>
 {% endblock %}