cyberweb 0.12.35 → 0.13.11

data/doc/todo/todo_for_the_cyberweb_project.md

@@ -1,11 +1,37 @@
 --------------------------------------------------------------------------------
+(38) → Scroll down with a delay through jquery.
+      Add it!
+--------------------------------------------------------------------------------
+(25) → html { head; body { p { "I'm awesome!" } } }
+      ^^^ the cyberweb framework should allow this as well
+      include Cyberweb
+      include HtmlTags
+      html { head; body { p { "I'm awesome!" } } }
+      Hmmmm.
+--------------------------------------------------------------------------------
+(12) → in img:
+      img 'FOO/BAR'
+      und wenn es hinter keine Endung .png oder .jpg gibt, dann machen
+      wir ein glob und versuchen irgend etwas zu finden.
+--------------------------------------------------------------------------------
+(1) → For the logo: flip the image and only use the teal part; drop the rest
+      or re-work it a bit until it looks better. and improve the cyborg too.
+--------------------------------------------------------------------------------
+(2) → Feed some class arbitrary html and convert this into
+      cyberweb-conforming generators.
+--------------------------------------------------------------------------------
+(3) → Consider switching to a database-layout and enable a plugin
+      structure with different database-adapters.
+      ^^^ The above should probably also store everything into
+      a database.
+--------------------------------------------------------------------------------
 (4) → import io.kweb.*
       import io.kweb.dom.element.*
       fun main(args : Array<String>) {
       Kweb(port = 8091) {
       doc.body.new {
-        p().text("Hello world with Kweb!")
-        }
+      p().text("Hello world with Kweb!")
+      }
       }
       ^^^ das p.text('FOOBAR')
       ist interessamnt
@@ -13,11 +39,7 @@
       sollten - eher in cyberweb, so das html_tags clean bleibt.
       Eventuell in objectified HTML tags
 --------------------------------------------------------------------------------
-(1) → Replace html_tags/ e. g.   class I < WebBase
-      with class I < Objectified ... hmmm
-      think about this more.
---------------------------------------------------------------------------------
-(2) → fieldset.id = 'bla'
+(5) → fieldset.id = 'bla'
       ^^^ Jedes HTML Element, das registriert ist, muss ein OpenStruct sein.
       class Foo < OpenStruct
       end
@@ -40,14 +62,14 @@
       ^^^
       nope, no longer open-struct.
 --------------------------------------------------------------------------------
-(3) → Integrate useful wordpress functionality:
+(6) → Integrate useful wordpress functionality:
       - make changes to your website without any programming knowledge.
       - schedule posts to be displayed at specific dates/times so that
       you can create content ahead of time and schedule it to be published.
 --------------------------------------------------------------------------------
-(5) → extend on dragula, so that we can do fancier stuff
+(7) → extend on dragula, so that we can do fancier stuff
 --------------------------------------------------------------------------------
-(6) → add a method:
+(8) → add a method:
       p_default_le {
       }
       ^^^ this will make use of "le" rather than "e".
@@ -60,28 +82,23 @@
       Well p_default_le {} has been added. Do we need
       RenderOrDisplay still? hmmm.
 --------------------------------------------------------------------------------
-(7) → add a simple and documented way to convert from csv into
+(9) → add a simple and documented way to convert from csv into
       table format:
-        csv_from_file_to_table
+      csv_from_file_to_table
       or something liket hat.
       class method
       Cyberweb.
       This has been implemented but not yet documented.
       What does this mean, though?
 --------------------------------------------------------------------------------
-(8) → ability to use different CSS templates quickly
+(10) → ability to use different CSS templates quickly
       to change the look and style of any site
 --------------------------------------------------------------------------------
-(9) → Ability to generate static html sites.
+(11) → Ability to generate static html sites.
       The whole layout should be also put into static html and
       then upload to a remote host! \o/
 --------------------------------------------------------------------------------
