metanorma-document 0.2.0 → 0.2.1

data/lib/metanorma/html/iso_renderer.rb

@@ -67,32 +67,32 @@ module Metanorma
         end
       end
 
-      def render(node, **opts)
+      def render(node, **)
         case node
         when Metanorma::IsoDocument::Root
-          render_document(node, **opts)
+          render_document(node, **)
         when Metanorma::IsoDocument::Sections::IsoPreface
-          render_preface(node, **opts)
+          render_preface(node, **)
         when Metanorma::IsoDocument::Sections::IsoSections
-          render_sections(node, **opts)
+          render_sections(node, **)
         when Metanorma::IsoDocument::Sections::IsoClauseSection
-          render_clause(node, **opts)
+          render_clause(node, **)
         when Metanorma::IsoDocument::Sections::IsoAnnexSection
-          render_annex(node, **opts)
+          render_annex(node, **)
         when Metanorma::IsoDocument::Sections::IsoTermsSection
-          render_terms_section(node, **opts)
+          render_terms_section(node, **)
         when Metanorma::IsoDocument::Sections::IsoForewordSection
-          render_foreword(node, **opts)
+          render_foreword(node, **)
         when Metanorma::IsoDocument::Sections::IsoAbstractSection
-          render_abstract(node, **opts)
+          render_abstract(node, **)
         when Metanorma::IsoDocument::Terms::IsoTerm
-          render_term(node, **opts)
+          render_term(node, **)
         when Metanorma::IsoDocument::Terms::TermNote
-          render_term_note(node, **opts)
+          render_term_note(node, **)
         when Metanorma::IsoDocument::Terms::TermExample
-          render_term_example(node, **opts)
+          render_term_example(node, **)
         when Metanorma::IsoDocument::Boilerplate
-          render_boilerplate(node, **opts)
+          render_boilerplate(node, **)
         else
           super
         end
@@ -147,33 +147,35 @@ module Metanorma
 
       # Extract English stage text, deduplicating duplicate language variants.
       def extract_stage(bibdata)
-        return nil unless bibdata.status && bibdata.status.stage
+        return nil unless bibdata.status&.stage
 
         stages = Array(bibdata.status.stage)
         return nil if stages.empty?
 
         # Prefer English-language stage
-        en_stage = stages.find { |s|
+        en_stage = stages.find do |s|
           lang = safe_attr(s, :language)
           lang == "en" if lang
-        }
-        return Array(en_stage.value).join.strip if en_stage && en_stage.value
+        end
+        return Array(en_stage.value).join.strip if en_stage&.value
 
         # Fallback: first non-empty, deduplicated
         seen = Set.new
-        stage_text = stages.filter_map { |s|
+        stage_text = stages.filter_map do |s|
           val = Array(s.value).join.strip
           down = val.downcase
           next if seen.include?(down)
+
           seen << down
           val.empty? ? nil : val
-        }.compact.join(" ")
+        end.compact.join(" ")
         stage_text.empty? ? nil : stage_text
       end
 
       # Extract document type from ext.doctype.
       def extract_doctype(bibdata)
         return nil unless bibdata.respond_to?(:ext)
+
         ext = bibdata.ext
         return nil unless ext
 
@@ -181,11 +183,11 @@ module Metanorma
         return nil unless doctypes && !doctypes.empty?
 
         # Prefer English-language doctype
-        en_dt = doctypes.find { |d|
+        en_dt = doctypes.find do |d|
           lang = safe_attr(d, :language)
           lang == "en" if lang
-        }
-        return en_dt.value.to_s if en_dt && en_dt.value
+        end
+        return en_dt.value.to_s if en_dt&.value
 
         # Fallback: first doctype
         dt = doctypes.first
@@ -216,7 +218,7 @@ module Metanorma
         all_items.each do |node|
           next if node.is_a?(String)
           next if is_title_element?(node, doc.sections)
-          next if is_doc_title_paragraph?(node)
+
           render(node)
         end
 
@@ -254,13 +256,13 @@ module Metanorma
         stage_text = extract_stage(bibdata)
 
         @output << render_liquid("_iso_cover.html.liquid", {
-          "publisher_logos" => logos,
-          "doc_id" => doc_id,
-          "pub_date" => pub_date,
-          "doctype" => doctype,
-          "title" => title_text,
-          "stage" => stage_text,
-        })
+                                   "publisher_logos" => logos,
+                                   "doc_id" => doc_id,
+                                   "pub_date" => pub_date,
+                                   "doctype" => doctype,
+                                   "title" => title_text,
+                                   "stage" => stage_text,
+                                 })
       end
 
       def render_doc_title(doc)
