gtk_paradise 0.9.120 → 0.11.19

data/lib/gtk_paradise/css_files/project.css

@@ -125,56 +125,45 @@ button:hover {
 }
 */
 
-#scrollbar3 slider {
-  /* Size of the slider */
-  min-width:     18px;
-  min-height:    15px;
-  border-radius:  8px;
-
-  /* Padding around the slider */
-  border: 4px solid royalblue;
-}
-
 /*
  * Use some margin-properties next.
  */
-.mar0      { margin:0px; }
-.mar0px    { margin:0px; }
-.mar1px    { margin:1px; }
-.mar2px    { margin:2px; }
-.mar3px    { margin:3px; }
-.mar4px    { margin:4px; }
-.mar5px    { margin:5px; }
-.mar6px    { margin:6px; }
-.mar7px    { margin:7px; }
-.mar8px    { margin:8px; }
-.mar9px    { margin:9px; }
-.mar10px   { margin:10px; }
-.mar11px   { margin:11px; }
-.mar12px   { margin:12px; }
-.mar13px   { margin:13px; }
-.mar14px   { margin:14px; }
-.mar15px   { margin:15px; }
-.mar16px   { margin:16px; }
-.mar17px   { margin:17px; }
-.mar18px   { margin:18px; }
-.mar19px   { margin:19px; }
-.mar20px   { margin:20px; }
-.mar21px   { margin:21px; }
-.mar22px   { margin:22px; }
-.mar23px   { margin:23px; }
-.mar24px   { margin:24px; }
-.mar25px   { margin:25px; }
-.mar26px   { margin:26px; }
-.mar27px   { margin:27px; }
-.mar28px   { margin:28px; }
-.mar29px   { margin:29px; }
-.mar30px   { margin:30px; }
-
-.martb1px   { margin-top: 1px; margin-bottom:1px }
-.martb2px   { margin-top: 2px; margin-bottom:2px }
-.martb3px   { margin-top: 3px; margin-bottom:3px }
-
+.mar0       { margin: 0px; }
+.mar0px     { margin: 0px; }
+.mar1px     { margin: 1px; }
+.mar2px     { margin: 2px; }
+.mar3px     { margin: 3px; }
+.mar4px     { margin: 4px; }
+.mar5px     { margin: 5px; }
+.mar6px     { margin: 6px; }
+.mar7px     { margin: 7px; }
+.mar8px     { margin: 8px; }
+.mar9px     { margin: 9px; }
+.mar10px    { margin: 10px; }
+.mar11px    { margin: 11px; }
+.mar12px    { margin: 12px; }
+.mar13px    { margin: 13px; }
+.mar14px    { margin: 14px; }
+.mar15px    { margin: 15px; }
+.mar16px    { margin: 16px; }
+.mar17px    { margin: 17px; }
+.mar18px    { margin: 18px; }
+.mar19px    { margin: 19px; }
+.mar20px    { margin: 20px; }
+.mar21px    { margin: 21px; }
+.mar22px    { margin: 22px; }
+.mar23px    { margin: 23px; }
+.mar24px    { margin: 24px; }
+.mar25px    { margin: 25px; }
+.mar26px    { margin: 26px; }
+.mar27px    { margin: 27px; }
+.mar28px    { margin: 28px; }
+.mar29px    { margin: 29px; }
+.mar30px    { margin: 30px; }
+
+.martb1px   { margin-top: 1px; margin-bottom: 1px; }
+.martb2px   { margin-top: 2px; margin-bottom: 2px; }
+.martb3px   { margin-top: 3px; margin-bottom: 3px; }
 
 .transparent {
   background-color: transparent;
@@ -200,60 +189,24 @@ button:hover {
   background-color: rgb(255, 255, 204);
 }
 
-.border_1px_solid_steelblue { border: 1px solid steelblue; }
-.border_2px_solid_steelblue { border: 2px solid steelblue; }
-.border_3px_solid_steelblue { border: 3px solid steelblue; }
-.border_4px_solid_steelblue { border: 4px solid steelblue; }
-.border_5px_solid_steelblue { border: 5px solid steelblue; }
-
+/*
+ * This class is used, for instance, in the multimedia_paradise gem.
+ */
 #entry_yellow_background_and_slight_border {
   border: 1px solid black;
   background-color: rgb(255, 255, 204);
 }
 
-.mar0px  { margin: 0px; }
+.mar0px  { margin:  0px; }
 