-(10) → in img:
-      img 'FOO/BAR'
-      und wenn es hinter keine Endung .png oder .jpg gibt, dann machen
-      wir ein glob und versuchen irgend etwas zu finden.
---------------------------------------------------------------------------------
-(11) → Wir erstellen eine inline .css Datei.
+(13) → Wir erstellen eine inline .css Datei.
       Die nur genau jene Elemente enthält, die in einer webpage auch vorkommen
       können.
       This already works like:
@@ -90,10 +107,10 @@
       (a) Fetch all these entries (use a little class, a converter...)
       (b) put this into a giant string and generate an inline css for this
 --------------------------------------------------------------------------------
-(12) → > Integriere Sinatra-Funktionalität in WebFoundation, also
+(14) → > Integriere Sinatra-Funktionalität in WebFoundation, also
       langsam Sinatra erlernen. Insbesondere das Routing.
 --------------------------------------------------------------------------------
-(13) → Flexible Menügenerierung:
+(15) → Flexible Menügenerierung:
       Schneiden Sie mit dem grafischen Editor Menüs auf Bedürfnisse von Man-
       ^^ allow us to create easy menus (meta menus):
       menu 'foo','bla','ble'
@@ -102,7 +119,7 @@
       add + document them
       remove this here, then upload to rubygems
 --------------------------------------------------------------------------------
-(14) → (42) → clone the functionality of webmin
+(16) → (42) → clone the functionality of webmin
 # ======================================================================== #
 # This is a clone of Webmin. In addition to what webmin allows, the
 # features of this webmin clone will be manifold, such as the ones
@@ -165,9 +182,7 @@
       bestimmte verzeichnisse einlesen kann und diese bilder nach
       id oder namen ausgeben kann - evtl auch nach Größe.
 --------------------------------------------------------------------------------
-(15) → dig through the php docu and integrate things that seem useful.
---------------------------------------------------------------------------------
-(16) → Todo bei webmin.cgi überarbeiten/abarbeiten.
+(17) → Todo bei webmin.cgi überarbeiten/abarbeiten.
       rf webmin
       pwdrbsrc
       cd WWW/cybersprawl
@@ -201,16 +216,16 @@
       (2)
       div_fin {} is not working as expected. WHY NOT!
 --------------------------------------------------------------------------------
-(17) → add support for erb.
+(18) → add support for erb.
       first extend this on
       todoc: bl erb; rf ruby erb
       then add it.
 --------------------------------------------------------------------------------
-(18) → Reach a point where we can simply copy a remote webpage, and transform all
+(19) → Reach a point where we can simply copy a remote webpage, and transform all
       of its components into the logic of a local page.
       bl $CYBERWEB/standalone_classes/turn_html_into_cyberweb.rb
 --------------------------------------------------------------------------------
-(19) → propel.targetPackage = lib.model
+(20) → propel.targetPackage = lib.model
       propel.packageObjectModel = true
       propel.project = blog
       propel.database = mysql
@@ -226,9 +241,6 @@
       Aber was machen wir dann? Wie holen wir daten da raus?
       Noch keine Ahnung.
 --------------------------------------------------------------------------------
-(20) → Feed some class arbitrary html and convert this into
-      cyberweb-conforming generators.
---------------------------------------------------------------------------------
 (21) → === We must redirect output into the web object.
       Perhaps we should do another rewrite, where we write up the default
       tests first. And clean up as we go.
@@ -259,15 +271,10 @@
       text("Hello Prawn!")
       }
 --------------------------------------------------------------------------------
-(22) → Consider switching to a database-layout and enable a plugin
-      structure with different database-adapters.
-      ^^^ The above should probably also store everything into
-      a database.
---------------------------------------------------------------------------------
-(23) → Try to add activerecord. For this to work, we must first work a
+(22) → Try to add activerecord. For this to work, we must first work a
       bit with activerecord. (And maybe we should try to install rails)
 --------------------------------------------------------------------------------