@@ -274,8 +276,8 @@ module Metanorma
         return unless en_title
 
         @output << render_liquid("_iso_doc_title.html.liquid", {
-          "title" => en_title.to_s,
-        })
+                                   "title" => en_title.to_s,
+                                 })
       end
 
       def render_boilerplate_section(doc)
@@ -303,7 +305,7 @@ module Metanorma
             fw_id = safe_attr(fw, :id)
             title_text = extract_plain_text(title)
             register_toc_entry(id: fw_id, level: level, text: title_text)
-            @output << "<h1 class=\"ForewordTitle\">"
+            @output << "<h1 class=\"foreword-title\">"
             render_mixed_inline(title)
             @output << "</h1>"
           end
@@ -319,7 +321,7 @@ module Metanorma
             sec_id = safe_attr(section, :id)
             title_text = extract_plain_text(title)
             register_toc_entry(id: sec_id, level: level, text: title_text)
-            @output << "<h1 class=\"IntroTitle\">"
+            @output << "<h1 class=\"intro-title\">"
             render_mixed_inline(title)
             @output << "</h1>"
           end
@@ -344,7 +346,7 @@ module Metanorma
       # --- Clause rendering ---
 
       def render_clause(clause, level: 1, **_opts)
-        attrs = element_attrs(id: safe_attr(clause, :id), class: safe_attr(clause, :class_attr))
+        attrs = element_attrs(id: safe_attr(clause, :id))
         tag("div", attrs) do
           render_title(clause, level)
           render_ordered_content(clause, level)
@@ -354,7 +356,7 @@ module Metanorma
       # --- Annex rendering ---
 
       def render_annex(annex, level: 1, **_opts)
-        attrs = element_attrs(id: safe_attr(annex, :id), class: "Section3")
+        attrs = element_attrs(id: safe_attr(annex, :id), class: "section-sub")
         tag("div", attrs) do
           render_annex_title(annex, level)
           render_ordered_content(annex, level)
@@ -370,7 +372,7 @@ module Metanorma
         register_toc_entry(id: annex_id, level: level, text: title_text)
 
         h = "h#{[[level, 6].min, 1].max}"
-        @output << "<#{h} class=\"Annex\">"
+        @output << "<#{h} class=\"annex-title\">"
         render_mixed_inline(title_element)
         @output << "</#{h}>"
       end
@@ -398,7 +400,7 @@ module Metanorma
           # In presentation mode, use fmt_* elements
           if term.fmt_name
             # Render term number (e.g. "3.1")
-            @output << "<p class=\"TermNum\">"
+            @output << "<p class=\"term-number\">"
             render_inline_element(term.fmt_name)
             @output << "</p>"
           elsif term.term_number
@@ -408,7 +410,7 @@ module Metanorma
                       else
                         extract_text_value(tn)
                       end
-            @output << "<p class=\"TermNum\">#{escape_html(tn_text)}</p>"
+            @output << "<p class=\"term-number\">#{escape_html(tn_text)}</p>"
           end
 
           # Preferred designations — use fmt-preferred if available
@@ -436,7 +438,7 @@ module Metanorma
           # (fmt-definition already includes domain text in its content)
           if term.domain && !term.fmt_definition
             domain_text = safe_attr(term.domain, :text)
-            @output << "<p class=\"domain\">&lt;#{escape_html(domain_text)}&gt;</p>" if domain_text
+            @output << "<p class=\"term-domain\">&lt;#{escape_html(domain_text)}&gt;</p>" if domain_text
           end
 
           # Definition — use fmt-definition if available
@@ -458,7 +460,7 @@ module Metanorma
           # Source references — use fmt-termsource if available
           if term.fmt_termsource && !term.fmt_termsource.empty?
             term.fmt_termsource.each do |fts|
-              @output << "<p class=\"source\">"
+              @output << "<p class=\"term-source\">"
               render_mixed_inline(fts)
               @output << "</p>"
             end
@@ -485,7 +487,8 @@ module Metanorma
         if term.preferred && !term.preferred.empty?
           return extract_designation_name(term.preferred.first).to_s
         end
