sevgi-showcase 0.95.0 → 1.0.0

data/srv/logo.svg

@@ -0,0 +1,30 @@
+<?xml version="1.0" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="-1 -1 62 62">
+  <rect x="-1" y="-1" width="62" height="62" fill="white"/>
+  <style type="text/css">
+    <![CDATA[
+      .active {
+        fill: none;
+        stroke: purple;
+        stroke-linecap: round;
+        stroke-width: 1.5;
+      }
+      .passive {
+        fill: none;
+        stroke: lightgrey;
+        stroke-linecap: round;
+        stroke-width: 1.5;
+      }
+    ]]>
+  </style>
+  <defs>
+    <path
+      id="Logo"
+      d="m 30,30 c 0,0 18.39,7.089444 18.39,15 C 48.39,52.910556 30,60 30,60
+M 30,0 C 30,0 11.61,7.089442 11.61,14.999998 C 11.61,22.910556 30,30 30,30
+"
+    />
+  </defs>
+  <use id="SCVN" href="#Logo" class="passive" transform="matrix(-1 0 0 1 60 0)"/>
+  <use id="SCVP" href="#Logo" class="active"/>
+</svg>

data/srv/logo.yml

@@ -0,0 +1,4 @@
+dark:
+  lightgrey: "#52525b"
+  purple: "#e5c39c"
+  white: "#222222"

data/srv/logos.sevgi

@@ -0,0 +1,34 @@
+#!/usr/bin/env -S ruby -S sevgi
+# frozen_string_literal: true
+
+logo = Decompile <<~SVG, id: "Mark"
+  <svg xmlns="http://www.w3.org/2000/svg">
+    <g id="Mark">
+      <path id="Logo" d="m 30,30 c 0,0 18.39,7.089444 18.39,15 C 48.39,52.910556 30,60 30,60 M 30,0 C 30,0 11.61,7.089442 11.61,14.999998 C 11.61,22.910556 30,30 30,30" fill="none"/>
+      <use id="SCVN" href="#Logo" class="passive" transform="matrix(-1,0,0,1,60,0)"/>
+      <use id="SCVP" href="#Logo" class="active"/>
+    </g>
+  </svg>
+SVG
+
+STYLE = {
+  ".active" => {
+    fill: "none", stroke: "purple", "stroke-linecap": "round", "stroke-width": 2.0
+  },
+  ".passive" => {
+    fill: "none", stroke: "lightgrey", "stroke-linecap": "round", "stroke-width": 2.0
+  }
+}.freeze
+
+opacities = [0.8, 0.86, 0.92, 0.97, 1.0].freeze
+fade = proc do |tile, x:, y:, **|
+  tile[:opacity] = opacities.fetch(x + y)
+end
+
+SVG width: 260, height: 135, viewBox: "0 0 260 135" do
+  css STYLE
+  rect width: 260, height: 135, fill: "white"
+
+  defs { logo.evaluate self }
+  Tile "Mark", nx: 4, dx: 65, ox: 5, ny: 2, dy: 65, oy: 5, proc: fade
+end.Save

data/srv/logos.svg

@@ -0,0 +1,39 @@
+<?xml version="1.0" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="260" height="135" viewBox="0 0 260 135">
+  <style type="text/css">
+    <![CDATA[
+      .active {
+        fill: none;
+        stroke: purple;
+        stroke-linecap: round;
+        stroke-width: 2.0;
+      }
+      .passive {
+        fill: none;
+        stroke: lightgrey;
+        stroke-linecap: round;
+        stroke-width: 2.0;
+      }
+    ]]>
+  </style>
+  <rect width="260" height="135" fill="white"/>
+  <defs>
+    <g id="Mark" xmlns="http://www.w3.org/2000/svg">
+      <path
+        id="Logo"
+        d="m 30,30 c 0,0 18.39,7.089444 18.39,15 C 48.39,52.910556 30,60 30,60 M 30,0 C 30,0 11.61,7.089442 11.61,14.999998 C 11.61,22.910556 30,30 30,30"
+        fill="none"
+      />
+      <use id="SCVN" href="#Logo" class="passive" transform="matrix(-1,0,0,1,60,0)"/>
+      <use id="SCVP" href="#Logo" class="active"/>
+    </g>
+  </defs>
+  <use id="Mark-1-1" href="#Mark" class="tile-row-1 tile-row-first tile-col-1 tile-col-first" x="5" y="5" opacity="0.8"/>
+  <use id="Mark-1-2" href="#Mark" class="tile-row-1 tile-row-first tile-col-2" x="70" y="5" opacity="0.86"/>
+  <use id="Mark-1-3" href="#Mark" class="tile-row-1 tile-row-first tile-col-3" x="135" y="5" opacity="0.92"/>
+  <use id="Mark-1-4" href="#Mark" class="tile-row-1 tile-row-first tile-col-4 tile-col-last" x="200" y="5" opacity="0.97"/>
+  <use id="Mark-2-1" href="#Mark" class="tile-row-2 tile-row-last tile-col-1 tile-col-first" x="5" y="70" opacity="0.86"/>
+  <use id="Mark-2-2" href="#Mark" class="tile-row-2 tile-row-last tile-col-2" x="70" y="70" opacity="0.92"/>
+  <use id="Mark-2-3" href="#Mark" class="tile-row-2 tile-row-last tile-col-3" x="135" y="70" opacity="0.97"/>
+  <use id="Mark-2-4" href="#Mark" class="tile-row-2 tile-row-last tile-col-4 tile-col-last" x="200" y="70" opacity="1.0"/>
+</svg>