-(24) → Sending an email is as simple as using the composeAndSend()
+(23) → Sending an email is as simple as using the composeAndSend()
       method from an action:
       $this→getMailer()→composeAndSend(
       'from@example.com', 'to@example.com', 'Subject', 'Body'
@@ -283,7 +290,7 @@
       This can work through sendmail but logically sendmail must exist.
       http://localhost/PROGRAMMING_LANGUAGES/RUBY/SRC/cyberweb/test/testing_email.cgi
 --------------------------------------------------------------------------------
-(25) → Anschauen ob man den pretty_url kerl da mit den installable
+(24) → Anschauen ob man den pretty_url kerl da mit den installable
       URLs installieren kann.
       Kann man, und zwar über url_action.
       Aber da klappt was mit den requires nicht.
@@ -298,20 +305,14 @@
       WWW verwendbar sein!!!!! Das muss dann ein Teil von
       Ruby-Webmin (cybermin) werden, also das Testen.
       ^^^ Nein das geht mit Easycompile.
+
 --------------------------------------------------------------------------------
-(26) → html { head; body { p { "I'm awesome!" } } }
-      ^^^ the cyberweb framework should allow this as well
-      include Cyberweb
-      include HtmlTags
-      html { head; body { p { "I'm awesome!" } } }
-      Hmmmm.
---------------------------------------------------------------------------------
-(27) → Von Markaby lernen heisst siegen lernen → anschauen was
+(26) → Von Markaby lernen heisst siegen lernen → anschauen was
       man da verwenden kann. Die haben einen HTML Generator
       der brauchbar ist:
       https://github.com/markaby/markaby
 --------------------------------------------------------------------------------
-(28) → === IMPROVE THE FRAMES-CODE PART OF CYBERWEB.
+(27) → === IMPROVE THE FRAMES-CODE PART OF CYBERWEB.
       Right now we can do frames like so:
       w.frame_left  'foo.cgi'
       w.frame_right 'bla.cgi'
@@ -337,15 +338,15 @@
       frameset('30,40') { 'FRAME_LEFT.html,FRAME_RIGHT.html' }
       Hmm. Das klappt, glaube ich... testen, dann entfernen.
 --------------------------------------------------------------------------------
-(29) → === Extend Webmin functionality
+(28) → === Extend Webmin functionality
 --------------------------------------------------------------------------------
-(30) → Debug Toolbar
+(29) → Debug Toolbar
       Irgendwann, wenn wir mal WebApps schreiben, machen wir so eine
       Debug Toolbar. Die sollte auch status information anzeigen können.
       Also see:
       http://django-debug-toolbar.readthedocs.org/en/1.3/panels.html
 --------------------------------------------------------------------------------
-(31) → Gegeben ist:
+(30) → Gegeben ist:
       read_display 'foo'
       Nun wollen wir eine Möglichkeit haben, herauszufinden:
       (a) Wo diese Methode definiert ist.
@@ -356,17 +357,17 @@
       find_end.rb
       Das geht eigentlich schon über die DiamondShell.
 --------------------------------------------------------------------------------
-(32) → Factor out:
+(31) → Factor out:
       CGI.new.params
       So that we don't depend on ruby-cgi anymore.
       Perhaps as a first step, we will copy all of cgi into cyberweb,
       and then slowly phase it.
 --------------------------------------------------------------------------------
-(33) → Wenn eine CSS klasse verlinkt wird, sie aber nicht existiert,
+(32) → Wenn eine CSS klasse verlinkt wird, sie aber nicht existiert,
       dann reporten wir das im debug mode.
       ^^^^^^^^^^^^
 --------------------------------------------------------------------------------
-(34) → https://github.com/rdoc/rdoc/blob/master/lib/rdoc/encoding.rb#L21-46
+(33) → https://github.com/rdoc/rdoc/blob/master/lib/rdoc/encoding.rb#L21-46
       ^^^ das is cool... wir sollten das eines Tages implementieren,
       so ein line highlighting.
       if params.include?('#') and params.include?('-') and params.include?('L')
@@ -378,7 +379,7 @@
       http://localhost/MISC/SITEMAP.cgi?show_source
       Now this works. We have to add some highlight-thingy though.
 --------------------------------------------------------------------------------
-(35) → improve on dragula
+(34) → improve on dragula
       dragula([document.getElementById(left), document.getElementById(right)], {
       moves: function (el, container, handle) {
       return handle.className === 'handle';
@@ -387,23 +388,20 @@
       ^^^ add handles,
       also perhaps images as these handles
 --------------------------------------------------------------------------------
-(36) → ?sys_information also does not work.
+(35) → ?sys_information also does not work.
       rf sitemap ?sys_information
 --------------------------------------------------------------------------------
-(37) → in cyberweb, find a way to add a special environment so that
+(36) → in cyberweb, find a way to add a special environment so that
       my variables are also known.
       Cyberweb.add_this_environment_variable(hash_here)
       This method now exists and it also works; we have to generate all
       my variables first before this can work completely.
       This may require another project ... hmmm...
 --------------------------------------------------------------------------------
-(38) → finish the cgi? environment
+(37) → finish the cgi? environment
       right now there is a bug so that does not work.
 --------------------------------------------------------------------------------
-(39) → Scroll down with a delay through jquery.
-      Add it!
---------------------------------------------------------------------------------
-(40) → also ... we need to be able to describe a valid HTML document
+(39) → also ... we need to be able to describe a valid HTML document
       w {
       }
       ^^^ the above should give us a full valid HTML document,
@@ -455,12 +453,12 @@
 # bar = Bar.new # But we want foo to add into @string.
 # e bar.string
 --------------------------------------------------------------------------------
-(41) → FS_BIGGER
+(40) → FS_BIGGER
       ^^^ when a CSS class is not found, report it.
       This exists now in the file:
       all_css_classes.rb
 --------------------------------------------------------------------------------
-(42) → add support for gettext
+(41) → add support for gettext
       http://sevenseacat.net/
       An introduction to I18n with Gettext
       Gettext is an established standard for doing i18n and l10n in any
@@ -471,9 +469,9 @@
       done in web/templates/page/index.html.eex -
       <h2><%= gettext "Welcome to %{name}", name: "Phoenix!" %></h2>
 --------------------------------------------------------------------------------
-(43) → we must be able to play local video files
+(42) → we must be able to play local video files.
 --------------------------------------------------------------------------------
-(44) → https://jqueryui.com/resizable/
+(43) → https://jqueryui.com/resizable/
       add support for resizable; when this is done,
       perhaps move one down the line from
       there adn continue
@@ -481,23 +479,23 @@
       https://jqueryui.com/resizable/
       ^^^ take this example
 --------------------------------------------------------------------------------
-(45) → javascript charts
+(44) → javascript charts
       - start with google charts, but branch out to other charts lateron as well.
       This sorta works but we have to continue this, then add docu.
       https://developers.google.com/chart/interactive/docs/quick_start
 --------------------------------------------------------------------------------
-(46) → # self.append_to_tables << result if result # Store the result in our Tables.
+(45) → # self.append_to_tables << result if result # Store the result in our Tables.
       ^^^ this does not work no clue why not
 --------------------------------------------------------------------------------
-(47) → add a html→markdown converter
+(46) → add a html→markdown converter
 --------------------------------------------------------------------------------
-(48) → write a webforum, simple one with
+(47) → write a webforum, simple one with
       yaml files first
       and /tmp or so
       a temp dir
       ^^^ document if we have a temp dir and where it it is as well
 --------------------------------------------------------------------------------
-(49) → The fancy popup thingy, that we ingegrated into studium -. also somehow
+(48) → The fancy popup thingy, that we ingegrated into studium -. also somehow
       generate this via cyberweb hmmmmm.
       Cyberweb.popup_widget(text: 'bla bla bla')
       ^^^ add balloon thingy to cyberweb
@@ -505,21 +503,21 @@
       AND a way to use Cyberweb.return_balloon
       or something like that to returh a stylesheet or so
 --------------------------------------------------------------------------------
-(50) → 15)  build a big CSS string that is then displayed. perhaps
+(49) → 15)  build a big CSS string that is then displayed. perhaps
       also store it into some file or so. Or at the least
       offer that possibility to save it.
       ^^^ Well ... storing has to be re-thought.
 --------------------------------------------------------------------------------
-(51) → search for web-related projects on rubygems.
+(50) → search for web-related projects on rubygems.
 --------------------------------------------------------------------------------
-(52) → Make sure that gathering all CSS classes works properly.
+(51) → Make sure that gathering all CSS classes works properly.
 --------------------------------------------------------------------------------
-(53) → make sure that a HTML-dumper works. It does via the
+(52) → make sure that a HTML-dumper works. It does via the
       .save functionality but perhaps we have to simplify the
       API and add a standalone bin/ file for that functionality.
       And check the documetnation.
 --------------------------------------------------------------------------------
-(54) → (19)
+(53) → (19)
       kjavascript
       on_click :random_colour
       ^^^
@@ -537,10 +535,7 @@
       first add standalone html; it now exists as standalone
       but we must add it to objectified html tags still.
 --------------------------------------------------------------------------------
-(55) → flip the image and only use the teal part; drop the rest or re-work it
-      a bit until it looks better. and improve the cyborg too.
---------------------------------------------------------------------------------
-(56) → add a download-all-images from this remote website
+(54) → add a download-all-images from this remote website
       and add it to cyberweb
       and document it too!
       Downloading a remote webpage
@@ -552,18 +547,18 @@
       rather than a regex we may have to use something else
       to obtain all img tags
 --------------------------------------------------------------------------------
-(57) → change meta, store it into ONE variable only
+(55) → change meta, store it into ONE variable only
       and add meta.rb
       meta_description 'This is a sitemap.'
       <meta name="description" content="Used auto parts for sale">
       ^^^ add this
       This works only partially. I think we have to rewrite WebObject...
 --------------------------------------------------------------------------------
-(58) → continue experimenting with Objectified::HtmlTags
+(56) → continue experimenting with Objectified::HtmlTags
 --------------------------------------------------------------------------------
-(59) → expand css stuff in cyberweb. and more screenshots.
+(57) → expand css stuff in cyberweb. and more screenshots.
 --------------------------------------------------------------------------------
-(60) → add:
+(58) → add:
       send email via cyberweb
       send_email(
       to: 'foobar@hotmail.com',
@@ -578,20 +573,20 @@
       Then test it; and it must insta-show up on my system or something... hmm
       ^^^ we want to be able to use emails from cyberweb, no matter how.
 --------------------------------------------------------------------------------
-(61) → html_slider.html
+(59) → html_slider.html
       ^^^ integrate this into WebObject as well as the OOP variant. We need
       to use range-like elements like this.
 --------------------------------------------------------------------------------
-(62) → create a fully objectified HTML page somehow.
+(60) → create a fully objectified HTML page somehow.
       Continue to explore how an OOP-webpage would
       look like.
 --------------------------------------------------------------------------------
-(63) → consider supporting:
+(61) → consider supporting:
       def on_this_id(:div_browser_in_use).content = 'Browser in use: <b>'+navigator.userAgent+"</b>";
       to return JavaccriptHelper class
       so .content= works on that class
 --------------------------------------------------------------------------------
-(64) → consider adding:
+(62) → consider adding:
       form.label      # Implemented!
       form.check_box  # Implemented!
       form.text_field # Implemented!
@@ -601,17 +596,17 @@
       actually add this to the form OOP tag
       and document it too.
 --------------------------------------------------------------------------------
-(65) → Add more games to the cyberweb project.
+(63) → Add more games to the cyberweb project.
       - Tetris!!!
       - snake (added) hmmmmmm
 --------------------------------------------------------------------------------
-(66) → add more jquery goodies. Document them once they work too.
+(64) → add more jquery goodies. Document them once they work too.
       https://www.tutorialrepublic.com/jquery-examples.php
       ^^^ continue there
 --------------------------------------------------------------------------------
-(67) → modify grub file via webmin      [HALF DONE]
+(65) → modify grub file via webmin      [HALF DONE]
 --------------------------------------------------------------------------------
-(68) → require "http/server"
+(66) → require "http/server"
 # === response?
       def response?
       "Hello world! The time is #{Time.now}"
@@ -628,20 +623,20 @@
       ^^^ this was now implemented
       document it, test it, and then when it works, remove the entry here.
 --------------------------------------------------------------------------------
-(69) → Add www-support for the simple widgets project.
+(67) → Add www-support for the simple widgets project.
       This may take a longer while so before we go to do that, perhaps
       first make libui+ruby-gtk3 support better. Then at a later point
       we can perhaps improve support for simple widgets in the cyberweb
       project.
 --------------------------------------------------------------------------------
-(70) → add some way to collect or generate
+(68) → add some way to collect or generate
       good CSS and re-use them somehow.
       also document to other people how this is done. Add more CSS
       solutions in this regard and document them. Then eventually
       deprecate this entry, or move it towards a "recurring-todo.md"
       file or something.
 --------------------------------------------------------------------------------
-(71) → Make a flexible base directory and document it.
+(69) → Make a flexible base directory and document it.
       This should also be set-able via yaml files.
       perhaps scan:
       if has_dir? yaml/base_dir.yml
@@ -652,25 +647,25 @@
       and work on a per-project basis.
       try_to_use_per_project_settings:
 --------------------------------------------------------------------------------
-(72) → write a forum for the web_object-project, in yaml initially.
+(70) → write a forum for the web_object-project, in yaml initially.
       ^^^ make this work hmmmm then
       show to the users how to work with it, as a proof-of-concept.
       ^^^ and rewrite the project TOO!
       Well this works somewhat. Needs to be improved still.
 --------------------------------------------------------------------------------
-(73) → Add openID support. everyone likes openID so lets add that
+(71) → Add openID support. everyone likes openID so lets add that
 --------------------------------------------------------------------------------
-(74) → extend jquery examples, like via:
+(72) → extend jquery examples, like via:
       https://www.freecodecamp.org/news/the-best-jquery-examples/
       https://www.w3schools.com/jquery/jquery_examples.asp
       <meta name="DCTERMS.language" content="eng" />
       ^^^
       https://terms.tdwg.org/wiki/dcterms:language
 --------------------------------------------------------------------------------
-(75) → http://asciimath.org/
+(73) → http://asciimath.org/
       ^^^ integrate this.
 --------------------------------------------------------------------------------
-(76) → $(document).ready(function(){
+(74) → $(document).ready(function(){
       $("p").click(function(){
       $(this).hide();
       });
@@ -681,7 +676,7 @@
       on_click_hide('id_here')
       ^^^
 --------------------------------------------------------------------------------
-(77) → We can animate any element, such as a simple image:
+(75) → We can animate any element, such as a simple image:
       <div id="clickme">
       Click here
       </div>
@@ -693,24 +688,24 @@
       });
       });
 --------------------------------------------------------------------------------
-(78) → investigate charts in javascript
+(76) → investigate charts in javascript
       http://n3-charts.github.io/line-chart/#/home
       https://d3js.org/
       http://smoothiecharts.org/
 --------------------------------------------------------------------------------
-(79) → continue with the simple forum, once it works.
+(77) → continue with the simple forum, once it works.
       Once the simple forum works, we may have to add
       a more complex forum, that has more features.
       and perhaps showcase it somewhere, together with
       SQL.
 --------------------------------------------------------------------------------
-(80) → >
+(78) → >
       create Cyberweb::Cybersprawl::SimpleForum
       ^^^ as test
       implement first as .cgi thingy
       document it too
 --------------------------------------------------------------------------------
-(81) → Wir brauchen einen weg das letzte Tag anzusprechen. Beispiel:
+(79) → Wir brauchen einen weg das letzte Tag anzusprechen. Beispiel:
       img 'LAYOUT.png','mar8px FLL'
       Dieses Image sollte man dann so verwenden können.
       last_object.onmousedown = 'dragstart(this)'
@@ -722,7 +717,7 @@
       ^^^^^^^ hmmm
       test this.
 --------------------------------------------------------------------------------
-(82) → We should experiment with two variants of WebObject:
+(80) → We should experiment with two variants of WebObject:
       a) the first one is the traditional variant. This is the currently
       used variant.
       b) the second variant is an object-oriented variant. We may call it
@@ -746,7 +741,7 @@
       that make sense. Once finished there, document it
       and remove the entry here.
 --------------------------------------------------------------------------------
-(83) → 86) → Cyberweb: be able to read up a .html page and
+(81) → 86) → Cyberweb: be able to read up a .html page and
       "convert" it into a .cgi page;
       including the option to dump the html again,
       including sanitiziation