-        safe_attr(term, :id).to_s.sub(/\Aterm-/, "")
+
+        safe_attr(term, :id).to_s.delete_prefix("term-")
       end
 
       def extract_term_definition(term)
@@ -502,11 +505,11 @@ module Metanorma
 
       def strip_html(html)
         html.gsub(/<[^>]+>/, "").gsub("&lt;", "<").gsub("&gt;", ">")
-            .gsub("&amp;", "&").gsub("&nbsp;", " ")
+          .gsub("&amp;", "&").gsub("&nbsp;", " ")
       end
 
       def render_term_designation(designation, type)
-        css_class = type == "deprecated" ? "DeprecatedTerms" : "Terms"
+        css_class = type == "deprecated" ? "term-deprecated" : "term-name"
         @output << "<p class=\"#{css_class}\" style=\"text-align:left;\">"
         @output << "<del>" if type == "deprecated"
         @output << "<b><dfn>"
@@ -583,10 +586,10 @@ module Metanorma
       end
 
       def render_term_note(note)
-        attrs = element_attrs(id: safe_attr(note, :id), class: "Note")
+        attrs = element_attrs(id: safe_attr(note, :id), class: "note-block")
         tag("div", attrs) do
           label = extract_termnote_label(note)
-          @output << "<p><span class=\"termnote_label\">#{escape_html(label)}: </span>"
+          @output << "<p><span class=\"term-note-label\">#{escape_html(label)}: </span>"
           note.p&.each { |para| render_mixed_inline(para) }
           @output << "</p>"
           note.ul&.each { |ul| render_unordered_list(ul) }
@@ -599,7 +602,7 @@ module Metanorma
         attrs = element_attrs(id: safe_attr(example, :id), class: "example")
         tag("div", attrs) do
           label = extract_block_label(example, "EXAMPLE")
-          @output << "<p><span class=\"example_label\">#{escape_html(label)}</span>&nbsp;"
+          @output << "<p><span class=\"example-label\">#{escape_html(label)}</span>&nbsp;"
           example.p&.each { |para| render_mixed_inline(para) }
           @output << "</p>"
           example.ul&.each { |ul| render_unordered_list(ul) }
@@ -627,7 +630,13 @@ module Metanorma
           .gsub(/<variant-title[^>]*>.*?<\/variant-title>/m, "")
           .gsub(/<\/?(?:copyright-statement|clause)[^>]*>/, "")
 
-        @output << clean.strip
+        # Remap XML class names to HTML-specific class names
+        boilerplate_doc = Nokogiri::HTML::DocumentFragment.parse(clean)
+        boilerplate_doc.css("[class]").each do |el|
+          el["class"] = el["class"].split(/\s+/).map { |c| html_class_for_span(c) }.join(" ")
+        end
+
+        @output << boilerplate_doc.inner_html.strip
 
         @output << "</div>"
       end
@@ -641,19 +650,19 @@ module Metanorma
             next_sib = next_sib.next_sibling
           end
 
-          display_text = if next_sib && next_sib.element? && next_sib.name == "semx"
-            fmt_link = next_sib.at_css("fmt-link")
-            if fmt_link
-              fmt_target = fmt_link["target"] || fmt_link["href"] || target
-              display_text = fmt_target.to_s.sub(/\Amailto:/, "")
-              next_sib.remove
-              display_text
-            end
-          end
-
-          display_text ||= target.to_s.sub(/\Amailto:/, "")
+          display_text = if next_sib&.element? && next_sib.name == "semx"
+                           fmt_link = next_sib.at_css("fmt-link")
+                           if fmt_link
+                             fmt_target = fmt_link["target"] || fmt_link["href"] || target
+                             display_text = fmt_target.to_s.delete_prefix("mailto:")
+                             next_sib.remove
+                             display_text
+                           end
+                         end
+
+          display_text ||= target.to_s.delete_prefix("mailto:")
           a_tag = Nokogiri::HTML::DocumentFragment.parse(
-            "<a href=\"#{CGI.escapeHTML(target.to_s)}\">#{CGI.escapeHTML(display_text)}</a>"
+            "<a href=\"#{CGI.escapeHTML(target.to_s)}\">#{CGI.escapeHTML(display_text)}</a>",
           )
           link.replace(a_tag)
         end
@@ -686,15 +695,20 @@ module Metanorma
         %i[terms definitions].each do |attr|
           val = safe_attr(section, attr)
           next if val.nil?