data/srv/logos.yml

@@ -0,0 +1,4 @@
+dark:
+  lightgrey: "#52525b"
+  purple: "#e5c39c"
+  white: "#222222"

data/srv/meter.sevgi

@@ -0,0 +1,20 @@
+#!/usr/bin/env -S ruby -S sevgi
+# frozen_string_literal: true
+
+LED_COUNT = 10
+LED_GAP = 2
+LED_WIDTH = 10
+TOTAL_WIDTH = (LED_COUNT * (LED_WIDTH + LED_GAP)) + 8
+
+dim = proc do |led, x:, **|
+  led[:"fill-opacity"] = 0.3 if x >= 7
+end
+
+SVG width: TOTAL_WIDTH, height: 30, viewBox: "0 0 #{TOTAL_WIDTH} 30" do
+  rect x: 2, y: 2, width: TOTAL_WIDTH - 4, height: 26,
+       rx: 4, fill: "none", stroke: "#666"
+
+  TileX "led", n: LED_COUNT, d: LED_WIDTH + LED_GAP, o: 5, proc: dim do
+    rect y: 5, width: LED_WIDTH, height: 20, rx: 3, fill: "green"
+  end
+end.Save

data/srv/meter.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="128" height="30" viewBox="0 0 128 30">
+  <rect x="2" y="2" width="124" height="26" rx="4" fill="none" stroke="#666"/>
+  <defs>
+    <g id="led">
+      <rect y="5" width="10" height="20" rx="3" fill="green"/>
+    </g>
+  </defs>
+  <use id="led-1" href="#led" class="tile-col-1 tile-col-first" x="5"/>
+  <use id="led-2" href="#led" class="tile-col-2" x="17"/>
+  <use id="led-3" href="#led" class="tile-col-3" x="29"/>
+  <use id="led-4" href="#led" class="tile-col-4" x="41"/>
+  <use id="led-5" href="#led" class="tile-col-5" x="53"/>
+  <use id="led-6" href="#led" class="tile-col-6" x="65"/>
+  <use id="led-7" href="#led" class="tile-col-7" x="77"/>
+  <use id="led-8" href="#led" class="tile-col-8" x="89" fill-opacity="0.3"/>
+  <use id="led-9" href="#led" class="tile-col-9" x="101" fill-opacity="0.3"/>
+  <use id="led-10" href="#led" class="tile-col-10 tile-col-last" x="113" fill-opacity="0.3"/>
+</svg>

data/srv/orb.sevgi

@@ -0,0 +1,14 @@
+#!/usr/bin/env -S ruby -S sevgi
+# frozen_string_literal: true
+
+SVG width: 150, height: 100, viewBox: "0 0 150 100" do
+  defs do
+    radialGradient id: "orb", cx: "35%", cy: "30%", r: "65%" do
+      stop offset: 0, "stop-color": "#f8e6f8"
+      stop offset: 0.5, "stop-color": "purple"
+      stop offset: 1, "stop-color": "#600060"
+    end
+  end
+
+  circle cx: 75, cy: 50, r: 43, fill: "url(#orb)"
+end.Save

data/srv/orb.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="150" height="100" viewBox="0 0 150 100">
+  <defs>
+    <radialGradient id="orb" cx="35%" cy="30%" r="65%">
+      <stop offset="0" stop-color="#f8e6f8"/>
+      <stop offset="0.5" stop-color="purple"/>
+      <stop offset="1" stop-color="#600060"/>
+    </radialGradient>
+  </defs>
+  <circle cx="75" cy="50" r="43" fill="url(#orb)"/>
+</svg>

data/srv/orb.yml

@@ -0,0 +1,4 @@
+dark:
+  "#600060": "#2c251e"
+  "#f8e6f8": "#f0d6b8"
+  purple: "#e5c39c"

data/srv/pacman.sevgi

