cyberweb 0.8.17 → 0.9.31

data/examples/simple/toggle_visibility_example/toggle_visibility_example.cgi

@@ -0,0 +1,36 @@
+#!/usr/bin/ruby -w
+# Encoding: UTF-8
+# frozen_string_literal: true
+# =========================================================================== #
+# http://localhost/programming/ruby/src/cyberweb/examples/simple/toggle_visibility_example/toggle_visibility_example.cgi
+# =========================================================================== #
+require 'cyberweb/autoinclude'
+
+english('Toggle visibility example') {
+created_on '05.02.2023' # Sunday.
+autoextend
+ruby_favicon
+default_template ''
+body_css_class 'mar0px s2px padt2px VERDANAs'
+body_css_style 'background-color: #d3d2d1;'
+font_size '1.2em'
+no_jquery
+dump_all_javascript # Embed it as one big String here.
+
+doc('mar0px pad0px s0_8em') {
+  h1 dot(106, 'marr8px')+
+     title?,
+     'mart1px marb0_5em'
+  div(id: 'foobar1') {
+    h2 'Element #1',id: 'foobar2'
+  }
+  ee '
+  <div id="foobar3">
+  <h2 id="foobar4">Element #2</h2>
+  </div>
+  <button onclick="toggle(\'foobar4\')">
+  Click here
+  </button>
+  '
+  brbr
+}}

data/lib/cyberweb/base/misc.rb

@@ -11,6 +11,26 @@ class Base # === Cyberweb::Base
   require 'cyberweb/toplevel_methods/is_an_image.rb'
   require 'cyberweb/toplevel_methods/sort_this_array_by_time.rb'
 
+  # ========================================================================= #
+  # === ruby_sitelib_dir?
+  # ========================================================================= #
+  def ruby_sitelib_dir?
+    RbConfig::CONFIG['sitelibdir'].to_s+'/'
+  end
+
+  # ========================================================================= #
+  # === html_image
+  #
+  # Wrapper method towards the objectified <img> HTML tag.
+  # ========================================================================= #
+  def html_image(i)
+    if i.is_a? Symbol
+      i = ::Cyberweb::WebImages.map_symbol_to_image_location(i).dup
+      #i.prepend(full_path_to_image_directory?)
+    end
+    return Cyberweb::Objectified::HtmlTags::Img.new(i)
+  end; alias html_img html_image # === html_img
+
   # ========================================================================= #
   # === full_path_to_image_directory?
   #
@@ -102,19 +122,6 @@ class Base # === Cyberweb::Base
     ::Cyberweb.is_image?(this_file)
   end; alias is_an_image? is_image? # === is_an_image?
 
-  # ========================================================================= #
-  # === html_image
-  #
-  # Wrapper method towards the objectified <img> HTML tag.
-  # ========================================================================= #
-  def html_image(i)
-    if i.is_a? Symbol
-      i = ::Cyberweb::WebImages.map_symbol_to_image_location(i).dup
-      i.prepend(full_path_to_image_directory?)
-    end
-    return Cyberweb::Objectified::HtmlTags::Img.new(i)
-  end; alias html_img html_image # === html_img
-
   require 'cyberweb/toplevel_methods/name_of_img_dir.rb'
   # ========================================================================= #
   # === name_of_img_dir?

data/lib/cyberweb/cascading_style_sheets/border.css

@@ -41,10 +41,15 @@
 .bblack2          { border:2px solid black  }
 .bordblack3px     { border:3px solid black  }
 .bblack3          { border:3px solid black  }
+.bblack4,
 .bordblack4px     { border:4px solid black  }
-.bblack4          { border:4px solid black  }
+.bblack5,
 .bordblack5px     { border:5px solid black  }