-.no_box_shadow  { box-shadow: none; }
-
-/*
- * border-variants come next.
- */
-.bcrimson1            { border: 1px solid crimson; }
-.bcrimson2            { border: 2px solid crimson; }
-.bcrimson3            { border: 3px solid crimson; }
-.btomato1             { border: 1px solid tomato; }
-.btomato2             { border: 2px solid tomato; }
-.btomato3             { border: 3px solid tomato; }
-.blightgreen1         { border: 1px solid lightgreen; }
-.bblack1              { border: 1px solid black; }
-.bblack2              { border: 2px solid black; }
-.bblack3              { border: 3px solid black; }
-.bblack4              { border: 4px solid black; }
-.bblack5              { border: 5px solid black; }
-.bwhite2              { border: 2px solid white; }
-.bsteelblue1          { border: 1px solid steelblue; }
-.bsteelblue2          { border: 2px solid steelblue; }
-.border_steelblue_2px { border: 2px solid steelblue; }
-.border_steelblue_3px { border: 3px solid steelblue; }
-
-#bcrimson1    { border: 1px solid crimson; }
-#bcrimson2    { border: 2px solid crimson; }
-#bcrimson3    { border: 3px solid crimson; }
-#btomato1     { border: 1px solid tomato; }
-#btomato2     { border: 2px solid tomato; }
-#btomato3     { border: 3px solid tomato; }
-#bblack1      { border: 1px solid black; }
-#bblack2      { border: 2px solid black; }
-#bblack3      { border: 3px solid black; }
-#bwhite2      { border: 2px solid white; }
-#bsteelblue1  { border: 1px solid steelblue; }
-#bsteelblue2  { border: 2px solid steelblue; }
-.border_3px_royalblue{ border: 3px solid royalblue; }
+.no_box_shadow {
+  box-shadow: none;
+}
 
 #button1 {