@@ -0,0 +1,18 @@
+#!/usr/bin/env -S ruby -S sevgi
+# frozen_string_literal: true
+
+SVG width: 180, height: 90 do
+  rect id: "frame", width: 180, height: 90, rx: 5, fill: "white"
+
+  circle id: "head", cx: 70, cy: 45, r: 40, fill: "purple"
+  circle id: "eye", cx: 80, cy: 23, r: 6, fill: "white"
+  polygon id: "mouth", points: %w[70,45 110,15 110,75], fill: "white"
+
+  Symbol "dot" do
+    circle cx: 110, cy: 45, r: 6, fill: "purple"
+  end
+
+  g id: "dots" do
+    TileX "dot", n: 3, d: 18
+  end
+end.Save

data/srv/pacman.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="180" height="90">
+  <rect id="frame" width="180" height="90" rx="5" fill="white"/>
+  <circle id="head" cx="70" cy="45" r="40" fill="purple"/>
+  <circle id="eye" cx="80" cy="23" r="6" fill="white"/>
+  <polygon id="mouth" points="70,45 110,15 110,75" fill="white"/>
+  <symbol id="dot">
+    <title>Dot</title>
+    <circle cx="110" cy="45" r="6" fill="purple"/>
+  </symbol>
+  <g id="dots">
+    <use id="dot-1" href="#dot" class="tile-col-1 tile-col-first"/>
+    <use id="dot-2" href="#dot" class="tile-col-2" x="18"/>
+    <use id="dot-3" href="#dot" class="tile-col-3 tile-col-last" x="36"/>
+  </g>
+</svg>

data/srv/pokey.sevgi

@@ -0,0 +1,14 @@
+#!/usr/bin/env -S ruby -S sevgi
+# frozen_string_literal: true
+
+SVG width: 100, height: 100 do
+  rect x: 0, y: 0, width: 100, height: 100, fill: "white"
+  path fill: "purple", d: %w[
+    M10 101 V50 A40 40 0 0 1 90 50 V101
+    L76 85 L63 101 L50 85 L37 101 L24 85 Z
+  ]
+
+  [25, 50].each do |x|
+    circle cx: x, cy: 40, r: 8, fill: "white"
+  end
+end.Save

data/srv/{pacman-pokey.svg → pokey.svg}

@@ -1,9 +1,7 @@
 <?xml version="1.0" standalone="no"?>
 <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">
   <rect x="0" y="0" width="100" height="100" fill="white"/>
-  <circle cx="50" cy="50" r="40" fill="purple"/>
-  <rect x="10" y="50" width="80" height="50" fill="purple"/>
+  <path fill="purple" d="M10 101 V50 A40 40 0 0 1 90 50 V101 L76 85 L63 101 L50 85 L37 101 L24 85 Z"/>
   <circle cx="25" cy="40" r="8" fill="white"/>
   <circle cx="50" cy="40" r="8" fill="white"/>
-  <path fill="white" d="M11 100 l13 -15 l13 15 l13 -15 l13 15 l13 -15 l13 15 Z"/>
 </svg>

data/srv/protractor.sevgi

@@ -0,0 +1,40 @@
+#!/usr/bin/env -S ruby -S sevgi
+# frozen_string_literal: true
+
+CX = 75
+CY = 75
+RADIUS = 70
+
+SVG width: "150mm", height: "85mm", viewBox: "0 0 150 85" do
+  ruler = Ruler brut: 180, unit: 1, multiple: 10
+
+  g fill: "none", stroke: "black", "stroke-width": 0.2 do
+    ArcTo x1: CX - RADIUS, y1: CY, x2: CX + RADIUS, y2: CY,
+          rx: RADIUS, ry: RADIUS, sweep: true
+    HLineBy x: CX - RADIUS, y: CY, length: 2 * RADIUS
+
+    [
+      [ruler.ms - ruler.ds - ruler.hs, 2],
+      [ruler.hs, 4],
+      [ruler.ds, 6]
+    ].each do |degrees, length|
+      degrees.each do |degree|
+        g transform: "rotate(#{degree} #{CX} #{CY})" do
+          HLineBy x: CX - RADIUS, y: CY, length:
+        end
+      end
+    end
+
+    HLineBy x: CX - 2, y: CY, length: 4
+    VLineBy x: CX, y: CY - 2, length: 4
+  end
+
+  g fill: "black", "font-family": "monospace", "font-size": "2.5pt", "text-anchor": "middle" do
+    ruler.ds[1...-1].each do |degree|
+      g transform: "rotate(#{degree} #{CX} #{CY})" do
+        text degree.to_i.to_s, x: 18, y: CY, dy: 1,
+             transform: "rotate(#{-degree} 18 #{CY})"
+      end
+    end
+  end
+end.Save