-.bblack5          { border:5px solid black  }
+.bblack6          { border:6px solid black  }
+.bblack7          { border:7px solid black  }
+.bblack8          { border:8px solid black  }
+.bblack9          { border:9px solid black  }
+.bblack10         { border:10px solid black }
 .bblue1           { border:1px solid #0000FF}
 .bordblue1px      { border:1px solid #0000FF}
 .bordblue2px      { border:2px solid #0000FF}
@@ -182,20 +187,6 @@
   border: 3px solid steelblue;
 }
 
-/* Round Border, inspired from:
-
-     https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_round_buttons
-
- */
-.round_border1,
-.round_border2,
-.round_border3,
-.round_border4 {
-  font-size: 1px;
-  overflow:  hidden;
-  display:   block;
-}
-
 .bblack1_dotted,
 .dotted_border       { border: 1px dotted black }
 
@@ -211,38 +202,6 @@
   border-color: tomato;
 }
 
-/*
- * border-spacing property comes next.
- */
-.bspace1  { border-spacing:  1pt; }
-.bspace2  { border-spacing:  2pt; }
-.bspace3  { border-spacing:  3pt; }
-.bspace4  { border-spacing:  4pt; }
-.bspace5  { border-spacing:  5pt; }
-.bspace6  { border-spacing:  6pt; }
-.bspace7  { border-spacing:  7pt; }
-.bspace8  { border-spacing:  8pt; }
-.bspace9  { border-spacing:  9pt; }
-.bspace10 { border-spacing: 10pt; }
-.bspace11 { border-spacing: 11pt; }
-.bspace12 { border-spacing: 12pt; }
-.bspace13 { border-spacing: 13pt; }
-.bspace14 { border-spacing: 14pt; }
-.bspace15 { border-spacing: 15pt; }
-.bspace16 { border-spacing: 16pt; }
-.bspace17 { border-spacing: 17pt; }
-.bspace18,
-.fancy_table_spacing,
-.fancy_table,
-.solid_table_spacing,
-.pretty_spacer {
-  border-spacing: 18pt;
-}
-.bspace19 { border-spacing: 19pt; }
-.bspace20 { border-spacing: 20pt; }
-.bspace25 { border-spacing: 25pt; }
-.bspace30 { border-spacing: 30pt; }
-
 .rounded_bblack1,
 .rounded_border1,
 .rounded_black1,
@@ -302,4 +261,57 @@
 .rounded_border_9px  { border-radius:  9px; }
 .rounded_border_10px { border-radius: 10px; }
 .rounded_border_11px { border-radius: 11px; }
-.rounded_border_12px { border-radius: 12px; }
+.rounded_border_12px { border-radius: 12px; }
+
+/*
+ * border-spacing property comes next.
+ */
+.bspace1  { border-spacing:  1pt; }
+.bspace2  { border-spacing:  2pt; }
+.bspace3  { border-spacing:  3pt; }
+.bspace4  { border-spacing:  4pt; }
+.bspace5  { border-spacing:  5pt; }
+.bspace6  { border-spacing:  6pt; }
+.bspace7  { border-spacing:  7pt; }
+.bspace8  { border-spacing:  8pt; }
+.bspace9  { border-spacing:  9pt; }
+.bspace10 { border-spacing: 10pt; }
+.bspace11 { border-spacing: 11pt; }
+.bspace12 { border-spacing: 12pt; }
+.bspace13 { border-spacing: 13pt; }
+.bspace14 { border-spacing: 14pt; }
+.bspace15 { border-spacing: 15pt; }
+.bspace16 { border-spacing: 16pt; }
+.bspace17 { border-spacing: 17pt; }
+.bspace18,
+.fancy_table_spacing,
+.fancy_table,
+.solid_table_spacing,
+.pretty_spacer,
+.pretty_table,
+.table_spacing1,
+.pretty_table_spacing,
+.pretty_collapse {
+  border-spacing: 18pt;
+}
+.bspace19 { border-spacing: 19pt; }
+.bspace20 { border-spacing: 20pt; }
+.bspace25 { border-spacing: 25pt; }
+.bspace30 { border-spacing: 30pt; }
+
+
+/*
+ * Round Border, inspired from:
+ *
+
+     https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_round_buttons
+
+ */
+.round_border1,
+.round_border2,
+.round_border3,
+.round_border4 {
+  font-size: 1px;
+  overflow:  hidden;
+  display:   block;
+}

data/lib/cyberweb/cascading_style_sheets/default.css

@@ -1479,14 +1479,6 @@ img.center {
 .wspa3em   {word-spacing:3em }
 .wspa4em   {word-spacing:4em }
 
-/*
- * text-transform: können Sie die Transformation bestimmen
- */
-.TTC    {text-transform: capitalize}
-.TTU    {text-transform: uppercase}
-.TTL    {text-transform: lowercase}
-.TTN    {text-transform: none}
-
 /********************************************************************
  *
  * collapse
@@ -1884,3 +1876,20 @@ pre { font-size: 1.0em;}
   text-align: center;
   font-size:  1.2em;
 }
+
+/*
+ * text-transform: können Sie die Transformation bestimmen
+ */
+.TTC    {text-transform: capitalize}
+.TTU    {text-transform: uppercase}
+.TTL    {text-transform: lowercase}
+.TTN    {text-transform: none}
+
+/*
+ * The following clause is for shrinking/resizing images
+ * primarily.
+ */
+.shrink_to_half,
+.fifty_percent {
+  transform: scale(0.5);
+}

data/lib/cyberweb/cascading_style_sheets/fonts.css

@@ -335,8 +335,12 @@
  *   - monospace
  *
  */
-.FF-MONO                { font-family: monospace}
-.MONOFONT               { font-family: monospace}
+.MONOFONT,
+.MONOSPACE,
+.FF-MONO {
+  font-family: monospace;
+}
+
 .monospace {
   font-family: Consolas, monospace;
 }

data/lib/cyberweb/cascading_style_sheets/glow_effects.css

@@ -34,7 +34,7 @@
   z-index: -1;
   content: '';
   position: absolute;
-  width: 100%;
+  width:  100%;
   height: 100%;
   left: 0;
   top:  0;
@@ -55,9 +55,9 @@
   filter: blur(4px);
   width:  calc(100% + 4px);
   height: calc(100% + 4px);
-  animation: glowing_on_hover_animation 22s linear infinite;
+  animation: glowing_on_hover_animation 25s linear infinite;
   opacity: 0;
-  transition: opacity 2.5s ease-in-out;
+  transition: opacity 6.0s ease-in-out;
   border-radius: 8px;
 }
 
@@ -87,10 +87,10 @@
   filter: blur(4px);
   width:  calc(100% + 4px);
   height: calc(100% + 4px);
-  animation: glowing_on_hover_animation 22s linear infinite;
   opacity: 0;
-  transition: opacity .3s ease-in-out;
   border-radius: 8px;
+  animation: glowing_on_hover_animation 25s linear infinite;
+  transition: opacity .5s ease-in-out;
 }
 
 .glow_on_hover:active,

