metanorma-document 0.2.0

data/lib/metanorma/html/itu_renderer.rb

@@ -0,0 +1,55 @@
+# frozen_string_literal: true
+
+module Metanorma
+  module Html
+    # ITU brand: #0e99d5 blue from logo
+    class ItuRenderer < IsoRenderer
+      registers_doc_type Metanorma::ItuDocument::Root
+
+      def flavor_publishers(_doc_id)
+        ["ITU"]
+      end
+
+      def flavor_publisher_name
+        "ITU"
+      end
+
+      def publisher_logo_map
+        { "ITU" => "itu-logo.svg" }
+      end
+
+      def theme
+        @theme ||= Theme.new.tap do |t|
+          t.primary        = "#0a7bac"
+          t.accent         = "#0e99d5"
+          t.accent_deep    = "#0a7bac"
+          t.gradient       = "linear-gradient(135deg, #065a83 0%, #0a7bac 50%, #0e99d5 100%)"
+          t.primary_light  = "#e8f4fa"
+          t.accent_light   = "#daedf8"
+          t.warm           = "#b8860b"
+          t.warm_light     = "#fdf5e6"
+          t.sidebar_bg     = "#f2f6fa"
+          t.font_body      = '"Noto Serif", "Georgia", serif'
+          t.font_sans      = '"Noto Sans", "Helvetica Neue", Arial, sans-serif'
+          t.font_mono      = '"Noto Sans Mono", "Menlo", monospace'
+          t.font_url       = "https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;600;700&family=Noto+Serif:ital,wght@0,400;0,500;0,600;1,400&family=Noto+Sans+Mono:wght@400;500&display=swap"
+          t.header_background = "linear-gradient(135deg, #065a83 0%, #0a7bac 40%, #0e99d5 100%)"
+          t.cover_background  = "linear-gradient(175deg, #043d5c 0%, #065a83 25%, #0a7bac 55%, #0e99d5 85%, #47b5e3 100%)"
+          t.cover_before_bg   = "background: radial-gradient(ellipse at 30% 15%, rgba(14,153,213,0.2) 0%, transparent 50%), radial-gradient(ellipse at 70% 80%, rgba(184,134,11,0.1) 0%, transparent 40%)"
+          t.cover_after_bg    = "height: 3px; background: linear-gradient(90deg, transparent, #0e99d5, #b8860b, transparent)"
+          t.progress_bar_color = "#0e99d5"
+          t.note_border     = "#0e99d5"
+          t.note_bg         = "#daedf8"
+          t.note_color      = "#0e99d5"
+          t.example_border  = "#0a7bac"
+          t.example_bg      = "#e8f4fa"
+          t.example_color   = "#0a7bac"
+          t.admonition_border = "#b8860b"
+          t.admonition_color  = "#b8860b"
+          t.footer_border_color = "#0e99d5"
+          t.cover_separator_color = "rgba(14,153,213,0.25)"
+        end
+      end
+    end
+  end
+end

data/lib/metanorma/html/ogc_renderer.rb