@@ -757,29 +752,24 @@
       to know where a page is. Make it perhaps easier to define
       where the server-dir is and define that too.
 --------------------------------------------------------------------------------
-(84) ->
-
-/home/x/programming/ruby/src/cyberweb/test/complex_tests/testing_objectified_html_tags/testing_a_standalone_webpage_described_via_objectied_html_tags_as_cgi_file.cgi
-
-^^^ continue there
-
-this may serve as the basis for a future release of cyberweb gem with
-objectified HTML tags.
-
-
-
-
-
---------
-
-(85)
-
-Viewing the source of a webpage
-Use the view_source() method to add a javascript button, to view the source of a page. The method view_source() is defined in the file cyberweb/web_object/misc.rb:.
-
-You can, of course, combine this with other code elements. For instance, if you want to embed the view-source button into a div, and style it, then consider the following:
-
-div('BG_Black white','div_view_source') { view_source }
-This will create a div-tag with black background and white font colour, and the id of that div will be div_view_source. Inside that div-tag the view-source button can be found.
+(82) → 
+      /home/x/programming/ruby/src/cyberweb/test/complex_tests/testing_objectified_html_tags/testing_a_standalone_webpage_described_via_objectied_html_tags_as_cgi_file.cgi
+      ^^^ continue there
+      this may serve as the basis for a future release of cyberweb gem with
+      objectified HTML tags.
+--------------------------------------------------------------------------------
+(83) → (85)
+      Viewing the source of a webpage
+      Use the view_source() method to add a javascript button, to view the source of a page. The method view_source() is defined in the file cyberweb/web_object/misc.rb:.
+      You can, of course, combine this with other code elements. For instance, if you want to embed the view-source button into a div, and style it, then consider the following:
+      div('BG_Black white','div_view_source') { view_source }
+      This will create a div-tag with black background and white font colour, and the id of that div will be div_view_source. Inside that div-tag the view-source button can be found.
+      ^^^^^^ and add an image how this looks onto the webpage.
+--------------------------------------------------------------------------------
+input(type: 'text') {
+  content_editable false
+}
+^^^^^^^^^^^^^^^^^^^
 
-^^^^^^ and add an image how this looks onto the webpage.
+thikn whether that may make sense for cyberweb
+--------------------------------------

data/examples/html/underlined_text_example/underlined_text_example.html

@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>
+Showcasing the HTML u-tag
+</title>
+<style>
+body {
+  font-size: 1.5em;
+  padding:   10px;
+}
+.spelling_error1 {
+  text-decoration-line:  underline;
+  text-decoration-style: wavy;
+  text-decoration-color: red;
+}
+
+.spelling_error2 {
+  text-decoration-line:  underline;
+  text-decoration-style: dotted;
+  text-decoration-color: lightblue;
+}
+
+.spelling_error3 {
+  text-decoration-line:  underline;
+  text-decoration-style: dashed;
+  text-decoration-color: royalblue;
+}
+
+
+</style>
+</head>
+<body>
+<h1 style="margin: 2px">Showcasing the u element next</h1>
+
+<p>This is some <u class="spelling_error1">mispeled</u> text.</p>
+<p>This is some <u class="spelling_error2">mispeled</u> text.</p>
+<p>This is some <u class="spelling_error3">mispeled</u> text.</p>
+</body>
+</html>