+
           Array(val).each do |v|
             children << v unless children.include?(v)
           end
         end
 
         # Sort by displayorder (non-nil first, then nil at end)
-        children.reject!(&:nil?)
+        children.compact!
         children.sort_by do |node|
-          order = node.displayorder rescue nil
+          order = begin
+            node.displayorder
+          rescue StandardError
+            nil
+          end
           order &&= order.to_i
           order || Float::INFINITY
         end
@@ -710,46 +724,49 @@ module Metanorma
         end
       end
 
-      private
-
-      # Filter document title paragraphs that are rendered by render_doc_title
-      def is_doc_title_paragraph?(node)
-        return false unless node.respond_to?(:class_attr)
-        ["zzSTDTitle1", "zzSTDTitle2"].include?(node.class_attr)
-      end
-
       # Collect all document-level children (sections, normative refs, annexes,
       # bibliography) sorted by displayorder for correct document order.
+      # Top-level paragraphs in sections (title paragraphs) are excluded —
+      # they are rendered separately by render_doc_title.
       def collect_document_children(doc)
         items = []
 
         # Main sections children (clauses, terms, etc.)
         if doc.sections
-          items.concat(gather_element_order_children(doc.sections))
+          section_children = gather_element_order_children(doc.sections)
+          # Title paragraphs are ParagraphBlock objects at the top level of
+          # sections. They are rendered by render_doc_title, so skip them here.
+          section_children.reject! do |node|
+            node.is_a?(Metanorma::Document::Components::Paragraphs::ParagraphBlock)
+          end
+          items.concat(section_children)
           # Also add typed attributes that may not be in element_order
           %i[terms definitions].each do |attr|
             val = safe_attr(doc.sections, attr)
             next if val.nil?
+
             Array(val).each { |v| items << v unless items.include?(v) }
           end
         end
 
         # Normative references from bibliography (may have displayorder)
-        if doc.bibliography && doc.bibliography.references
-          doc.bibliography.references.each { |r| items << r }
-        end
+        doc.bibliography&.references&.each { |r| items << r }
 
         # Annexes
         doc.annex&.each { |a| items << a }
 
         # Non-normative bibliography (no displayorder = goes at end)
-        if doc.bibliography && doc.bibliography.references
+        if doc.bibliography&.references
           # Already included above; filter normative vs non-normative below
         end
 
         items.compact!
         items.sort_by do |node|
-          order = node.displayorder rescue nil
+          order = begin
+            node.displayorder
+          rescue StandardError
+            nil
+          end
           order &&= order.to_i
           order || Float::INFINITY
         end
@@ -797,7 +814,7 @@ module Metanorma
         children
       end
 
-      def publisher_logos_html(doc)
+      def publisher_logos_html(_doc)
         publishers = flavor_publishers(extract_primary_doc_id)
         logo_map = publisher_logo_map
         return [] if publishers.empty? && logo_map.empty?
@@ -811,8 +828,8 @@ module Metanorma
           next unless svg
 
           # White fill for dark cover background
