update

public/generative-energy/content/caffeine.html

@@ -1,3 +1,7 @@
+<meta name="slug" content="caffeine">
+<meta name="title" content="Koffein: ein vitamin-ähnlicher Nährstoff, oder Adaptogen">
+<meta name="tags" content="in-arbeit">
+
 <h1 lang="en">Caffeine: A vitamin-like nutrient, or adaptogen</h1>
 <h1 lang="de">Koffein: ein vitamin-ähnlicher Nährstoff, oder Adaptogen</h1>
 

public/generative-energy/content/hypothyroidism.html

@@ -1,3 +1,7 @@
+<meta name="title" content="TSH, Temperatur, Puls, und andere Indikatoren bei einer Schilddrüsenunterfunktion">
+<meta name="slug" content="hypothyroidism">
+<meta name="tags" content="">
+
 <h1 lang="en">TSH, temperature, pulse rate, and other indicators in hypothyroidism</h1>
 <h1 lang="de">TSH, Temperatur, Puls, und andere Indikatoren bei einer Schilddrüsenunterfunktion</h1>
 

public/generative-energy/styles.css

@@ -14,6 +14,11 @@ h1, h2, h3, h4, h5 {
     font-family: "Roboto Slab", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
 }
 
+.baustelle {
+    text-align: center;
+    display: block;
+}
+
 a.home-btn {
     display: block;
     text-align: center;
@@ -23,6 +28,15 @@ a.home-btn {
     }
 }
 
+span.tag {
+    margin-left: 4px;
+    font-style: italic;
+
+    &::before {
+        content: '#';
+    }
+}
+
 .ge-article {
     .header {
         margin-top: 20px;
@@ -78,28 +92,28 @@ a.home-btn {
         display: none;
     }
 
-    .lang-en *:lang(de) {
+    .lang-en span:lang(de) {
         display: none;
     }
 
-    .lang-de *:lang(en) {
+    .lang-de span:lang(en) {
         display: none;
     }
 }
 
 main {
-    width: 100%;
+    width: calc(100% - 20px);
+    margin: auto;
 }
 
-@media (min-width: 600px) {
+@media (min-width: 900px) {
     main {
-        max-width: 1340px;
-        margin: auto;
+        max-width: 943px;
         min-width: 600px;
-        width: 60%;
     }
 }
 
+
 header {
     margin: auto;
     text-align: center;
@@ -174,22 +188,45 @@ footer {
     input {
         width: 70px;
     }
+
     tr:last-of-type td {
         border-bottom: none;
     }
+
     td {
         border-bottom: 1px solid var(--text-color);
         border-right: 1px solid var(--text-color);
         padding: 10px;
     }
+
     td:last-of-type {
         border-right: none;
     }
+
+    td.right {
+        text-align: center;
+    }
+
     .breathe {
         padding-left: 4px;
         padding-right: 4px;
     }
+
+    .separator::before {
+        content: '—';
+    }
+
     @media (min-width: 600px) {
+        .separator::before {
+            content: ':';
+            padding-left: 4px;
+            padding-right: 4px;
+        }
+
+        td.ratio {
+            text-align: left;
+        }
+
         td.right div {
             display: inline-block;
         }

public/home/main.css

@@ -183,35 +183,3 @@ a {
     text-decoration: none;
     cursor: pointer;
 }
-
-.tooltip-container {
-    display: inline-block;
-}
-
-.tooltip-carrier {
-    opacity: 0;
-    display: block;
-    pointer-events: none;
-    background-color: black;
-    border: white solid 1px;
-    color: white;
-    padding: 10px;
-    position: absolute;
-    z-index: 1;
-    overflow: hidden;
-    height: 0;
-    width: 0;
-    position: absolute;
-    transition: opacity 200ms, height 200ms, width 200ms;
-
-    .text-carrier {
-        position: absolute;
-        width: 350px;
-        font-size: 16px;
-        font-family: "Roboto", serif;
-        display: block;
-        overflow: hidden;
-    }
-}
-
-