-  color: darkblue;
-  border: 2px solid black;
-  margin: 8px;
+  color:   darkblue;
+  border:  2px solid black;
+  margin:  8px;
 }
 
 button1:hover {
@@ -271,7 +224,7 @@ button1:hover {
   background-color: lightgreen;
   border:           3px solid black;
   margin:           4px;
-  padding:          2px
+  padding:          2px;
 }
 
 #button_lightgreen_to_olivedrab:hover {
@@ -285,80 +238,79 @@ button1:hover {
   padding: 5px;
 }
 
-.gold { color: gold }
-
-
-.pad0       { padding: 0  }
-.pad0px     { padding: 0px}
-.pad1px     { padding: 1px}
-.pad2px     { padding: 2px}
-.pad3px     { padding: 3px}
-.pad4px     { padding: 4px}
-.pad5px     { padding: 5px}
-.pad6px     { padding: 6px}
-.pad7px     { padding: 7px}
-.pad8px     { padding: 8px}
-.pad9px     { padding: 9px}
-.pad10px    { padding: 10px}
-.pad11px    { padding: 11px}
-.pad12px    { padding: 12px}
-.pad13px    { padding: 13px}
-.pad14px    { padding: 14px}
-.pad15px    { padding: 15px}
-.pad16px    { padding: 16px}
-.pad17px    { padding: 17px}
-.pad18px    { padding: 18px}
-.pad19px    { padding: 19px}
-.pad20px    { padding: 20px}
-.pad21px    { padding: 21px}
-.pad22px    { padding: 22px}
-.pad32px    { padding: 32px}
-.pad41px    { padding: 41px}
-.pad0_1em   { padding: 0.1em}
-.pad0_2em   { padding: 0.2em}
-.pad0_3em   { padding: 0.3em}
-.pad0_4em   { padding: 0.4em}
-.pad0_5em   { padding: 0.5em}
-.pad0_6em   { padding: 0.6em}
-.pad0_7em   { padding: 0.7em}
-.pad0_75em  { padding: 0.75em}
-.pad0_8em   { padding: 0.8em}
-.pad0_9em   { padding: 0.9em}
-.p1em       { padding: 1em}
-.pad1em     { padding: 1em}
-.pad1       { padding: 1em}
-.d1em       { padding: 1em}
-.pad1_1em   { padding: 1.1em}
-.pad1_2em   { padding: 1.2em}
-.pad1_3em   { padding: 1.3em}
-.pad1_4em   { padding: 1.4em}
-.pad1_5em   { padding: 1.5em}
-.pad1_8em   { padding: 1.8em}
-.pad1_9em   { padding: 1.9em}
-.pad2em     { padding: 2em}
-.pad2       { padding: 2em}
-.d2em       { padding: 2em}
-.pad2_1em   { padding: 2.1em}
-.pad2_2em   { padding: 2.2em}
-.pad2_3em   { padding: 2.3em}
-.pad2_4em   { padding: 2.4em}
-.pad2_5em   { padding: 2.5em}
-.pad3em     { padding: 3em}
-.pad3       { padding: 3em}
-.d3em       { padding: 3em}
-.pad4em     { padding: 4em}
-.pad4       { padding: 4em}
-.pad5em     { padding: 5em}
-.pad5       { padding: 5em}
-.pad6em     { padding: 6em}
-.pad7em     { padding: 7em}
-.pad8em     { padding: 8em}
-.pad9em     { padding: 9em}
-.pad10em    { padding: 10em}
-.pad11em    { padding: 11em}
-.pad12em    { padding: 12em}
-.pad13em    { padding: 13em}
-
+.gold { color: gold; }
+
+
+.pad0       { padding: 0;  }
+.pad0px     { padding: 0px;}
+.pad1px     { padding: 1px;}
+.pad2px     { padding: 2px;}
+.pad3px     { padding: 3px;}
+.pad4px     { padding: 4px;}
+.pad5px     { padding: 5px;}
+.pad6px     { padding: 6px;}
+.pad7px     { padding: 7px;}
+.pad8px     { padding: 8px;}
+.pad9px     { padding: 9px;}
+.pad10px    { padding: 10px;}
+.pad11px    { padding: 11px;}
+.pad12px    { padding: 12px;}
+.pad13px    { padding: 13px;}
+.pad14px    { padding: 14px;}
+.pad15px    { padding: 15px;}
+.pad16px    { padding: 16px;}
+.pad17px    { padding: 17px;}
+.pad18px    { padding: 18px;}
+.pad19px    { padding: 19px;}
+.pad20px    { padding: 20px;}
+.pad21px    { padding: 21px;}
+.pad22px    { padding: 22px;}
+.pad32px    { padding: 32px;}
+.pad41px    { padding: 41px;}
+.pad0_1em   { padding: 0.1em;}
+.pad0_2em   { padding: 0.2em;}
+.pad0_3em   { padding: 0.3em;}
+.pad0_4em   { padding: 0.4em;}
+.pad0_5em   { padding: 0.5em;}
+.pad0_6em   { padding: 0.6em;}
+.pad0_7em   { padding: 0.7em;}
+.pad0_75em  { padding: 0.75em;}
+.pad0_8em   { padding: 0.8em;}
+.pad0_9em   { padding: 0.9em;}
+.p1em       { padding: 1em;}
+.pad1em     { padding: 1em;}
+.pad1       { padding: 1em;}
+.d1em       { padding: 1em;}
+.pad1_1em   { padding: 1.1em;}
+.pad1_2em   { padding: 1.2em;}
+.pad1_3em   { padding: 1.3em;}
+.pad1_4em   { padding: 1.4em;}
+.pad1_5em   { padding: 1.5em;}
+.pad1_8em   { padding: 1.8em;}
+.pad1_9em   { padding: 1.9em;}
+.pad2em     { padding: 2em;}
+.pad2       { padding: 2em;}
+.d2em       { padding: 2em;}
+.pad2_1em   { padding: 2.1em;}
+.pad2_2em   { padding: 2.2em;}
+.pad2_3em   { padding: 2.3em;}
+.pad2_4em   { padding: 2.4em;}
+.pad2_5em   { padding: 2.5em;}
+.pad3em     { padding: 3em;}
+.pad3       { padding: 3em;}
+.d3em       { padding: 3em;}
+.pad4em     { padding: 4em;}
+.pad4       { padding: 4em;}
+.pad5em     { padding: 5em;}
+.pad5       { padding: 5em;}
+.pad6em     { padding: 6em;}
+.pad7em     { padding: 7em;}
+.pad8em     { padding: 8em;}
+.pad9em     { padding: 9em;}
+.pad10em    { padding: 10em;}
+.pad11em    { padding: 11em;}
+.pad12em    { padding: 12em;}
+.pad13em    { padding: 13em;}
 
 .no_background_image { background-image: none; }
 .clear_background    { background-image: none; }
@@ -367,14 +319,6 @@ button1:hover {
   background-color: orange;
 }
 
-.scrollbar.horizontal {
-  border: 5px solid forestgreen;
-}
-
-.scrollbar.vertical {
-  border: 15px solid tomato;
-}
-
 #scrollbar1 slider {
   /* Size of the slider */
   min-width:      8px;
@@ -397,8 +341,8 @@ button1:hover {
   border-color: springgreen;
   border-style: solid;
   border-width: 1px;
-  padding: 8px;
-  margin:  1px;
+  padding:  8px;
+  margin:   1px;
 }
 
 .notebook1 tab:checked {
@@ -454,12 +398,6 @@ button1:hover {
   color: firebrick;
 }
 
-#scrollbar3 trough {
-  background-color: transparent;
-  background-repeat: no-repeat;
-	background-position: center;
-}
-
 #scrollbar2 slider {
   /* Size of the slider */
   min-width:     12px;
@@ -470,10 +408,36 @@ button1:hover {
   border: 5px solid transparent;
 }
 
-.border_1px_black_dotted {
-  border: 1px dotted black;
+#scrollbar3 slider {
+  /* Size of the slider */
+  min-width:     22px;
+  min-height:    16px;
+  border-radius: 10px;
+
+  /* Padding around the slider */
+  border: 5px solid royalblue;
 }
 
-.border_1px_steelblue {
-  border: 1px solid steelblue;
-}
+#scrollbar3 trough {
+  background-color: transparent;
+  background-repeat:  no-repeat;
+  background-position: center;
+}
+
+/*
+ * This can be used to style a gtk-entry.
+ */
+.default_entry {
+  border: 1px solid black; /* bblack1 */
+  background-color: rgb(248, 247, 224); /* BG_very_light_yellowish */
+  padding: 8px; /* pad8px */
+}
+
+.bold_font {
+  font-weight: 600;
+}
+
+.hack_30 {
+  font-family: Hack;
+  font-size: 30pt;
+}

