diff --git a/src/whoaremyfriends/wersindmeinefreunde.html b/src/whoaremyfriends/wersindmeinefreunde.html
index 820e91d..fa8c632 100644
--- a/src/whoaremyfriends/wersindmeinefreunde.html
+++ b/src/whoaremyfriends/wersindmeinefreunde.html
@@ -7291,7 +7291,11 @@ no, this is not a section. every section must have a heading like <h2>, <h3>, <h
 </div>
 
 <div class="xcenter">
-  <img class="darkmode-invert" style="max-width:18em;margin:1em" src="../images/alchi.five-value-scales.1-2.svg">
+  <img
+    class="darkmode-invert"
+    style="max-width:18em;margin:1em"
+    src="../images/alchi.five-value-scales.scales12.types12.svg"
+  >
 </div>
 
 <div class="para">
@@ -7333,7 +7337,11 @@ no, this is not a section. every section must have a heading like <h2>, <h3>, <h
 </div>
 
 <div class="xcenter">
-  <img class="darkmode-invert" style="max-width:18em;margin:1em" src="../images/alchi.five-value-scales.1-3.svg">
+  <img
+    class="darkmode-invert"
+    style="max-width:18em;margin:1em"
+    src="../images/alchi.five-value-scales.scales12.types13.svg"
+  >
 </div>
 
 <div class="para">
@@ -7350,7 +7358,11 @@ no, this is not a section. every section must have a heading like <h2>, <h3>, <h
 </div>
 
 <div class="xcenter">
-  <img class="darkmode-invert" style="max-width:18em;margin:1em" src="../images/alchi.five-value-scales.1-3.todo-title.svg">
+  <img
+    class="darkmode-invert"
+    style="max-width:18em;margin:1em"
+    src="../images/alchi.five-value-scales.scales34.types13.svg"
+  >
 </div>
 
 </section>
@@ -7370,19 +7382,33 @@ no, this is not a section. every section must have a heading like <h2>, <h3>, <h
 </div>
 
 <div class="xcenter">
-  <img class="darkmode-invert" style="max-width:18em;margin:1em" src="../images/alchi.five-value-scales.1-4.svg">
+  <img
+    class="darkmode-invert"
+    style="max-width:18em;margin:1em"
+    src="../images/alchi.five-value-scales.scales12.types14.svg"
+  >
 </div>
 
 <div class="para">
   Gemeinsamkeit: Typen 14 haben männliches Hirn.
-  Unterschied: Typ 1 hat junges Hirn (13), Typ 4 hat altes Hirn (24).
+  Unterschied:
+  Typ 1 hat junges Hirn (13),
+  Typ 4 hat altes Hirn (24).
+</div>
+
+<!-- dont repeat -->
+<div style="display:none" class="para">
   Für die Typen 14 gibt es zwei Darstellungen:
   Mit den Skalen 12 = Typen 12 stehen senkrecht.
   Mit den Skalen 34 = Typen 34 stehen senkrecht.
 </div>
 
 <div class="xcenter">
-  <img class="darkmode-invert" style="max-width:18em;margin:1em" src="../images/alchi.five-value-scales.4-1.svg">
+  <img
+    class="darkmode-invert"
+    style="max-width:18em;margin:1em"
+    src="../images/alchi.five-value-scales.scales34.types14.svg"
+  >
 </div>
 
 </section>
@@ -7409,7 +7435,11 @@ no, this is not a section. every section must have a heading like <h2>, <h3>, <h
 </div>
 
 <div class="xcenter">
-  <img class="darkmode-invert" style="max-width:18em;margin:1em" src="../images/alchi.five-value-scales.m104-f203.svg">
+  <img
+    class="darkmode-invert"
+    style="max-width:18em;margin:1em"
+    src="../images/alchi.five-value-scales.scales12.type104-type203.svg"
+  >
 </div>
 
 <div class="para">
@@ -7459,7 +7489,11 @@ no, this is not a section. every section must have a heading like <h2>, <h3>, <h
 </div>
 
 <div class="xcenter">
-  <img class="darkmode-invert" style="max-width:18em;margin:1em" src="../images/alchi.five-value-scales.m103-m204.svg">
+  <img
+    class="darkmode-invert"
+    style="max-width:18em;margin:1em"
+    src="../images/alchi.five-value-scales.scales12.type103-type204.svg"
+  >
 </div>
 
 <div class="para">
@@ -7514,10 +7548,21 @@ no, this is not a section. every section must have a heading like <h2>, <h3>, <h
   <img class="darkmode-invert" style="max-width:18em;margin:1em" src="../images/alchi.five-value-scales.m104-f302.svg">
 </div>
 
-<div class="para">
+<div class="xcenter">
+  <img
+    class="darkmode-invert"
+    style="max-width:18em;margin:1em"
+    src="../images/alchi.five-value-scales.scales12.type104-type302.svg"
+  >
+</div>
+
+<!-- TODO show it, or leave it -->
+<div style="display:none" class="para">
   Die Darstellung ist gleich in den Skalen 12 und in den Skalen 34,
   weil Typen 104 und 302 sind neutral auf der Skala 13-24.
+</div>
 
+<div class="para">
   Gemeinsamkeit:
   Inneres Alter ist neutral
   = Beide Hirne haben gleiches Alter.
@@ -7572,11 +7617,13 @@ no, this is not a section. every section must have a heading like <h2>, <h3>, <h
 <h4>Typen 103 402</h4>
 
 <div class="xcenter">