@@ -0,0 +1,86 @@
+# frozen_string_literal: true
+
+module Metanorma
+  module Html
+    # Renders OgcDocument components to HTML.
+    # Extends IsoRenderer with OGC-specific branding (geospatial, OGC cyan-blue #00b1ff).
+    class OgcRenderer < IsoRenderer
+      registers_doc_type Metanorma::OgcDocument::Root
+
+      def flavor_publishers(_doc_id)
+        ["OGC"]
+      end
+
+      def flavor_publisher_name
+        "OGC"
+      end
+
+      def publisher_logo_map
+        { "OGC" => "ogc-logo.svg" }
+      end
+
+      def theme
+        @theme ||= Theme.new.tap do |t|
+          t.primary        = "#0077b3"
+          t.accent         = "#00b1ff"
+          t.gradient       = "linear-gradient(135deg, #003d5c 0%, #0077b3 50%, #00b1ff 100%)"
+          t.accent_deep    = "#006699"
+          t.primary_light  = "#e8f4fa"
+          t.accent_light   = "#e0f4ff"
+          t.warm           = "#e8812e"
+          t.warm_light     = "#fff5eb"
+          t.sidebar_bg     = "#f2f8fc"
+          t.font_body      = '"Space Grotesk", "Helvetica Neue", Arial, sans-serif'
+          t.font_sans      = '"Space Grotesk", "Helvetica Neue", Arial, sans-serif'
+          t.font_mono      = '"JetBrains Mono", "Fira Code", monospace'
+          t.font_url       = "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap"
+          t.header_background = "linear-gradient(135deg, #003d5c 0%, #0077b3 40%, #00b1ff 100%)"
+          t.cover_background  = "linear-gradient(175deg, #001f30 0%, #003d5c 25%, #0077b3 55%, #00b1ff 85%, #66d9ff 100%)"
+          t.cover_before_bg   = "background: radial-gradient(ellipse at 25% 15%, rgba(0,177,255,0.2) 0%, transparent 45%), radial-gradient(ellipse at 75% 85%, rgba(0,119,179,0.25) 0%, transparent 40%)"
+          t.cover_after_bg    = "height: 4px; background: linear-gradient(90deg, transparent, #00b1ff 30%, #0077b3 50%, #00b1ff 70%, transparent)"
+          t.progress_bar_color = "#00b1ff"
+          t.note_border     = "#00b1ff"
+          t.note_bg         = "#e0f4ff"
+          t.note_color      = "#0077b3"
+          t.example_border  = "#0077b3"
+          t.example_bg      = "#e8f4fa"
+          t.example_color   = "#004d73"
+          t.admonition_border = "#e8812e"
+          t.admonition_bg   = "#fff5eb"
+          t.admonition_color = "#c06a1a"
+          t.footer_border_color = "#00b1ff"
+          t.cover_separator_color = "rgba(0,177,255,0.25)"
+          t.dark_primary_light = "#0a2538"
+          t.dark_accent_light  = "#0d2030"
+          t.extra_css = <<~CSS
+            .sourcecode pre { background: #0a1a28; border-color: #1a3050; }
+            .reading-progress { box-shadow: 0 0 10px rgba(0,177,255,0.3); }
+            mark.search-match { background: #e0f4ff; box-shadow: 0 0 0 1px rgba(0,177,255,0.3); }
+            mark.search-match.search-current { background: #00b1ff; color: #fff; }
+            [data-theme="dark"] .sourcecode pre { background: #060e18; border-color: #0d2030; }
+          CSS
+        end
+      end
+
+      # OGC preface: wrap all preface clauses (except ToC) under a "Preface" heading.
+      # OGC documents have no foreword/introduction — their preface clauses are
+      # security, submitting_orgs, submission contacts, etc.
+      def render_preface(preface, **_opts)
+        preface_clauses = preface.clause&.reject { |cl| cl.type == "toc" } || []
+
+        return if preface_clauses.empty? &&
+                  !preface.foreword && !preface.introduction &&
+                  !preface.abstract && !preface.acknowledgements &&
+                  !preface.executivesummary
+
+        @output << "<div id=\"preface\" class=\"preface-section\">"
+        register_toc_entry(id: "preface", level: 1, text: "Preface")
+        @output << "<h1 class=\"ForewordTitle\">Preface</h1>"
+
+        preface_clauses.each { |cl| render(cl, level: 2) }
+
+        @output << "</div>"
+      end
+    end
+  end
+end

data/lib/metanorma/html/oiml_renderer.rb

@@ -0,0 +1,55 @@
+# frozen_string_literal: true
+
+module Metanorma
+  module Html
+    # Renders OimlDocument (OIML) components to HTML.
+    # Extends IsoRenderer with OIML branding.
+    class OimlRenderer < IsoRenderer
+      registers_doc_type Metanorma::OimlDocument::Root
+
+      def flavor_publishers(_doc_id)
+        ["OIML"]
+      end
+
+      def flavor_publisher_name
+        "OIML"
+      end
+
+      def publisher_logo_map
+        {}
+      end
+
+      def theme
+        @theme ||= Theme.new.tap do |t|
+          t.font_body      = '"Merriweather", "Georgia", serif'
+          t.font_sans      = '"Montserrat", "Helvetica Neue", Arial, sans-serif'
+          t.font_mono      = '"JetBrains Mono", "Fira Code", monospace'
+          t.font_url       = "https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;1,400&family=Montserrat:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap"
+          t.primary        = "#1a5c3a"
+          t.accent         = "#2e8b57"
+          t.accent_deep    = "#247049"
+          t.gradient       = "linear-gradient(135deg, #0d3d22 0%, #1a5c3a 50%, #2e8b57 100%)"
+          t.primary_light  = "#edf7f1"
+          t.accent_light   = "#e0f5e8"
+          t.warm           = "#d4a017"
+          t.warm_light     = "#fdf6e8"
+          t.header_background = "linear-gradient(135deg, #0d3d22 0%, #1a5c3a 50%, #2e8b57 100%)"
+          t.cover_background  = "linear-gradient(175deg, #071f14 0%, #0d3d22 30%, #1a5c3a 65%, #2e8b57 100%)"
+          t.cover_before_bg   = "background: radial-gradient(ellipse at 30% 20%, rgba(46,139,87,0.2) 0%, transparent 50%), radial-gradient(ellipse at 70% 80%, rgba(212,160,23,0.15) 0%, transparent 40%)"
+          t.cover_after_bg    = "height: 3px; background: linear-gradient(90deg, transparent, #d4a017, transparent)"
+          t.progress_bar_color = "#2e8b57"
+          t.note_border     = "#2e8b57"
+          t.note_bg         = "#e0f5e8"
+          t.note_color      = "#2e8b57"
+          t.example_border  = "#1a5c3a"
+          t.example_bg      = "#edf7f1"
+          t.example_color   = "#1a5c3a"
+          t.admonition_border = "#d4a017"
+          t.admonition_color  = "#d4a017"
+          t.footer_border_color = "#2e8b57"
+          t.cover_separator_color = "rgba(46,139,87,0.25)"
+        end
+      end
+    end
+  end
+end

data/lib/metanorma/html/pdfa_renderer.rb

@@ -0,0 +1,51 @@
+# frozen_string_literal: true
+
+module Metanorma
+  module Html
+    # Renders PDF Association (PDFA) taste documents to HTML.
+    # PDFA brand: #cf9c1d gold + #d03544 red + #4992b2 steel blue from logo
+    class PdfaRenderer < IsoRenderer
+      registers_doc_type Metanorma::RiboseDocument::Root
+
+      def flavor_publishers(_doc_id)
+        ["PDF Association"]
+      end
+
+      def flavor_publisher_name
+        "PDF Association"
+      end
+
+      def publisher_logo_map
+        { "PDF Association" => "pdfa-logo.svg" }
+      end
+
+      def theme
+        @theme ||= Theme.new.tap do |t|
+          t.primary        = "#3a6e85"
+          t.accent         = "#cf9c1d"
+          t.accent_deep    = "#b08518"
+          t.gradient       = "linear-gradient(135deg, #2a5268 0%, #3a6e85 50%, #4992b2 100%)"
+          t.primary_light  = "#eef5f8"
+          t.accent_light   = "#fdf6e6"
+          t.warm           = "#d03544"
+          t.warm_light     = "#fdeef0"
+          t.header_background = "linear-gradient(135deg, #2a5268 0%, #3a6e85 40%, #4992b2 100%)"
+          t.cover_background  = "linear-gradient(175deg, #1a3848 0%, #2a5268 25%, #3a6e85 55%, #4992b2 85%, #cf9c1d 100%)"
+          t.cover_before_bg   = "background: radial-gradient(ellipse at 25% 20%, rgba(207,156,29,0.15) 0%, transparent 50%), radial-gradient(ellipse at 70% 80%, rgba(73,146,178,0.2) 0%, transparent 40%)"
+          t.cover_after_bg    = "height: 3px; background: linear-gradient(90deg, transparent, #cf9c1d, #d03544, transparent)"
+          t.progress_bar_color = "#cf9c1d"
+          t.note_border     = "#4992b2"
+          t.note_bg         = "#eef5f8"
+          t.note_color      = "#4992b2"
+          t.example_border  = "#3a6e85"
+          t.example_bg      = "#eef5f8"
+          t.example_color   = "#3a6e85"
+          t.admonition_border = "#d03544"
+          t.admonition_color  = "#d03544"
+          t.footer_border_color = "#cf9c1d"
+          t.cover_separator_color = "rgba(207,156,29,0.25)"
+        end
+      end
+    end
+  end
+end

data/lib/metanorma/html/ribose_renderer.rb

@@ -0,0 +1,55 @@
+# frozen_string_literal: true
+
+module Metanorma
+  module Html
+    # Renders RiboseDocument components to HTML.
+    # Extends IsoRenderer with Ribose branding.
+    class RiboseRenderer < IsoRenderer
+      registers_doc_type Metanorma::RiboseDocument::Root
+
+      def flavor_publishers(_doc_id)
+        ["Ribose"]
+      end
+
+      def flavor_publisher_name
+        "Ribose"
+      end
+
+      def publisher_logo_map
+        {}
+      end
+
+      def theme
+        @theme ||= Theme.new.tap do |t|
+          t.font_body      = '"Noto Serif", "Georgia", serif'
+          t.font_sans      = '"Noto Sans", "Helvetica Neue", Arial, sans-serif'
+          t.font_mono      = '"JetBrains Mono", "Fira Code", monospace'
+          t.font_url       = "https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Noto+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap"
+          t.primary        = "#2d1b69"
+          t.accent         = "#7c3aed"
+          t.accent_deep    = "#5b21b6"
+          t.gradient       = "linear-gradient(135deg, #1a0e3e 0%, #2d1b69 50%, #5b21b6 100%)"
+          t.primary_light  = "#f3eeff"
+          t.accent_light   = "#ede5ff"
+          t.warm           = "#e8912e"
+          t.warm_light     = "#fef4e8"
+          t.header_background = "linear-gradient(135deg, #1a0e3e 0%, #2d1b69 50%, #5b21b6 100%)"
+          t.cover_background  = "linear-gradient(175deg, #0f0826 0%, #1a0e3e 25%, #2d1b69 55%, #5b21b6 80%, #7c3aed 100%)"
+          t.cover_before_bg   = "background: radial-gradient(ellipse at 30% 20%, rgba(124,58,237,0.2) 0%, transparent 50%), radial-gradient(ellipse at 70% 80%, rgba(232,145,46,0.15) 0%, transparent 40%)"
+          t.cover_after_bg    = "height: 3px; background: linear-gradient(90deg, transparent, #7c3aed, transparent)"
+          t.progress_bar_color = "#7c3aed"
+          t.note_border     = "#7c3aed"
+          t.note_bg         = "#ede5ff"
+          t.note_color      = "#7c3aed"
+          t.example_border  = "#2d1b69"
+          t.example_bg      = "#f3eeff"
+          t.example_color   = "#2d1b69"
+          t.admonition_border = "#e8912e"
+          t.admonition_color  = "#e8912e"
+          t.footer_border_color = "#7c3aed"
+          t.cover_separator_color = "rgba(124,58,237,0.25)"
+        end
+      end
+    end
+  end
+end