data/lib/gtk_paradise/drawing/README.md

@@ -0,0 +1,3 @@
+This directory (and the code in this directory) is experimental
+as of August 2022. We may have to relocate the code into other
+directories at a later time.

data/lib/gtk_paradise/drawing/drawing.rb

@@ -0,0 +1,68 @@
+#!/usr/bin/ruby -w
+# Encoding: UTF-8
+# frozen_string_literal: true
+# =========================================================================== #
+# This module can be used to "draw" dynamically onto a gtk-window.
+# =========================================================================== #
+# require 'gtk_paradise/drawing/drawing.rb'
+# =========================================================================== #
+module Drawing
+
+  require 'matrix'
+  require 'gtk2'
+  require 'gtk_paradise/gtk_classes/window.rb'
+
+  # ========================================================================= #
+  # Load up the rest of the Drawing-related code:
+  # ========================================================================= # 
+  require 'gtk_paradise/drawing/event.rb'
+  require 'gtk_paradise/drawing/star.rb'
+  require 'gtk_paradise/drawing/tool.rb'
+  require 'gtk_paradise/drawing/turtle.rb'
+
+  # include Math # This line is probably no longer necessary.
+
+  # ========================================================================= #
+  # === W
+  #
+  # Refer to a new Window here.
+  # ========================================================================= #
+  W = ::Gtk::Window.new
+
+  # ========================================================================= #
+  # === Drawing.app
+  #
+  # This will instantiate a new gtk-application.
+  #
+  # It can be used in a fairly flexible manner. For instance:
+  #
+  #   Drawing.app(width: Width, height: Height, title: 'tree') {
+  #   }
+  #
+  # ========================================================================= #
+  def self.app(
+      width:     400,
+      height:    400,
+      title:     'drawing-module',
+      resizable: false,
+      &block
+    )
+    W.title = title
+    W.set_size_request(width, height)
+    W.set_resizable(resizable)
+    W.set_app_paintable(true)
+    W.realize
+    W.signal_connect(:destroy) { Gtk.main_quit }
+    W.show_all
+    # ======================================================================= #
+    # Add a new event:
+    # ======================================================================= #
+    e = Event.new
+    e.width  = width
+    e.height = height
+    e.clear
+    e.instance_eval(&block)
+    Gtk.main
+  end
+
+end

data/lib/gtk_paradise/{base_module/colours.rb → drawing/event.rb}

@@ -2,80 +2,72 @@
 # Encoding: UTF-8
 # frozen_string_literal: true
 # =========================================================================== #
-# require 'gtk_paradise/base_module/colours.rb'
+# === Drawing::Event
 # =========================================================================== #
-module Gtk
-
-module BaseModule
-
-  # ========================================================================= #
-  # === random_colour
-  # ========================================================================= #
-  def random_colour
-    ::Colours.html_colours.sample
-  end; alias random_html_colour random_colour # === random_html_colour
-
-  # ========================================================================= #
-  # === swarn
-  # ========================================================================= #
-  def swarn(i = '')
-    return ::Colours.swarn(i)
-  end
+# require 'gtk_paradise/drawing/event.rb'
+# =========================================================================== #
+require 'gtk_paradise/drawing/tool.rb'
 
-  # ========================================================================= #
-  # === ewarn
-  # ========================================================================= #
-  def ewarn(i)
-    e swarn(i)
-  end
+module Drawing
+ 
+class Event < Tool # === Drawing::Event
 
   # ========================================================================= #