-          svg = svg.gsub(/fill:#00b1ff/, "fill:white") if pub == "OGC"
-          svg = svg.gsub(/fill:#e3000f/, "fill:white") if pub == "ISO"
+          svg = svg.gsub("fill:#00b1ff", "fill:white") if pub == "OGC"
+          svg = svg.gsub("fill:#e3000f", "fill:white") if pub == "ISO"
           svg
         end
       end

data/lib/metanorma/html/ogc_renderer.rb

@@ -46,7 +46,7 @@ module Metanorma
           t.example_bg      = "#e8f4fa"
           t.example_color   = "#004d73"
           t.admonition_border = "#e8812e"
-          t.admonition_bg   = "#fff5eb"
+          t.admonition_bg = "#fff5eb"
           t.admonition_color = "#c06a1a"
           t.footer_border_color = "#00b1ff"
           t.cover_separator_color = "rgba(0,177,255,0.25)"
@@ -69,13 +69,13 @@ module Metanorma
         preface_clauses = preface.clause&.reject { |cl| cl.type == "toc" } || []
 
         return if preface_clauses.empty? &&
-                  !preface.foreword && !preface.introduction &&
-                  !preface.abstract && !preface.acknowledgements &&
-                  !preface.executivesummary
+          !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>"
+        @output << "<h1 class=\"foreword-title\">Preface</h1>"
 
         preface_clauses.each { |cl| render(cl, level: 2) }
 

data/lib/metanorma/html/standard_renderer.rb

@@ -5,34 +5,34 @@ module Metanorma
     # Renders StandardDocument components to HTML.
     # Extends BaseRenderer with terms, bibliography, and standard sections.
     class StandardRenderer < BaseRenderer
-      def render(node, **opts)
+      def render(node, **)
         case node
         when Metanorma::StandardDocument::Root
-          render_standard_document(node, **opts)
+          render_standard_document(node, **)
         when Metanorma::StandardDocument::Terms::Term
-          render_term(node, **opts)
+          render_term(node, **)
         when Metanorma::StandardDocument::Sections::TermsSection
-          render_terms_section(node, **opts)
+          render_terms_section(node, **)
         when Metanorma::StandardDocument::Sections::StandardReferencesSection
-          render_references_section(node, **opts)
+          render_references_section(node, **)
         when Metanorma::StandardDocument::Sections::BibliographySection
-          render_bibliography(node, **opts)
+          render_bibliography(node, **)
         when Metanorma::StandardDocument::Sections::ClauseSection
-          render_clause_section(node, **opts)
+          render_clause_section(node, **)
         when Metanorma::StandardDocument::Sections::AnnexSection
-          render_annex_section(node, **opts)
+          render_annex_section(node, **)
         when Metanorma::StandardDocument::Sections::StandardSection
-          render_standard_section(node, **opts)
+          render_standard_section(node, **)
         when Metanorma::StandardDocument::Sections::Abstract
-          render_abstract_section(node, **opts)
+          render_abstract_section(node, **)
         when Metanorma::StandardDocument::Sections::Foreword
-          render_foreword_section(node, **opts)
+          render_foreword_section(node, **)
         when Metanorma::StandardDocument::Sections::Introduction
-          render_introduction_section(node, **opts)
+          render_introduction_section(node, **)
         when Metanorma::StandardDocument::Sections::FloatingTitle
-          render_floating_title(node, **opts)
+          render_floating_title(node, **)
         when Metanorma::StandardDocument::Blocks::AmendBlock
-          render_amend_block(node, **opts)
+          render_amend_block(node, **)
         else
           super
         end
@@ -86,8 +86,10 @@ module Metanorma
         cover_id = nil
         bibdata.doc_identifier&.each do |di|
           next unless safe_attr(di, :type) == "iso-reference"
+
           id = extract_text_value(di)
           next if id.to_s.empty?
+
           cover_id = id
           break
         end
@@ -105,9 +107,9 @@ module Metanorma
         end
 
         @output << render_liquid("_cover.html.liquid", {
-          "doc_id" => cover_id,
-          "title" => title_text,
-        })
+                                   "doc_id" => cover_id,
+                                   "title" => title_text,
+                                 })
       end
 
       def render_doc_title(doc)
@@ -120,22 +122,24 @@ module Metanorma
         elsif bibdata.is_a?(Metanorma::Document::Components::BibData::BibData)
           titles = bibdata.title
           return unless titles && !titles.empty?
+
           en_title = titles.find { |t| t.language == "en" }
           return unless en_title
+
           en_title = extract_text_value(en_title)
         else
           return
         end
 
         @output << render_liquid("_doc_title.html.liquid", {
-          "title" => en_title,
-        })
+                                   "title" => en_title,
+                                 })
       end
 
       # --- Section rendering ---
 
       def render_clause_section(clause, level: 1, **_opts)
-        attrs = element_attrs(id: safe_attr(clause, :id), class: safe_attr(clause, :class_attr))
+        attrs = element_attrs(id: safe_attr(clause, :id))
         tag("div", attrs) do
           render_standard_title(clause, level)
           render_standard_section_blocks(clause, level)
@@ -324,11 +328,11 @@ module Metanorma
           bibitemid = safe_attr(origin, :bibitemid)
 
           if citeas && !citeas.to_s.empty?
-            if bibitemid && !bibitemid.to_s.empty?
-              @output << "<a href=\"##{escape_html(bibitemid.to_s)}\" class=\"bibref\">#{escape_html(citeas.to_s)}</a>"
-            else
-              @output << escape_html(citeas.to_s)
-            end
+            @output << if bibitemid && !bibitemid.to_s.empty?
+                         "<a href=\"##{escape_html(bibitemid.to_s)}\" class=\"bibref\">#{escape_html(citeas.to_s)}</a>"
+                       else
+                         escape_html(citeas.to_s)
+                       end
           else
             render_mixed_inline(origin)
           end
