roebe 0.5.191 → 0.6.3

data/lib/roebe/www/chemistry/chemistry.rb

@@ -2,74 +2,7 @@ english('Chemistry') {
 created_on '16.03.2023' # Thursday.
 autoextend
 default_template '
-
-a:link        { color: #3C9C23; }
-a:visited     { color: #3C9C23; }
-a:hover       { color: #62F962; }
-a:active      { color: #98FB98; }
-a {
-  text-decoration: none;
-}
-
-h1 {
-  font-size:     2.5em;
-  line-height:   1.25em;
-  margin-bottom: 0.1em;
-  font-family:   "Helvetica Neue", Arial, Helvetica, sans-serif;
-  font-weight:   700;
-}
-
-h2 {
-  color: lightblue;
-  margin-top:    5px;
-  margin-bottom: 0.8em;
-}
-
-h4 {
-  margin-bottom: 1px;
-}
-
-pre {
-  font-size:1.3em;
-}
-
-p {
-  margin:   4px;
-  padding: 12px;
-}
-
-p.default {
-  margin-top: 1em;
-}
-
-div.default {
-  padding:         10px;
-  padding-left:   0.8em;
-  padding-right:  0.8em;
-  padding-top:    0.65em;
-  margin-bottom:    2px;
-  margin-top:       2px;
-  border:           2px dotted lightblue;
-  border-radius:   10px; 
-}
-
-#header h1 {
-  line-height: 2em;
-  height:   2.5em;
-}
-
-#header {
-  padding: 5px;
-  border-bottom: 2px solid #AAA;
-  background:    #555 no-repeat 100% 5px fixed;
-}
-
-.alternative {
-  font-family: "Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",Georgia,serif;
-  font-style:  italic;
-  font-weight: normal;
-}
-
+#READ_FILE css_rules.css
 '
 favicon 'science/STRATEGEME/STRATEGEME_FAVICON.png'
 body_css_class 'mar0 pad0px BG_Black White VERDANAs'
@@ -407,23 +340,6 @@ doc_smaller_width('mar0px BG_Black',
     }   
   }
   # ========================================================================= #
-  # === Alkansäuren.
-  # ========================================================================= #
-  # http://localhost/programming/ruby/src/roebe/lib/roebe/www/chemistry/chemistry.cgi#alkans%C3%A4uren
-  # ========================================================================= #
-  fancy2 'Alkansäuren',
-         'on_hover_grow marl1em lightblue mart1em'
-  div_default_le {
-    p_default_le {
-      dimg 'science/chemistry/ALKAN_SAUREN.jpg',
-           'mars3em'
-      brbr
-      abr 'https://www.seilnacht.com/Lexikon/carbons.html',
-          content: 'Guter Link zu Carbonsäuren',
-          css_class: 'mars3em BOLD'
-    }
-  }
-  # ========================================================================= #
   # === Gase
   # ========================================================================= #
   # http://localhost/programming/ruby/src/roebe/lib/roebe/www/chemistry/chemistry.cgi#gase
@@ -589,115 +505,6 @@ doc_smaller_width('mar0px BG_Black',
     dimg 'science/chemistry/GEFAHRENSYMBOLE.jpg'
   }
   # ========================================================================= #
-  # === Säuren und Basen                                         tag (pH tag)
-  #
-  # Dieser Abschnitt behandelt pH-Berechnungen.
-  # ========================================================================= #
-  fancy2 'Säuren und Basen - pH-Berechnungen',
-         'on_hover_grow marl1em lightblue mart1em'
-  div_default_le {
-    p_default_le {
-      e 'Der pH Wert einer starken Säure kann nach folgender Formel berechnet
-      werden:'
-      br
-      le '  pH = - log [H+]'
-      br
-      e 'Sehen wir uns nun ein paar Beispiel hierzu an.'
-    }
-    # ======================================================================= #
-    # === Beispiel #1
-    # ======================================================================= #
-    p_default_le {
-      e 'Beispiel #1: Wie groß ist der pH-Wert eine 5.3 * 10⁻²
-      molaren Salzsäure-Lösung?'
-      br
-      cmd '[H3O+] = [HCl] = 5.3 * 10**-2'
-      cmd 'pH = - log [H3O]+ = -log ( 5.3 * 10**-2) = 1.28'
-      cmd 'Math.log10( 5.3 * (10**-2))'
-    }
-    fancy_spacer
-    # ======================================================================= #
-    # === Beispiel #2
-    # ======================================================================= #
-    p_default_le {
-      e 'Beispiel #2: Wie groß ist der pH-Wert einer 7.6 * 10**-3-molaren
-      Kaliumhydroxid-Lösung?'
-    }
-    fancy_spacer
-    # ======================================================================= #
-    # === Beispiel #3
-    #
-    # Ammoniak-Beispiel.
-    # ======================================================================= #
-    p_default_le {
-      e 'Beispiel #3: Wie groß ist der pH-Wert einer 0,1 M NH3-Lösung
-      (Kb = 1.8 ⋅10-5 M)?'
-      br
-      e 'Ammoniak ist eine schwache Base.'
-      br
-      e 'Der <b>Kb</b> ist 0.00018.'
-      br
-      cmd 'pKb = <b>3.755 - log(0.1)</b> = 4.744'
-      cmd 'Formel ist: pH = ½ (pKs - log cHA)'
-      br
-      e 'Ergibt pH = <b>11.12765</b>.'
-    }
-    # ======================================================================= #
-    # === Beispiel #4
-    #
-    # Essigsäure-Beispiel.
-    # ======================================================================= #
-    # http://localhost/programming/ruby/src/roebe/lib/roebe/www/chemistry/chemistry.cgi#beispiel_04
-    # ======================================================================= #
-    p_default_le(id: 'beispiel_04') {
-      e 'Beispiel #4: Wie groß ist der pH-Wert, wenn Sie zu einem
-      Essigsäure/Acetat-Puffer aus je 1,1 mol 2 mol HCl dazugeben?
-      KA (Essigsäure): 1,76 ·10⁻⁵'
-      br
-      e 'Wir gehen systematisch vor.'
-      br
-      e 'Wir haben es hier mit einer <b>Pufferreaktion</b> zu tun.'
-      br
-      e 'Puffer können pH-Änderungen abfedern, sprich, ihnen
-      <b>entgegenwirken</b>.'
-      br
-      e 'Berechnen können wir sie mit Hilfe der
-      <b>Henderson-Hasselbalch-Gleichung</b>.'
-      br
-    }
-    # ======================================================================= #
-    # === Beispiel #5
-    # ======================================================================= #
-    # http://localhost/programming/ruby/src/roebe/lib/roebe/www/chemistry/chemistry.cgi#beispiel_04
-    # ======================================================================= #
-    p_default_le(id: 'beispiel_05') {
-      e 'Beispiel #5: 1 g Ca(OH)₂ werden in 100 ml Wasser gelöst.
-      Welchen pH-Wert hat die Lösung?'
-      br
-      e 'Ca(OH)₂ ist eine <b>starke Base</b>. Der pKb beträgt von 1.37.'
-      br
-      e 'Die Molmasse von Ca(OH)₂ beträgt: 74.092. 1 Gramm bedeutet
-      daher nur 0.0134967 Mol. Dies verdoppeln wir nun: 
-      0.0269934 mol. Log ergibt: -1.5687, dann + 14 = 12.431'
-      e 'Volumen V = 0.1L'
-    }
-    # ======================================================================= #
-    # === Beispiel #6
-    # ======================================================================= #
-    # http://localhost/programming/ruby/src/roebe/lib/roebe/www/chemistry/chemistry.cgi#beispiel_04
-    # ======================================================================= #
-    p_default_le(id: 'beispiel_06') {
-      e 'Beispiel #6: Wie groß ist der pH-Wert einer 0,1 M
-      Essigsäure-Lösung (pKs=4,75)?'
-      br
-      e 'Die Formel lautet:'
-      br
-      cmd '  pH = 0.5 * (pKs - log cHA)'
-      cmd '  pH = 0.5 * (4.75 - log(0.1))'
-      cmd '  pH = 0.5 * 5.75 = 2.875'
-    }
-  }
-  # ========================================================================= #
   # === Stickstoffdioxid
   # ========================================================================= #
   # http://localhost/programming/ruby/src/roebe/lib/roebe/www/chemistry/chemistry.cgi#stickstoffdioxid
@@ -819,66 +626,6 @@ doc_smaller_width('mar0px BG_Black',
     e "Die Avogadro'sche Zahl hat den Wert 6.022 * 10²³ mol⁻¹."
   }
   # ========================================================================= #
-  # === Quantenzahlen tag
-  # ========================================================================= #
-  fancy2 'Quantenzahlen',
-         'on_hover_grow marl1em lightblue mart1em'
-  div_default_le {
-    e 'Die Hauptquantenzahl N beschreibt die Schale, also
-    das Energieniveau, zu der der Zustand des Elektrons gehört.'
-    br
-    e 'Sie kann theoretisch beliebige, natürliche Zahlenwerte größer
-    als <b>null</b> annehmen:'
-    br
-    lem 'n = 1, 2, 3, 4','BOLD'
-    br
-    e 'Die Schalen werden auch der Reihe nach mit K-,L-,M-,N-...Schale
-    bezeichnet.'
-    br
-    e 'Die Nebenquantenzahl L kennzeichnet die Form des Atomorbitals
-    in einem Atom.'
-    br
-    e 'Sie kann Werte zwischen <b>l = 0</b> und <b>l = n - 1</b>
-    annehmen. Ist die Hauptquantenzahl also 3, so kann L die 
-    Werte 0, 1 und 2 annehmen.'
-    div('table-container mars2em') {
-      ee '<dl class="caption">
-</dl>
-<table class="bblack1 pad0_5em results" border="0" cellpadding="0" cellspacing="4">
-<tbody>
-<tr>
-<th>Schale</th>
-<th>Hauptquantenzahl n</th>
-<th>Nebenquantenzahl l</th>
-<th>Magnetquantenzahl m</th>
-<th>Orbital</th>
-</tr>
-<tr>
-  <td>K</td><td>1</td><td>0</td>
-  <td>0</td><td>s</td></tr><tr><td>L</td><td>2</td>
-  <td>0<br><span class="part">1</span></td>
-  <td>0<br><span class="part">-1, 0, +1</span></td>
-  <td>s<span class="part">p</span></td>
-</tr>
-<tr>
-  <td>M</td><td>3</td>
-  <td>0<br><span class="part">1</span>
-       <br><span class="part">2</span></td>
-  <td>0<br><span class="part">-1, 0, +1</span><br>
-       <span class="part">-2, -1, 0, +1, +2</span></td>
-  <td>s<span class="part">p</span><span class="part">d</span></td>
-</tr>
-<tr>
-  <td>...</td>
-  <td>...</td>
-  <td>...</td><td>...</td><td>...</td>
-</tr>
-</tbody>
-'
-     ctable
-    }
-  }
-  # ========================================================================= #
   # === Partialdruck tag
   #
   #   rf chemistry partialdruck
@@ -1824,8 +1571,6 @@ Sie graphisch den pH-Wert (qualitativ).
       für jedes Atom <b>Protonenzahl == Elektronenzahl</b>.'
       e '- Oktaeder: Es gibt <b>Koordinationssphären</b>
       bei der <b>Hydratisierung</b>.'
-      e '- "Nie das Wasser in die Säure, sonst geschieht
-      das Ungeheure!"'
       e '- Reaction rates can be controlled if we understand the factors
       that influence them.'
       e '- The <b>rate</b> of a chemical reaction generally
@@ -1922,12 +1667,19 @@ Sie graphisch den pH-Wert (qualitativ).
     clickable_h2 'Hilfreiche Links',
                  'martb1px'
     div('mars0_5em mart4px') {
+      # ===================================================================== #
+      # === Lokale Links
+      # ===================================================================== #
       h4 sg(:dot102, 'marr6px')+
          'Lokale Links',
          'mart1px gold'
       p('mars1em') {
-        abr :bioruby,    content:'SELF'
-        abr :tu_studium, content: 'SELF'
+        abr_self :bioruby
+        abr_self :tu_studium
+        abr 'funktionelle_gruppen_in_der_chemie/funktionelle_gruppen_in_der_chemie.cgi',
+             description: 'Funktionelle Gruppen in der Chemie'
+        abr 'die_quantenzahlen/die_quantenzahlen.cgi',
+             description: 'Die Qzantenzahlen'
       }
       # ===================================================================== #
       # === Externe Links

data/lib/roebe/www/chemistry/css_rules.css

@@ -0,0 +1,67 @@
+
+a:link        { color: #3C9C23; }
+a:visited     { color: #3C9C23; }
+a:hover       { color: #62F962; }
+a:active      { color: #98FB98; }
+a {
+  text-decoration: none;
+}
+
+h1 {
+  font-size:     2.5em;
+  line-height:   1.25em;
+  margin-bottom: 0.1em;
+  font-family:   "Helvetica Neue", Arial, Helvetica, sans-serif;
+  font-weight:   700;
+}
+
+h2 {
+  color: lightblue;
+  margin-top:    5px;
+  margin-bottom: 0.8em;
+}
+
+h4 {
+  margin-bottom: 1px;
+}
+
+pre {
+  font-size:1.3em;
+}
+
+p {
+  margin:   4px;
+  padding: 12px;
+}
+
+p.default {
+  margin-top: 1em;
+}
+
+div.default {
+  padding:         10px;
+  padding-left:   0.8em;
+  padding-right:  0.8em;
+  padding-top:    0.65em;
+  margin-bottom:    2px;
+  margin-top:       2px;
+  border:           2px dotted lightblue;
+  border-radius:   10px; 
+}
+
+#header h1 {
+  line-height: 2em;
+  height:   2.5em;
+}
+
+#header {
+  padding: 5px;
+  border-bottom: 2px solid #AAA;
+  background:    #555 no-repeat 100% 5px fixed;
+}
+
+.alternative {
+  font-family: "Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",Georgia,serif;
+  font-style:  italic;
+  font-weight: normal;
+}

data/lib/roebe/www/chemistry/die_quantenzahlen/die_quantenzahlen.cgi

@@ -0,0 +1,123 @@
+#!/usr/bin/ruby -w
+# Encoding: UTF-8
+# frozen_string_literal: true
+# =========================================================================== #
+# http://localhost/programming/ruby/src/roebe/lib/roebe/www/chemistry/die_quantenzahlen/die_quantenzahlen.cgi
+# =========================================================================== #
+require 'cyberweb/autoinclude'
+
+german('Die Quantenzahlen') {
+created_on '04.02.2024' # Sunday.
+autoextend
+ruby_favicon
+default_template '
+#READ_FILE ../css_rules.css
+'
+body_css_class 'mar0px pad0px VERDANAs'
+body_css_style 'background-color: black; color: white;'
+default_font_size_and_hyperlinks
+
+set_cmd1 'lightblue marl2em BOLD'
+ 
+preferred_width('mar0px pad0px s0_8em') {
+  # =========================================================================== #
+  # === The main header (aka internal title)
+  # =========================================================================== #
+  h1 title?,
+     'mart0px alternative',
+     'header',
+     'color:        palegreen;
+      font-weight:  bold;
+      font-size:    100px;
+      padding:       5px;
+      border:        2px dotted gold;
+      padding-left:   10%;
+      margin-bottom: 5px;'
+  # ========================================================================= #
+  # === Quantenzahlen tag
+  # ========================================================================= #
+  fancy2 'Quantenzahlen',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default_le {
+    e 'Es gibt folgende Quantenzahlen:'
+    br
+    cmd '  Hauptquantenzahl n (oder N)'
+    cmd '  Nebenquantenzahl l (oder L)'
+    cmd '  Magnetische Quantenzahl m (oder M)'
+    cmd '  Spinquantenzahl s (oder S)'
+    br
+    e 'Mit Hilfe dieser Quantenzahlen werden bestimmte Eigenschaften
+    der Elektronen beschrieben.'
+    br
+    e 'Die <b class="lightgreen">Hauptquantenzahl N</b> beschreibt die
+    Schale, also das Energieniveau, zu der der Zustand des Elektrons gehört.'
+    br
+    e 'Sie kann theoretisch beliebige, natürliche Zahlenwerte größer als
+    <b>null</b> annehmen, wie zum Beispiel:'
+    br
+    cmd 'n = 1, 2, 3, 4'
+    br
+    anm 'Die Schalen werden auch der Reihe nach mit K-,L-,M-,N-...Schale
+    bezeichnet. Dies ist jedoch mittlerweile seltener, da die 
+    Zahlen (1, 2, 3 etc ...) einfacher sind.'
+    brbr
+    e 'Die Nebenquantenzahl L kennzeichnet die Form des Atomorbitals
+    in einem Atom.'
+    br
+    e 'Sie kann Werte zwischen <b>l = 0</b> und <b>l = n - 1</b>
+    annehmen. Ist die Hauptquantenzahl also 3, so kann L die 
+    Werte 0, 1 und 2 annehmen; also immer um 1 reduziert.'
+    br
+    div('table-container larger mars2em gold') {
+      ee '<dl class="caption">
+</dl>
+<table class="round_black2 pretty_table pad0_8em results">
+<tbody>
+<tr>
+<th>Schale</th>
+<th>Hauptquantenzahl n</th>
+<th>Nebenquantenzahl l</th>
+<th>Magnetquantenzahl m</th>
+<th>Orbital</th>
+</tr>
+<tr>
+  <td>K</td><td>1</td><td>0</td>
+  <td>0</td><td>s</td></tr><tr><td>L</td><td>2</td>
+  <td>0<br><span class="part">1</span></td>
+  <td>0<br><span class="part">-1, 0, +1</span></td>
+  <td>s<span class="part">p</span></td>
+</tr>
+<tr>
+  <td>M</td><td>3</td>
+  <td>0<br><span class="part">1</span>
+       <br><span class="part">2</span></td>
+  <td>0<br><span class="part">-1, 0, +1</span><br>
+       <span class="part">-2, -1, 0, +1, +2</span></td>
+  <td>s<span class="part">p</span><span class="part">d</span></td>
+</tr>
+<tr>
+  <td>...</td>
+  <td>...</td>
+  <td>...</td><td>...</td><td>...</td>
+</tr>
+</tbody>
+'
+     ctable
+    }
+  }
+  e 'Die Hauptquantenzahl n bestimmt auch welches Orbital wir betrachten.'
+  br
+  table2('marl1em pretty_table','','',
+    '1','s-Orbital',
+    '2','p-Orbital'
+    '3','d-Orbital'
+    '4','f-Orbital'
+  )
+  br
+  e 'Die Formel 2n² gibt an, wie viele Elektronen sich maximal in
+  einem Energieniveau befinden können. Für n=1 sind dies 2 Elektronen,
+  für n=2 8 Elektronen, für n=3 18 Elektronen, für n=4 32 Elektronen,
+  für n=5 50 Elektronen, für n=6 72 Elektronen und für n=7 98
+  Elektronen.'
+  nr
+}}

data/lib/roebe/www/chemistry/funktionelle_gruppen_in_der_chemie/funktionelle_gruppen_in_der_chemie.cgi

@@ -0,0 +1,52 @@
+#!/usr/bin/ruby -w
+# Encoding: UTF-8
+# frozen_string_literal: true
+# =========================================================================== #
+# http://localhost/programming/ruby/src/roebe/lib/roebe/www/chemistry/funktionelle_gruppen_in_der_chemie/funktionelle_gruppen_in_der_chemie.cgi
+# =========================================================================== #
+require 'cyberweb/autoinclude'
+require 'emoji_paradise/toplevel_methods/toplevel_methods.rb'
+
+english('Funktionelle Gruppen in der Chemie') {
+created_on '03.02.2024' # Saturday.
+autoextend
+ruby_favicon
+default_template ''
+body_css_class 'mar0px s2px padt2px VERDANAs'
+body_css_style 'background-color: #d3d2d1;'
+default_font_size_and_hyperlinks
+
+checked = EmojiParadise.return_checkbox
+checked_to_the_right = ' <span class="darkred">'+checked+'</span>' # And make it red here.
+checked_to_the_left  = '<span class="darkred">'+checked+'</span> ' # And make it red here as well.
+
+preferred_width('mar0px pad0px s0_8em') {
+  h1 dot(106, 'marr8px')+
+     title?,
+     'mart1px marb0_5em'
+  p_default_le {
+    e 'Folgende Tabelle - alphabetisch geordnet - stellt die wichtigsten
+    Vertreter der funktionellen Gruppen vor:'
+    br
+    table3('mars2em pretty_table','','',
+      '<b class="FS1_5em">Stoffgruppe</b>',
+      '<b class="FS1_5em">Funktionelle Gruppe</b>',
+      '<b class="FS1_5em">Halbstrukturformel</b>',
+      'Aldehyd','Aldehydgruppe','R-COH',
+      checked_to_the_left+'Alkohol','Hydroxygruppe','R-OH'+checked_to_the_right,
+      checked_to_the_left+'Amin','Aminogruppe','R-NH₂'+checked_to_the_right,
+      'Carbonsäure','Carboxygruppe','R-COOH',
+      'Carbonsäureester','Estergruppe','R₁-COO-R₂',
+      checked_to_the_left+'Ether','Ethergruppe','R₁-O-R₂'+checked_to_the_right,
+      'Halogenkohlenwasserstoff','Halogenid','-F, -Br, -Cl, -I',
+      checked_to_the_left+'Keton','Ketogruppe','R₁-C=O-R₂'+checked_to_the_right,
+      'Nitril','Nitril-/Cyanogruppe','-C≡N',
+      'Peroxycarbonsäure','Peroxycarboxylgruppe','R-COOOH',
+      'Phenol','Hydroxygruppe','R-OH',
+      checked_to_the_left+'Thiol','Thiol-/Mercatogruppe','R-SH'+checked_to_the_right
+    )
+  }
+  p_default_le {
+    selfy :local_chemistry
+  }
+}}