Small changes:

* local loading of chart.js
* passing all the lists to the sub-pages to allow the footer to work properly everywhere
* making a unique class name for vignettes too

__init__.py

@@ -72,7 +72,7 @@ def word_pattern(uncertain):
 
 @app.route("/about")
 def about():
-    return render_template("about.html", full_counter=full_counter)
+    return render_template("about.html", full_counter=full_counter, uncertainlist=uncertainlist, file=file, amounts=amounts)
 
 @app.route("/news")
 def news():

templates/base.html

@@ -11,7 +11,7 @@
       <link rel='shortcut icon' type='image/png' sizes='32x32' href=''>
       <link rel="stylesheet" href="/static/build/screen.css">
       <script src="/static/build/jquery-3.2.1.min.js"></script>
-      <script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></script>
+      <script src="/static/build/chart.js"></script>
 
       {% endblock head %}
     </head>
@@ -92,6 +92,7 @@
             <input type="checkbox" name="Musée des Instruments de Musique" value="0" disabled="1"> Musée des Instruments de Musique<br>
           </div>
           <div class="colspan12-1 as-grid with-gutter language-select">
+            <span>show uncertanties in these languages: </span>
             <ul>
               <li> <a href="#">DE</a> </li>
               <li> <a href="#">EN</a> </li>

templates/index.html

@@ -8,7 +8,7 @@
 					{% for result in results[1:100] %}
 					{% if result[11] == "item has no description" %}
 					{% else %}
-					<div class="vignette">
+					<div class="vignette vignette{{result[1]}}">
 						<a href="#description-{{result[1]}}"><div title="{{result[3]}}" class="passepartout {{result[1]}}" id="passepartout-{{result[1]}}" style="background-image: url(/static/word_patterns/{{word}}/{{result[14]}}); background-size: cover; background-position: center center;"></div></a>
 						<figcaption></figcaption>
 					</div>