roebe 0.5.191 → 0.6.3

data/lib/roebe/www/erste_hilfe/erste_hilfe.cgi

@@ -2,6 +2,10 @@
 # Encoding: UTF-8
 # frozen_string_literal: true
 # =========================================================================== #
+# February 2024:
+#
+# 246 questions available, 132 (53.66%) already answered.
+# =========================================================================== #
 # http://localhost/programming/ruby/src/roebe/lib/roebe/www/erste_hilfe/erste_hilfe.cgi
 # =========================================================================== #
 require 'cyberweb/autoinclude'
@@ -16,7 +20,7 @@ body_css_style 'background-color: #d3d2d1;'
 default_hyperlinks
 font_size '1.2em'
 
-preferred_width('mar0px pad0px s0_8em') {
+smaller_width('mar0px pad0px s0_8em') {
   h1 title?,
      'mart8px marb0_5em round_black3 pad8px wid18 center',
      '',
@@ -26,8 +30,8 @@ preferred_width('mar0px pad0px s0_8em') {
   # ========================================================================= #
   cheader_h2 'Der Defibrillator'
   p_default_le {
-    e 'Ein <b>Defibrillator</b> beseitigt Herzkammerflimmern mit einem
-    Elektroschock.'
+    e 'Ein <b>Defibrillator</b> beseitigt <b>Herzkammerflimmern</b> mit
+    einem Elektroschock.'
   }
   # ========================================================================= #
   # === Schlaganfall
@@ -100,19 +104,99 @@ preferred_width('mar0px pad0px s0_8em') {
            css_class: 'marl2em BOLD'
   }
   # ========================================================================= #
-  # === Wunden und erste Hilfe
+  # === Wunden und erste Hilfe                        (Wunden tag, Wunde tag)
+  # ========================================================================= #
+  # http://localhost/programming/ruby/src/roebe/lib/roebe/www/erste_hilfe/erste_hilfe.cgi#wunde
   # ========================================================================= #
   cheader_h2 'Wunden und erste Hilfe'
+  p_default_le(id: 'wunde') {
+    e '<b>Schürfwunden</b> sind <b>oft verschmutzt</b>. Solche Wunden sind
+    oft großflächig und sehr schmerzhaft, da Nervenenden freigelegt werden.
+    Schürfwunden betreffen die <b>oberste Hautschicht</b>. Befindet sich
+    viel Schmutz in der Wunde so sollte gründlich gespült und
+    anschließend desinfiziert werden.'
+    br
+    e 'Bei einer <b>Schnittwunde</b> kommt oft der <b>Salbenschutzverband</b>
+    zum Einsatz. Schnittwunden haben meistens glatte Wundränder, die mit
+    einem Pflaster gut aneinander kleben kann.'
+    br
+    e '<b>Platzwunden</b> haben rauhe Ränder, die oft auseinander
+    klaffen.'
+    br
+    e '<b>Kratzwunden</b> und <b>Bisswunden</b> werden
+    meist von <b>Tieren</b> verursacht.'
+    br
+    e '<b>Bevor</b> eine Wunde versorgt werden sollte, reinigt
+    man seine Hände.' 
+    br
+    e 'Ein Verbandwechsel sollte nach 48 Stunden durchgeführt werden,
+    wenn der Verband im Zuge der Ersten Hilfe zum Einsatz kam.'
+    br
+    e 'Muss ein Gelenk verbunden werden (<i>taping</i>) so sollte sich das
+    Gelenk bei Anlage in einer <b>Neutralposition</b> befinden.'
+    br
+    e 'Ein Fremdkörper sollte in der Wunde belassen werden um
+    <b>Zusatzverletzungen zu vermeiden</b>.'
+    br
+    e 'Ein <b>Teilriss einer Sehne</b> wird <b>Partialruptur</b> genannt.'
+    br
+    e 'Generell kann man kleinere Verletzungen, die nicht zu stark
+    bluten, selbst versorgen. Normale Wunden müssen nicht gespült
+    werden. Ist die Wunde jedoch stark verschmutzt - so zum Beispiel
+    mit Erde - so reinigt man die Wunde mit lauwarmem, klaren
+    Leitungswasser in Trinkwasserqualität, möglichst direkt aus
+    dem Hahn. Bei Verätzungen sollte gespült werden. Verbrennungen
+    können kurz unter fließendem Wasser gekühlt werden.'
+  }
+  # ========================================================================= #
+  # === ZOPS
+  # ========================================================================= #
+  cheader_h2 'ZOPS'
   p_default_le {
-    e '<b>Schürfwunden</b> sind oft verschmutzt.'
+    e '<b>ZOPS</b> steht für:'
+    br
+    cmd 'Zeit'
+    cmd 'Ort'
+    cmd 'Person'
+    cmd 'Situation'
+  }
+  # ========================================================================= #
+  # === Gesetzeslage in der Ersten Hilfe (law tag, Gesetzeslage tag, Gesetz tag)
+  # ========================================================================= #
+  cheader_h2 'Gesetzeslage in der Ersten Hilfe'
+  p_default_le(id: 'gesetze') {
+    e 'In <b>Österreich</b> ist jeder volljährige Staatsbürger im Notfall
+    zur Leistung von Erster Hilfe verpflichtet.'
+    br
+    e 'Abgesehen von spezifischen Gesetzen wird erste Hilfe auch in
+    anderen Bereichen geregelt. So besagt die <b>Ö-Norm Z 1020 2</b>
+    das Arbeitgeber gemäß ArbeitnehmerInnenschutzgesetz (ASchG) verpflichtet
+    sind, bei plötzlichen Erkrankungen angemessen Erste Hilfe zu leisten.
+    Dies inkludiert das Bereitstellen von geeigneten Mitteln zur Ersten
+    Hilfe in ausreichender Anzahl und in <i>unmittelbarer Nähe</i>.'
+    br
+    e 'Die <b>gesetzliche Verpflichtung</b> findet sich in folgenden
+    Paragraphen wider:'
+    br
+    cmd '§ 94 StGB: im Stich lassen eines Verletzten: <b>wir sind
+    verpflichtet zu helfen</b>'
+    cmd '§ 95 StGB: Unterlassung der Hilfeleistung:
+    dies bedeutet das jeder verpflichtet ist zu helfen'
+    cmd '§ 34 StVO: Verpflichtung der Hilfeleistung:
+    wer an einem Verkehrsunfall beteiligt ist, hat anzuhalten
+    und Hilfe zu leisten'
+    br
+    anm 'Eigenschutz hat immer Vorrang, aber einen <b>Notruf</b>
+    absetzen kann jeder'
   }
   # ========================================================================= #
-  # === Die Rettungskette
+  # === Die Rettungskette                                        (ABCDE tag)
   # ========================================================================= #
   cheader_h2 'Die Rettungskette'
   p_default_le {
-    e 'Die Rettungskette reicht <b>von der Alarmierung des Rettungsdienstes</b>
-    <b>bis hin zum Eintreffen in der Notaufnahme des Krankenhauses</b>.'
+    e 'Die <b>Rettungskette</b> reicht <b>von der Alarmierung des
+    Rettungsdienstes</b> <b>bis hin zum Eintreffen in der Notaufnahme
+    des Krankenhauses</b>.'
     br
     e 'Oft kommt hierbei das <b>ABCDE-Schema</b> zum Einsatz:'
     br
@@ -120,16 +204,22 @@ preferred_width('mar0px pad0px s0_8em') {
     cmd '  B - Breathing (Beatmung)'
     cmd '  C - Circulation (Kreislauf)'
     cmd '  D - Disability (Defizit, neurologisches)'
-    cmd '  E - Exposure/Environment (Exploration)'
+    cmd '  E - Exposure/Environment (Exploration; Erweiterte Maßnahmen)'
     br
-    e 'Beim <b>ersten Punkt</b> (Airway) schaut man ob die Atemwege frei
-    sind.'
+    e 'Beim <b>ersten Punkt</b> (<i>Airway</i>) schaut man <b>ob die Atemwege
+    frei sind</b>.'
     br
-    e 'Beim <b>zweiten Punkt</b> (Breathing) schaut man ob der Thorax
+    e 'Beim <b>zweiten Punkt</b> (<i>Breathing</i>) schaut man ob der Thorax
     in Ordnung ist.'
     br
-    e 'Beim <b>dritten Punkt</b> (Circulation) wird zum Beispiel auf
-    den Blutdruck als Kontrollparameter fokussiert.'
+    e 'Beim <b>dritten Punkt</b> (<i>Circulation</i>) wird zum Beispiel
+    auf den <b>Blutdruck als Kontrollparameter</b> fokussiert.'
+    br
+    e 'Der <b>Esmarch-Handgriff</b> ist ein Handgriff zur Freihaltung der
+    Atemwege. Man kniet hinter der betroffenen Person hin, legt
+    die Daumen aufs Kinn, die restlichen Finger unter die
+    Kieferknochen und dann den Unterkiefer nach vorne und
+    das Kinn nach unten drücken.'
   }
   # ========================================================================= #
   # === Überprüfen der Bewusstlosigkeit
@@ -167,23 +257,38 @@ preferred_width('mar0px pad0px s0_8em') {
     e 'Der <b>Rettungsgriff</b> wird auch <b>Rautekgriff</b> genannt.'
     br
     e 'Der Rettungsgriff funktioniert wie folgt:'; reset_the_counter
-    counter 'Kippe den Oberkörper des Verletzten leicht nach vorn.'
+    br
+    counter 'Kippe den Oberkörper des Verletzten leicht nach vorn.','marl2em'
     counter 'Führe deinen Arm hinter dem Rücken der verletzten Person
-    entlang bis zu der von dir abgewandten Hüfte.'
-    counter 'Dort greifst du in den Hosenbund.' 
+    entlang bis zu der von dir abgewandten Hüfte.','marl2em'
+    counter 'Dort greifst du in den Hosenbund.' ,'marl2em'
     counter 'Dann drückst du mit deiner anderen Hand gegen den vorderen
     Oberschenkel und schiebst den Unterleib von dir weg, den Oberkörper zu
-    dir hin.' 
+    dir hin.','marl2em'
     counter 'Du drehst die Person also etwas, damit du anschließend mit
-    beiden Armen unter die Achseln des Verletzten gehen kannst.'
+    beiden Armen unter die Achseln des Verletzten gehen kannst.','marl2em'
     counter 'Dann greifst du mit beiden Händen einen Unterarm und
-    positionierst diesen vor der Brust des Verletzten.'
+    positionierst diesen vor der Brust des Verletzten.','marl2em'
     counter 'Ziehe die Person dann vorsichtig auf deinen Oberschenkel.
     So verhinderst du, dass vor allem schwere Personen sofort zu Boden
-    stürzen.' 
-    counter 'Ziehe die Person einige Meter vom Auto weg in Sicherheit. '
+    stürzen.','marl2em' 
+    counter 'Ziehe die Person einige Meter vom Auto weg in Sicherheit.','marl2em'
     counter 'Achte darauf, dass der Kopf möglichst nicht nach hinten
-    fällt.'
+    fällt.','marl2em'
+  }
+  # ========================================================================= #
+  # === Die Pech-Regel                                             (pech tag)
+  # ========================================================================= #
+  # http://localhost/programming/ruby/src/roebe/lib/roebe/www/erste_hilfe/erste_hilfe.cgi#herzinfarkt
+  # ========================================================================= #
+  cheader_h2 'Die Pech-Regel'
+  p_default_le {
+    e 'Die Abkürzung <b>Pech</b> steht für:'
+    br
+    cmd 'Pause'
+    cmd 'Eis'
+    cmd 'Kompression'
+    cmd 'Hochlagern'
   }
   # ========================================================================= #
   # === Herzinfarkt
@@ -193,17 +298,17 @@ preferred_width('mar0px pad0px s0_8em') {
   cheader_h2 'Herzinfarkt'
   p_default_le {
     e 'Ein <b>Herzinfarkt</b> (AKS / ACS: <b>Akutes Koronarsyndrom</b>) 
-    ist eine Minderdurchblutung des Herzmuskel.'
+    ist eine <b>Minderdurchblutung des Herzmuskel</b>.'
     br
-    e 'Folgende Kardinalsymptome können beobachtet werden:'
+    e 'Folgende <b>Kardinalsymptome</b> können beobachtet werden:'
     br; reset_the_counter
-    counter 'Brustschmerz (eher diffus, drückend, nicht
+    counter '<b>Brustschmerz</b> (eher diffus, drückend, nicht
     bewegungsabhängig)','marl1em'
-    counter 'Luftnot','marl1em'
-    counter 'Ausstrahlung primär nach links (Arm, Oberbauch,
+    counter '<b>Luftnot</b>','marl1em'
+    counter '<b>Ausstrahlung primär nach links</b> (Arm, Oberbauch,
     Kiefer, Nacken)','marl1em'
-    counter 'gegebenenfalls blass und kaltschweißig, Übelkeit,
-    Erbrechen','marl1em'
+    counter 'gegebenenfalls <b>blass</b> und <b>kaltschweißig</b>,
+    <b>Übelkeit</b>, <b>Erbrechen</b>','marl1em'
     counter 'Todesangst','marl1em'
     br
     e '<b>Risikofaktoren</b> für einen Herzinfarkt sind zum
@@ -228,8 +333,8 @@ preferred_width('mar0px pad0px s0_8em') {
     e 'Bis der Rettungsdienst eintrifft ist die <b>Herzdruckmassage</b>
     sinnvoll - auch durch Laien vor Ort.'
     br
-    e 'Innerhalb von fünf Minuten kommt es zu irreversiblen Schäden im
-    Gehirn.'
+    e 'Innerhalb von fünf Minuten kommt es zu <b>irreversiblen Schäden
+    im Gehirn</b>.'
     br
     e '<b>Wie</b> wird die Herzdruckmassage richtig ausgeführt?'
     br
@@ -259,12 +364,32 @@ preferred_width('mar0px pad0px s0_8em') {
     zu versorgen. Es ist daher wichtiger die Herzdruckmassage korrekt durchzuführen.'
   }
   # ========================================================================= #
-  # === Das WASB-Schema
+  # === Das WASB-Schema                                            (WASB tag)
+  # ========================================================================= #
+  # http://localhost/programming/ruby/src/roebe/lib/roebe/www/erste_hilfe/erste_hilfe.cgi#wasb
   # ========================================================================= #
-  cheader_h2 'Das WASB-Schema'
+  cheader_h2 'Das WASB-Schema (quantitatives Bewusstsein)', id: 'WASB'
   p_default_le {
     e 'Das <b>WASB-Schema</b> wird zur Beurteilung des Bewusstseins
-    herangezogen.'
+    herangezogen - also im Zuge der <b>Bewusstseinsüberprüfung</b>.
+    Man versucht den Patienten einzuschätzen; mit anderen Worten
+    <b>wo das Problem liegt</b>.'
+    br
+    e 'Die vier Buchstaben <b>WASB</b> stehen, als Abkürzung, für:'
+    br
+    cmd 'Wach'
+    cmd 'Ansprechbar'
+    cmd 'Schmerzreiz'
+    cmd 'Bewusstlos'
+    br
+    e 'Was stellt man sich unter diesen Abkürzungen konkret vor?'
+    br
+    cmd '<b>Wach</b>: Normalbefund, spontan und anhaltend wach'
+    cmd '<b>Ansprechbar (schläfrig)</b>: Wach bei Ansprache,
+    schläft bei fehlender Ansprache ein'
+    cmd '<b>Schmerzreiz (tiefer Schlaf)</b>: Reagiert nur
+    auf Schmerzreiz, lässt sich aber nicht wach halten'
+    cmd '<b>Bewusstlos (Koma)</b>: Nicht erweckbar'
   }
   # ========================================================================= #
   # === Frakturen und Erste Hilfe
@@ -277,12 +402,12 @@ preferred_width('mar0px pad0px s0_8em') {
     sollte man als Ersthelfer grundsätzlich keine Bewegungsversuche
     unternehmen.'
     br
-    e 'Sichere Frakturzeichen sind:'
+    e '<b>Sichere Frakturzeichen</b> sind:'
     br; reset_the_counter
-    counter 'Fehlstellung'
-    counter 'Abnorme Beweglichkeit'
-    counter 'Knochenreiben'
-    counter 'Sichtbare Knochen'
+    counter 'Fehlstellung','marl2em'
+    counter 'Abnorme Beweglichkeit','marl2em'
+    counter 'Knochenreiben','marl2em'
+    counter 'Sichtbare Knochen','marl2em'
   }
   # ========================================================================= #
   # === Unterzuckerung
@@ -313,30 +438,42 @@ preferred_width('mar0px pad0px s0_8em') {
   # === Krampfanfälle
   # ========================================================================= #
   cheader_h2 'Krampfanfälle'
-  p_default_le {
-    e 'Krampfanfälle treten insbesonders bei Epilepsie auf - also
-    bei einer abnormen, elektrischen Aktivität.'
+  p_default_le(id: 'krampfanfall') {
+    e 'Krampfanfälle treten insbesonders bei <b>Epilepsie</b> auf - also
+    bei einer <b>abnormen, elektrischen Aktivität</b>.'
     br
-    e 'Ein Krampfanfall dauert in der Regel bis zu zwei Minuten, kann jedoch
-    in seltenen Fällen länger dauern. Es kommt im Zuge eines
-    Krampfanfalls zu repetitiven Zuckungen der Extremitäten.'
+    e 'Ein <b>Krampfanfall</b> dauert in der Regel bis zu <b>zwei Minuten</b>,
+    kann jedoch in seltenen Fällen länger dauern. Es kommt im Zuge eines
+    Krampfanfalls zu <b>repetitiven Zuckungen der Extremitäten</b>.'
     br
-    e 'Während eines Krampfanfalls soll die erkrankte Person am Boden
-    liegen. Das Verletzungsrisiko wird minimiert, indem Gegenstände,
+    e 'Während eines Krampfanfalls soll <b>die erkrankte Person am Boden
+    liegen</b>. Das Verletzungsrisiko wird minimiert, indem Gegenstände,
     mit denen sich die Person verletzen könnte, entfernt werden.
     Es sollte nicht versucht werden, die betroffene Person festzuhalten.'
     br
-    e 'Ist die Person nach dem Krampfanfall ansprechbar und atmet normal,
-    so ist sie in Seitenlage zu bringen.'
+    e 'Ist die Person <b>nach dem Krampfanfall</b> ansprechbar und atmet
+    normal, so ist sie in Seitenlage zu bringen.'
     br
     e 'Sollte die Person nach dem Krampfanfall nicht ansprechbar sein
-    und nicht normal atmen, ist sofort mit der Wiederbelebung zu
-    beginnen.'
+    und nicht normal atmen, ist sofort mit der <b>Wiederbelebung</b>
+    zu beginnen.'
     br
     e 'Krampfanfälle müssen nicht immer in Zusammenhang mit Epilepsie
     stehen. So gibt es auch andere neurologische Erkrankungen, wie
-    zum Beispiel ein Hirntumor, die einen Krampfanfall auslösen
+    zum Beispiel <b>ein Hirntumor</b>, die einen Krampfanfall auslösen
     können.'
+    br
+    e 'Sofortmaßnahmen bei einem Krampfanfall inkludieren:'
+    br; reset_the_counter
+    counter 'Sich und den Betroffenen vor Verletzungen schützen','marl2em'
+    counter 'Notruf absetzen','marl2em'
+    br
+    e 'Nach dem Krampfanfall:'
+    br
+    counter 'Bewusstsein und Atmung prüfen','marl2em'
+    counter 'stabile Seitenlage','marl2em'
+    br
+    selfy 'https://www.youtube.com/watch?v=QhYToNn3YEM', css_class: 'marl2em BOLD'
   }
   # ========================================================================= #
   # === Synkope
@@ -373,7 +510,15 @@ preferred_width('mar0px pad0px s0_8em') {
     Unterkühlung zu verhindern.'
     br
     e 'Kann man keine Atmung feststellen so sollte man sofort
-    mit der Wiederbelebung (Reanimation) beginnen.'
+    mit der Wiederbelebung (<b id="reanimation">Reanimation</b>)
+    beginnen.'
+    br
+    e 'Die Reanimation sollte wie folgt durchgeführt werden:'
+    br
+    cmd '30:2'
+    cmd '100-120 Bpm'
+    cmd '5-6cm tief, im unteren Sternumdrittel'
+    cmd 'Defibrillation'
     br
     e 'Mögliche Ursachen für eine Synkope können auch 
     Grunderkrankung wie Diabetes oder eine Herzrhythmusstörung
@@ -383,25 +528,29 @@ preferred_width('mar0px pad0px s0_8em') {
   # ========================================================================= #
   # === Stabile Seitenlage
   # ========================================================================= #
+  # http://localhost/programming/ruby/src/roebe/lib/roebe/www/erste_hilfe/erste_hilfe.cgi#seitenlage
+  # ========================================================================= #
   cheader_h2 'Stabile Seitenlage'
-  p_default_le {
-    e 'Durch die Stabile Seitenlage wird sichergestellt, dass die Atemwege
-    freigehalten werden und Erbrochenes, oder Blut, ablaufen kann - der
-    Mund des Betroffenen wird zum tiefsten Punkt des Körpers. Der
-    Betroffene wird so vor dem Ersticken bewahrt.'
+  p_default_le(id: 'seitenlage') {
+    e 'Durch die Stabile Seitenlage wird sichergestellt, dass die <b>Atemwege
+    freigehalten werden</b> und <b>Erbrochenes</b>, oder <b>Blut</b>, 
+    <b>ablaufen kann</b> - <b>der Mund des Betroffenen wird zum tiefsten
+    Punkt des Körpers</b>. Der Betroffene wird so vor dem Ersticken
+    bewahrt.' 
     br
     e 'Die stabile Seitenlage bei Kindern soll bei Bewusstlosigkeit
     sicherstellen, dass die Atemwege frei bleiben und nicht etwa
     durch eine zurückgefallene Zunge blockiert werden. Die stabile
     Seitenlage gewährleistet somit, <b>dass die Atemwege frei
-    bleiben.</b>'
+    bleiben</b> und sollte immer dann angewendet werden, wenn
+    eine Person bewusstlos ist, aber selbst atmet.'
     br
     e 'Ein bewusstloses Baby oder Kleinkind (bis etwa zwei Jahre)
     sollte hingegen in die <b>Bauchlage</b> gebracht
     werden.'
     br
-    e 'Die Stabile Seitenlage ist immer dann indiziert, wenn ein
-    bewusstloser Patient nach Freimachen der Atemwege eine
+    equote 'Die <b>Stabile Seitenlage</b> ist immer dann indiziert, wenn
+    ein bewusstloser Patient nach Freimachen der Atemwege eine
     ausreichende Eigenatmung besitzt und nicht intubiert,
     beatmet oder reanimiert werden muss.'
   }
@@ -413,4 +562,5 @@ preferred_width('mar0px pad0px s0_8em') {
     equote 'Maßnahmen der Rettungskette sind verpflichtend für jede
     Person.'
   }
+  br
 }}

data/lib/roebe/www/fonts/fonts.cgi

@@ -0,0 +1,245 @@
+#!/usr/bin/ruby -w
+# Encoding: UTF-8
+# frozen_string_literal: true
+# =========================================================================== #
+# http://localhost/programming/ruby/src/roebe/lib/roebe/www/fonts/fonts.cgi
+# =========================================================================== #
+require 'cyberweb/autoinclude'
+
+english('Fonts') {
+created_on '26.02.2024' # Monday.
+autoextend
+ruby_favicon
+default_template ''
+body_css_class 'mar0px s2px padt2px VERDANAs'
+body_css_style 'background-color: #d3d2d1;'
+default_font_size_and_hyperlinks
+
+preferred_width('mar0px pad0px s0_6em','',
+                'border: 8px groove #8B4513') {
+  h1 title?,
+     'mart1px marb0_5em'
+  p_default_le {
+    e 'The goal of this website is to bundle together knowledge
+    about fonts in general. This specifically includes how to
+    handle Fonts on Linux, as that was the primary reason why
+    this website was created: I needed a simpler way to
+    install good fonts on Linux.'
+  }
+  p_default_le(id: 'xfont') {
+    e 'If you are using Linux and need an overview over
+    the available fonts on your computer system, use:'
+    br
+    cmd 'xlsfonts'
+    br
+    e 'An alternative to xlsfonts would be <b>fontsel</b>:'
+    br
+    cmd 'fontsel'
+    br
+    e 'This will open an interactive dialogue that looks
+    like this:'
+    br
+    dimg 'linux//fontsel_result.avif',
+         'round_black2 mars2em marb1em'
+    br
+    e 'The next paragraph has an overview over programs that
+    can be used to select fonts, on Linux.'
+  }
+  p_default_le {
+    e 'xlsfonts','BO marl2em'
+    e 'fontsel','BO marl2em'
+    e 'fc-list','BO marl2em'
+    e 'xfontsel','BO marl2em'
+    e 'xmodmap','BO marl2em'
+  }
+  # ========================================================================= #
+  # === Font descriptions on Linux
+  # ========================================================================= #
+  fancy3 'Font descriptions on Linux'
+  p_default_le {
+    e 'The <b>default depiction</b> of fonts on Linux happens in this
+    fairly ugly variant:'
+    br
+    cmd2 '-foundry-family-weight-slant-stretch-style-pixels-points-xres-yres-spacing-avgwidth-registry-encoding'
+    cmd2 '  -arial-fixed-medium-r-normal--10-100-75-75-c-60-iso8859-*'
+    br
+    e 'Although this is very ugly, the benefit of this is that
+    it is also a <b>simplification</b>, in that all traits of
+    a given font are stored in a single, long String.'
+    br
+    e 'Note that these fonts can be displayed via
+    <b class="italic">xfontsel</b>.'
+    br
+    dimg 'linux/FONT_INFO.png',
+         'marl6em martb1em round_black2'
+  }
+  # ========================================================================= #
+  # === Where can we find fonts installed under Linux?
+  # === Wo können wir Fonts finden
+  # ========================================================================= #
+  fancy3 'Where can we find fonts installed under Linux?'
+  p_default_le {
+    e 'In general we can find the installed fonts under Linux in the following
+    directory:'
+    br
+    abr '/usr/share/fonts/',
+        content: 'cd /usr/share/fonts/',
+        css_class: 'BO marl1em'
+    br
+    e 'On my slackware system in <b>February 2024</b>, the following directories
+    could be found therein:'
+    br
+    cmd '100dpi'
+    cmd '75dpi'
+    cmd 'cyrillic'
+    cmd 'encodings'
+    cmd 'kanjistrokeorders'
+    cmd 'misc'
+    cmd 'OTF'
+    cmd 'Speedo'
+    cmd 'TTF'
+    cmd 'Type1'
+    cmd 'util'
+    cmd 'X11'
+    cmd 'xscreensaver'
+    br
+    cmd '  cat /etc/X11/fs/config'
+    br
+    e '  /usr/share/fonts/bitstream-vera/*.ttf'
+    e '  /usr/X11R6/lib/X11/fonts/TTF/*.ttf'
+    br
+    e 'It is also important to update the list of fonts that
+    are in use, by making use of the following command:'
+    br
+    cmd '  fc-list'
+    br
+    e 'It is also possible to put fonts into another directory,
+    such as under $HOME. An example for this, for the superuser,
+    follows:'
+    e
+    cmd '  /root/.fonts/'
+    e
+    e 'Here you can simply deposite .ttf or .otf fonts.'
+  }
+  # ========================================================================= #
+  # === Fonts
+  # ========================================================================= #
+  h1 sg('PC/FONTS/FONTS_FAVICON.png','marr0_2em round_black2')+
+     'Fonts and display-properties, specifically on Linux','BO'
+  p_default_le {
+    e 'A <b>point</b> (pt) corresponds to 1/72 of an inch. Consequently
+    if the monitor uses a DPI of 72, then one point equals exactly
+    <b>one Pixel</b>.'
+    br
+    e 'You can view pixel information via the command 
+    <b class="royalblue">xdpyinfo | grep resol</b>.'
+    br
+    e 'The result is then a single line, such as:'
+    br
+    cmd3 ' <b>resolution</b>:  85x86  dots per inch'
+    cmd3 ' <b>resolution</b>: 100x100 dots per inch'
+    cmd3 ' <b>resolution</b>:  99x98  dots per inch # Benq Monitor'
+    br
+  }
+  dimg 'PC/FONTS/FONTS_CONVENTION.png',
+       'marl3em round_black2'
+  # ========================================================================= #
+  # === Font formats
+  # ========================================================================= #
+  fancy2 'Font formats and types of font formats'
+  p_default_le {
+    e 'Most <b>computer fonts</b> used today are in either bitmap or
+    outline data formats.'
+    br
+    e 'In Linux, several font formats are commonly used to
+    store and manage fonts. Each has its characteristics
+    and advantages, catering to different needs and use
+    cases.'
+    br
+    e "Let's next describe some of the more common font formats
+    that can be found on a typical linux system."
+    br
+    e '<b>TrueType Font (TTF)</b>: TrueType is one of the most popular
+    and widely supported font formats. TTF fonts are scalable and
+    display well at various sizes. They are commonly used for both
+    on-screen and print purposes, making them suitable for web design,
+    graphic design and general text rendering. On Linux TrueType fonts
+    typically have the file extension <b>.ttf</b> and usually reside
+    under the directory <b>/usr/share/fonts/truetype/</b>. TrueType
+    fonts are the prevalent standard among different operating
+    systems, including Windows and Mac OSX.'
+    br
+    e '<b>OpenType Font (OTF)</b>: OpenType is an extension of
+    the TrueType font format. <b>OTF fonts</b> support advanced
+    typography features, such as ligatures, alternative characters,
+    and stylistic sets. They can include TrueType and PostScript
+    font data, making them versatile for different platforms
+    and applications. Their file extension in general is
+    <b>.otf</b>.'
+    br
+    e '<b>PostScript Font (Type 1)</b>: PostScript fonts, often
+    called Type 1 fonts, were one of the earliest digital font
+    formats. While they have been largely replaced by TrueType
+    and OpenType fonts, they still find use in specific
+    legacy applications and printing workflows. They are,
+    however had, <b>inferior</b> compared to TrueType fonts;
+    specifically their "Hinting" is worse. There may also be
+    a lack of Unicode support, so in general it can be
+r    ecommended to avoid PostScript Fonts.'
+    br
+    e '<b>Bitmap Font (BDF)</b>: Bitmap fonts are created using
+    a grid of pixels, where each pixel corresponds to a
+    specific glyph. These fonts are <b>not scalable</b> and are
+    best suited for particular screen resolutions. They were
+    <b>commonly used in older systems</b> and <b>terminals with
+    limited screen space</b>.'
+    br
+    e '<b>X11 Font Format (XLFD)</b>: The X Logical Font
+    Description (XLFD) format was used in the X Window System
+    to describe fonts. It included various attributes like
+    font family, style, size, weight, etc. However, XLFD has
+    become less relevant as newer font technologies and
+    formats have emerged.'
+    br
+    e '<b>Web Font Formats (WOFF, WOFF2)</b>: While not
+    exclusive to Linux, web font formats like WOFF (Web
+    Open Font Format) and WOFF2 are optimized for web
+    usage, providing efficient compression and faster
+    loading times. They allow web designers to use
+    custom fonts on their websites while ensuring
+    cross-browser compatibility.'
+    br
+    e '<b>SVG Fonts</b>: Scalable Vector Graphics (SVG)
+    fonts use XML-based descriptions to define font
+    outlines. While they offer scalability without
+    losing quality, they are less common than TrueType
+    or OpenType fonts for general text usage.'
+    br
+    e dot(102, 'marr8px')+'<b>Sans serif</b> Fonts
+    are in general better than <b>serif</b> Fonts.'
+  }
+  # ========================================================================= #
+  # === Fonts and the Xorg-server
+  # ========================================================================= #
+  fancy2 'Fonts and the Xorg-server'
+  p_default_le {
+    e 'The xorg-server will work through the FontPath entries, 
+    one after the other. Thus, better fonts or more important
+    fonts, should ideally come first in the list.'
+    br
+    e 'One should also keep note of all <b>DPI entries</b> there.'
+    br
+    e 'The font-server in Xorg is called <b>xfs</b>.'
+  }
+  # ========================================================================= #
+  # === FONTCONFIG TAG. rf xorg fontconfig
+  # ========================================================================= #
+  fancy2 'Fontconfig'
+  div('marb1em','fontconfig') {
+    e 'You might be in need to issue a "fc-cache" command.'
+    br
+    e 'The command builds <b>cache files</b> that are read
+    by <b>fontconfig</b>.'
+  }
+  br
+}}