data/lib/cyberweb/cascading_style_sheets/hover.css

@@ -1,5 +1,10 @@
 /*!
- * Hover.css (https://ianlunn.github.io/Hover/)
+ * Hover.css
+ *
+ * Original URL at:
+ *
+ *   https://ianlunn.github.io/Hover/
+ *   https://github.com/IanLunn/Hover/blob/master/css/hover.css
  *
  * Version:     2.3.2
  * Author:      Ian Lunn @IanLunn
@@ -4173,7 +4178,10 @@
   -webkit-transition-property: width, height;
   transition-property: width, height;
 }
-.hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before {
+
+.hvr-curl-bottom-right:hover:before,
+.hvr-curl-bottom-right:focus:before,
+.hvr-curl-bottom-right:active:before {
   width: 25px;
   height: 25px;
 }
@@ -4204,9 +4212,9 @@
   -webkit-transition-property: width, height;
   transition-property: width, height;
 }
-.hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before {
+.hvr-curl-bottom-left:hover:before,
+.hvr-curl-bottom-left:focus:before,
+.hvr-curl-bottom-left:active:before {
   width: 25px;
   height: 25px;
 }
-
-/*# sourceMappingURL=hover.css.map */

data/lib/cyberweb/cascading_style_sheets/margin.css

@@ -420,6 +420,9 @@
 .marl24px  { margin-left: 24px; }
 .marl25px  { margin-left: 25px; }
 .marl26px  { margin-left: 26px; }
+.marl27px  { margin-left: 27px; }
+.marl28px  { margin-left: 28px; }
+.marl29px  { margin-left: 29px; }
 .marl30px  { margin-left: 30px; }
 .marl40px  { margin-left: 40px; }
 .marl45px  { margin-left: 45px; }

data/lib/cyberweb/cmd/README.md

@@ -0,0 +1,2 @@
+class Cyberweb::Cmd has been created in January 2023, to replace
+the old code stored in the module PredefinedMethods.