-  # === efancy
+  # === initialize
   # ========================================================================= #
-  def efancy(i)
-    e sfancy(i)
+  def initialize
+    super()
   end
 
   # ========================================================================= #
-  # === sfancy
+  # === draw
   # ========================================================================= #
-  def sfancy(i)
-    ::Colours.sfancy(i)
+  def draw(&block)
+    W.signal_connect(:expose_event, &block)
   end
 
   # ========================================================================= #
-  # === sfile
+  # === timer
   # ========================================================================= #
-  def sfile(i)
-    ::Colours.sfile(i)
+  def timer(interval, &block)
+    Gtk.timeout_add(interval, &block)
   end
 
   # ========================================================================= #
-  # === sdir
+  # === key_in
   # ========================================================================= #
-  def sdir(i)
-    ::Colours.sdir(i)
+  def key_in(&block)
+    W.signal_connect(:key_press_event, &block)
   end
 
   # ========================================================================= #
-  # === steelblue
+  # === mouse_button
   # ========================================================================= #
-  def steelblue(i)
-    ::Colours.steelblue(i)
+  def mouse_button(&block)
+    W.add_events(Gdk::Event::BUTTON_PRESS_MASK)
+    W.signal_connect(:button_press_event, &block)
   end
 
   # ========================================================================= #
-  # === tomato
+  # === make_window
+  #
+  # This method will create a new Gtk::Window.
   # ========================================================================= #
-  def tomato(i)
-    ::Colours.tomato(i)
+  def make_window(&block)
+    w = Gtk::Window.new
+    w.instance_eval(&block)
+    w.show_all
+    return w
   end
 
   # ========================================================================= #
-  # === return_the_html_colours
+  # === window_changed
   # ========================================================================= #
-  def return_the_html_colours
-    ::Colours.html_colours
+  def window_changed(&block)
+    W.signal_connect(:configure_event) {
+      @width, @height = get_window_size
+      yield
+    }
   end
 
 end; end

data/lib/gtk_paradise/drawing/star.rb

@@ -0,0 +1,96 @@
+#!/usr/bin/ruby -w
+# Encoding: UTF-8
+# frozen_string_literal: true
+# =========================================================================== #
+# === Drawing::Star
+# =========================================================================== #
+# require 'gtk_paradise/drawing/star.rb'
+# =========================================================================== #
+require 'gtk_paradise/drawing/tool.rb'
+
+module Drawing
+
+class Star < Tool # === Drawing::Star
+
+  require 'matrix'
+  include Math
+
+  module Add
+    refine Vector do
+      def to_w(o)
+        v = self
+        [o[0] + v[0], o[1] - v[1]]
+      end
+    end
+  end
+
+  using Add
+    
+  # ========================================================================= #
+  # === initialize
+  # ========================================================================= #
+  def initialize(
+      fill,
+      x1,
+      y1,
+      x2,
+      y2,
+      color
+    )
+    @fill = fill
+    @o = []
+    @a = []
+    @b = []
+    @o[0] = x1
+    @o[1] = y1
+    @a[0] = Vector[x2 - x1, y1 - y2]
+    θ = PI / 5
+    rt1 = Matrix[
+      [
+        cos(θ), -sin(θ)
+      ],
+      [
+        sin(θ), cos(θ)
+      ]
+    ]
+    rt2 = rt1 * rt1
+    1.upto(4) {|i| @a[i] = rt2 * @a[i - 1]}
+    t = cos(2 * θ) / cos(θ)
+    @b[0] = rt1 * @a[0] * t
+    1.upto(4) {|i| @b[i] = rt2 * @b[i - 1]}
+    super()
+    @color = color
+  end
+
+  # ========================================================================= #
+  # === draw_triangle
+  # ========================================================================= #
+  def draw_triangle(n)
+    array = [
+      @a[n].to_w(@o),
+      @b[n].to_w(@o),
+      @b[(n - 1) % 5].to_w(@o)
+    ]
+    polygon(@fill, array)
+  end; private :draw_triangle
+
+  # ========================================================================= #
+  # === draw
+  # ========================================================================= #
+  def draw
+    if @fill
+      5.times {|i| draw_triangle(i)}
+      ar = []
+      5.times {|i| ar << @b[i].to_w(@o)}
+      polygon(@fill, ar)
+    else
+      array = []
+      5.times {|i|
+        array << @a[i].to_w(@o)
+        array << @b[i].to_w(@o)
+      }
+      polygon(@fill, array)
+    end
+  end
+
+end; end