-  <img class="darkmode-invert" style="max-width:18em;margin:1em" src="../images/alchi.five-value-scales.103-402.svg">
+  <img
+    class="darkmode-invert"
+    style="max-width:18em;margin:1em"
+    src="../images/alchi.five-value-scales.scales12.type103-type402.svg"
+  >
 </div>
 
-
-
 <div class="para">
   Die Darstellung ist gleich in den Skalen 12 und in den Skalen 34,
   weil Typen 103 und 402 sind neutral auf der Skala 14-23.
diff --git a/src/whoaremyfriends/whoaremyfriends.html b/src/whoaremyfriends/whoaremyfriends.html
index fa395d9..234ed9f 100644
--- a/src/whoaremyfriends/whoaremyfriends.html
+++ b/src/whoaremyfriends/whoaremyfriends.html
@@ -7245,7 +7245,11 @@ no, this is not a section. every section must have a heading like <h2>, <h3>, <h
 </div>
 
 <div class="xcenter">
-  <img class="darkmode-invert" style="max-width:18em;margin:1em" src="../images/alchi.five-value-scales.1-2.svg">
+  <img
+    class="darkmode-invert"
+    style="max-width:18em;margin:1em"
+    src="../images/alchi.five-value-scales.scales12.types12.svg"
+  >
 </div>
 
 <div class="para">
@@ -7287,7 +7291,11 @@ no, this is not a section. every section must have a heading like <h2>, <h3>, <h
 </div>
 
 <div class="xcenter">
-  <img class="darkmode-invert" style="max-width:18em;margin:1em" src="../images/alchi.five-value-scales.1-3.svg">
+  <img
+    class="darkmode-invert"
+    style="max-width:18em;margin:1em"
+    src="../images/alchi.five-value-scales.scales12.types13.svg"
+  >
 </div>
 
 <div class="para">
@@ -7304,7 +7312,11 @@ no, this is not a section. every section must have a heading like <h2>, <h3>, <h
 </div>
 
 <div class="xcenter">
-  <img class="darkmode-invert" style="max-width:18em;margin:1em" src="../images/alchi.five-value-scales.1-3.todo-title.svg">
+  <img
+    class="darkmode-invert"
+    style="max-width:18em;margin:1em"
+    src="../images/alchi.five-value-scales.scales34.types13.svg"
+  >
 </div>
 
 </section>
@@ -7324,19 +7336,33 @@ no, this is not a section. every section must have a heading like <h2>, <h3>, <h
 </div>
 
 <div class="xcenter">
-  <img class="darkmode-invert" style="max-width:18em;margin:1em" src="../images/alchi.five-value-scales.1-4.svg">
+  <img
+    class="darkmode-invert"
+    style="max-width:18em;margin:1em"
+    src="../images/alchi.five-value-scales.scales12.types14.svg"
+  >
 </div>
 
 <div class="para">
   Commonality: Types 14 have masculine brains.
-  Difference: Type 1 has young brain (13), type 4 has old brain (24).
+  Difference:
+  Type 1 has young brain (13),
+  type 4 has old brain (24).
+</div>
+
+<!-- dont repeat -->
+<div style="display:none" class="para">
   There are two representations for types 14:
   With the scales 12 = types 12 are vertical.
   With the scales 34 = types 34 are vertical.
 </div>
 
 <div class="xcenter">
-  <img class="darkmode-invert" style="max-width:18em;margin:1em" src="../images/alchi.five-value-scales.4-1.svg">
+  <img
+    class="darkmode-invert"
+    style="max-width:18em;margin:1em"
+    src="../images/alchi.five-value-scales.scales34.types14.svg"
+  >
 </div>
 
 </section>
@@ -7363,7 +7389,11 @@ no, this is not a section. every section must have a heading like <h2>, <h3>, <h
 </div>
 
 <div class="xcenter">
-  <img class="darkmode-invert" style="max-width:18em;margin:1em" src="../images/alchi.five-value-scales.m104-f203.svg">
+  <img
+    class="darkmode-invert"
+    style="max-width:18em;margin:1em"
+    src="../images/alchi.five-value-scales.scales12.type104-type203.svg"
+  >
 </div>
 
 <div class="para">
@@ -7413,7 +7443,11 @@ no, this is not a section. every section must have a heading like <h2>, <h3>, <h
 </div>
 
 <div class="xcenter">
-  <img class="darkmode-invert" style="max-width:18em;margin:1em" src="../images/alchi.five-value-scales.m103-m204.svg">
+  <img
+    class="darkmode-invert"
+    style="max-width:18em;margin:1em"
+    src="../images/alchi.five-value-scales.scales12.type103-type204.svg"
+  >
 </div>
 
 <div class="para">
@@ -7533,11 +7567,13 @@ no, this is not a section. every section must have a heading like <h2>, <h3>, <h
 <h4>Typen 103 402</h4>
 
 <div class="xcenter">
-  <img class="darkmode-invert" style="max-width:18em;margin:1em" src="../images/alchi.five-value-scales.103-402.svg">
+  <img
+    class="darkmode-invert"
+    style="max-width:18em;margin:1em"
+    src="../images/alchi.five-value-scales.scales12.type103-type402.svg"
+  >
 </div>
 
-
-
 <div class="para">
   Die Darstellung ist gleich in den Skalen 12 und in den Skalen 34,
   weil Typen 103 und 402 sind neutral auf der Skala 14-23.