@@ -401,9 +405,11 @@ module Metanorma
       def bibitem_url(item)
         links = Array(item.link)
         return nil if links.empty?
+
         # Prefer src or citation type, skip RSS feeds
-        preferred = links.find { |l| l.type == "src" || l.type == "citation" }
+        preferred = links.find { |l| ["src", "citation"].include?(l.type) }
         return preferred.content.to_s if preferred && !preferred.content.to_s.empty?
+
         # Fallback: first non-RSS link
         non_rss = links.find { |l| !l.content.to_s.include?(".rss") && !l.content.to_s.empty? }
         non_rss&.content&.to_s
@@ -421,10 +427,10 @@ module Metanorma
           docids = Array(item.docidentifier)
           # Skip bracket-number identifiers (e.g. "[1]") and iso-reference/URN variants;
           # render only the primary doc identifier
-          primary = docids.find { |di|
+          primary = docids.find do |di|
             val = extract_text_value(di).to_s
             val.match?(/\A\[?\d+\]?\z/) ? false : !val.match?(/\A(?:iso-reference|URN)\s/)
-          }
+          end
           if primary
             id_val = extract_text_value(primary)
             @output << "<span class=\"std-doc-number\">#{escape_html(id_val)}</span>" unless id_val.to_s.empty?

data/lib/metanorma/html/templates/_admonition.html.liquid

@@ -0,0 +1,4 @@
+<div{% if block.id %} id="{{ block.id }}"{% endif %} class="{{ block.css_class }}">
+<p class="admonition-title">{{ block.label_html }}</p>
+{{ block.content_html }}
+</div>

data/lib/metanorma/html/templates/_doc_title.html.liquid

@@ -1,3 +1,3 @@
 <p class="doc-title">
-  <span class="bold-title">{{ title | escape }}</span>
+  <span class="title-text">{{ title | escape }}</span>
 </p>

data/lib/metanorma/html/templates/_example.html.liquid

@@ -0,0 +1,3 @@
+<div{% if block.id %} id="{{ block.id }}"{% endif %} class="{{ block.css_class }}">
+<span class="example-label">{{ block.label_html }}</span>&nbsp;{{ block.content_html }}
+</div>

data/lib/metanorma/html/templates/_figure.html.liquid

@@ -0,0 +1,6 @@
+<figure{% if block.id %} id="{{ block.id }}"{% endif %} class="{{ block.css_class }}">
+{{ block.image_html }}
+{{ block.sub_figures_html }}
+{% if block.caption_html %}<figcaption>{{ block.caption_html }}</figcaption>{% endif %}
+{{ block.key_html }}
+</figure>

data/lib/metanorma/html/templates/_formula.html.liquid

@@ -0,0 +1,6 @@
+<div{% if block.id %} id="{{ block.id }}"{% endif %} class="{{ block.css_class }}">
+{{ block.stem_html }}
+{% if block.where_html %}<p class="formula-where">where</p>{% endif %}
+{{ block.where_html }}
+{% if block.number_html %}<span class="formula-number">{{ block.number_html }}</span>{% endif %}
+</div>

data/lib/metanorma/html/templates/_iso_doc_title.html.liquid

@@ -1,3 +1,3 @@
-<p class="zzSTDTitle1">
-<span class="boldtitle">{{ title | escape }}</span>
+<p class="doc-title">
+<span class="title-text">{{ title | escape }}</span>
 </p>

data/lib/metanorma/html/templates/_note.html.liquid

@@ -0,0 +1,3 @@
+<div{% if block.id %} id="{{ block.id }}"{% endif %} class="{{ block.css_class }}">
+<span class="note-label">{{ block.label_html }}</span>&nbsp;{{ block.content_html }}
+</div>

data/lib/metanorma/html/templates/_sourcecode.html.liquid

@@ -0,0 +1,4 @@
+<div{% if block.id %} id="{{ block.id }}"{% endif %} class="{{ block.css_class }}">
+{% if block.name_html %}<p class="code-name">{{ block.name_html }}</p>{% endif %}
+<pre><code{% if block.lang %} lang="{{ block.lang }}"{% endif %}>{{ block.code_html }}</code></pre>
+</div>