asciidoctor 0.1.4 → 1.5.0

data/lib/asciidoctor/converter/factory.rb

@@ -0,0 +1,225 @@
+module Asciidoctor
+  module Converter
+    # A factory for instantiating converters that are used to convert a
+    # {Document} (i.e., a parsed AsciiDoc tree structure) or {AbstractNode} to
+    # a backend format such as HTML or DocBook. {Factory Converter::Factory} is
+    # the primary entry point for creating, registering and accessing
+    # converters.
+    #
+    # {Converter} objects are instantiated by passing a String backend name
+    # and, optionally, an options Hash to the {Factory#create} method. The
+    # backend can be thought of as an intent to convert a document to a
+    # specified format. For example:
+    #
+    #   converter = Asciidoctor::Converter::Factory.create 'html5', :htmlsyntax => 'xml'
+    #
+    # Converter objects are thread safe. They only survive the lifetime of a single conversion.
+    #
+    # A singleton instance of {Factory Converter::Factory} can be accessed
+    # using the {Factory.default} method. This instance maintains the global
+    # registry of statically registered converters. The registery includes
+    # built-in converters for {Html5Converter HTML 5}, {DocBook5Converter
+    # DocBook 5} and {DocBook45Converter DocBook 4.5}, as well as any custom
+    # converters that have been discovered or explicitly registered.
+    #
+    # If the {https://rubygems.org/gems/thread_safe thread_safe} gem is
+    # installed, access to the default factory is guaranteed to be thread safe.
+    # Otherwise, a warning is issued to the user.
+    class Factory
+      @__default__ = nil
+      class << self
+
+        # Public: Retrieves a singleton instance of {Factory Converter::Factory}.
+        #
+        # If the thread_safe gem is installed, the registry of converters is
+        # initialized as a ThreadSafe::Cache. Otherwise, a warning is issued and
+        # the registry of converters is initialized using a normal Hash.
+        #
+        # initialize_singleton - A Boolean to indicate whether the singleton should
+        #                        be initialize if it has not already been created.
+        #                        If false, and a singleton has not been previously
+        #                        initialized, a fresh instance is returned.
+        #
+        # Returns the default [Factory] singleton instance
+        def default initialize_singleton = true
+          return @__default__ || new unless initialize_singleton
+          # FIXME this assignment is not thread_safe, may need to use a ::Threadsafe helper here
+          @__default__ ||= begin
+            require 'thread_safe'.to_s unless defined? ::ThreadSafe
+            new ::ThreadSafe::Cache.new
+          rescue ::LoadError
+            warn 'asciidoctor: WARNING: gem \'thread_safe\' is not installed. This gem recommended when registering custom converters.'
+            new
+          end
+        end
+
+        # Public: Register a custom converter in the global converter factory to
+        # handle conversion to the specified backends. If the backend value is an
+        # asterisk, the converter is used to handle any backend that does not have
+        # an explicit converter.
+        #
+        # converter - The Converter class to register
+        # backends  - A String Array of backend names that this converter should
+        #             be registered to handle (optional, default: ['*'])
+        #
+        # Returns nothing
+        def register converter, backends = ['*']
+          default.register converter, backends
+        end
+
+        # Public: Lookup the custom converter for the specified backend in the
+        # global factory.
+        #
+        # This method does not resolve the built-in converters.
+        #
+        # backend - The String backend name
+        #
+        # Returns the [Converter] class registered to convert the specified backend
+        # or nil if no match is found
+        def resolve backend
+          default.resolve backend
+        end
+
+        # Public: Lookup the converter for the specified backend in the global
+        # factory and instantiate it, forwarding the Hash of options to the
+        # constructor of the converter class.
+        #
+        # If the custom converter is not found, an attempt will be made to find
+        # and instantiate a built-in converter.
+        #
+        #
+        # backend - The String backend name
+        # opts - A Hash of options to pass to the converter
+        #
+        # Returns an instance of [Converter] for converting the specified backend or
+        # nil if no match is found.
+        def create backend, opts = {}
+          default.create backend, opts
+        end
+
+        # Public: Retrieve the global Hash of custom Converter classes keyed by backend.
+        #
+        # Returns the the global [Hash] of custom Converter classes
+        def converters
+          default.converters
+        end
+
+        # Public: Unregister all Converter classes in the global factory.
+        #
+        # Returns nothing
+        def unregister_all
+          default.unregister_all
+        end
+      end
+
+      # Public: Get the Hash of Converter classes keyed by backend name
+      attr_reader :converters
+
+      def initialize converters = nil
+        @converters = converters || {}
+        @star_converter = nil
+      end
+
+      # Public: Register a custom converter with this factory to handle conversion
+      # to the specified backends. If the backend value is an asterisk, the
+      # converter is used to handle any backend that does not have an explicit
+      # converter.
+      #
+      # converter - The Converter class to register
+      # backends  - A String Array of backend names that this converter should
+      #             be registered to handle (optional, default: ['*'])
+      #
+      # Returns nothing
+      def register converter, backends = ['*']
+        backends.each do |backend|
+          @converters[backend] = converter
+          if backend == '*'
+            @star_converter = converter
+          end
+        end
+        nil
+      end
+    
+      # Public: Lookup the custom converter registered with this factory to handle
+      # the specified backend.
+      #
+      # backend - The String backend name
+      #
+      # Returns the [Converter] class registered to convert the specified backend
+      # or nil if no match is found
+      def resolve backend
+        @converters && (@converters[backend] || @star_converter)
+      end
+
+      # Public: Unregister all Converter classes that are registered with this
+      # factory.
+      #
+      # Returns nothing
+      def unregister_all
+        @converters.clear
+        @star_converter = nil
+      end
+
+      # Public: Create a new Converter object that can be used to convert the
+      # {AbstractNode} (typically a {Document}) to the specified String backend.
+      # This method accepts an optional Hash of options that are passed to the
+      # converter's constructor.
+      #
+      # If a custom Converter is found to convert the specified backend, it is
+      # instantiated (if necessary) and returned immediately. If a custom
+      # Converter is not found, an attempt is made to resolve a built-in
+      # converter. If the `:template_dirs` key is found in the Hash passed as the
+      # second argument, a {CompositeConverter} is created that delegates to a
+      # {TemplateConverter} and, if resolved, the built-in converter. If the
+      # `:template_dirs` key is not found, the built-in converter is returned
+      # or nil if no converter is resolved.
+      #
+      # backend - the String backend name
+      # opts    - an optional Hash of options that get passed on to the converter's
+      #           constructor. If the :template_dirs key is found in the options
+      #           Hash, this method returns a {CompositeConverter} that delegates
+      #           to a {TemplateConverter}. (optional, default: {})
+      #
+      # Returns the [Converter] object
+      def create backend, opts = {}
+        if (converter = resolve backend)
+          if converter.is_a? ::Class
+            return converter.new backend, opts
+          else
+            return converter
+          end
+        end
+    
+        base_converter = case backend
+        when 'html5'
+          unless defined? ::Asciidoctor::Converter::Html5Converter
+            require 'asciidoctor/converter/html5'.to_s
+          end
+          Html5Converter.new backend, opts
+        when 'docbook5'
+          unless defined? ::Asciidoctor::Converter::DocBook5Converter
+            require 'asciidoctor/converter/docbook5'.to_s
+          end
+          DocBook5Converter.new backend, opts
+        when 'docbook45'
+          unless defined? ::Asciidoctor::Converter::DocBook45Converter
+            require 'asciidoctor/converter/docbook45'.to_s
+          end
+          DocBook45Converter.new backend, opts
+        end
+
+        return base_converter unless opts.key? :template_dirs
+    
+        unless defined? ::Asciidoctor::Converter::TemplateConverter
+          require 'asciidoctor/converter/template'.to_s
+        end
+        unless defined? ::Asciidoctor::Converter::CompositeConverter
+          require 'asciidoctor/converter/composite'.to_s
+        end
+        template_converter = TemplateConverter.new backend, opts[:template_dirs], opts
+        # QUESTION should we omit the composite converter if built_in_converter is nil?
+        CompositeConverter.new backend, template_converter, base_converter
+      end
+    end
+  end
+end

data/lib/asciidoctor/converter/html5.rb

@@ -0,0 +1,1081 @@
+module Asciidoctor
+  # A built-in {Converter} implementation that generates HTML 5 output
+  # consistent with the html5 backend from AsciiDoc Python.
+  class Converter::Html5Converter < Converter::BuiltIn
+    QUOTE_TAGS = {
+      :emphasis    => ['<em>',     '</em>',     true],
+      :strong      => ['<strong>', '</strong>', true],
+      :monospaced  => ['<code>',   '</code>',   true],
+      :superscript => ['<sup>',    '</sup>',    true],
+      :subscript   => ['<sub>',    '</sub>',    true],
+      :double      => ['&#8220;',  '&#8221;',   false],
+      :single      => ['&#8216;',  '&#8217;',   false],
+      :mark        => ['<mark>',   '</mark>',   true],
+      :asciimath   => ['\\$',      '\\$',       false],
+      :latexmath   => ['\\(',      '\\)',       false]
+      # Opal can't resolve these constants when referenced here
+      #:asciimath   => INLINE_MATH_DELIMITERS[:asciimath] + [false],
+      #:latexmath   => INLINE_MATH_DELIMITERS[:latexmath] + [false]
+    }
+    QUOTE_TAGS.default = [nil, nil, nil]
+
+    def initialize backend, opts = {}
+      @xml_mode = opts[:htmlsyntax] == 'xml'
+      @void_element_slash = @xml_mode ? '/' : nil
+      @stylesheets = Stylesheets.instance
+    end
+
+    def document node
+      result = []
+      slash = @void_element_slash
+      br = %(<br#{slash}>)
+      asset_uri_scheme = (node.attr 'asset-uri-scheme', 'https')
+      asset_uri_scheme = %(#{asset_uri_scheme}:) unless asset_uri_scheme.empty?
+      cdn_base = %(#{asset_uri_scheme}//cdnjs.cloudflare.com/ajax/libs)
+      linkcss = node.safe >= SafeMode::SECURE || (node.attr? 'linkcss')
+      result << '<!DOCTYPE html>'
+      lang_attribute = (node.attr? 'nolang') ? nil : %( lang="#{node.attr 'lang', 'en'}")
+      result << %(<html#{@xml_mode ? ' xmlns="http://www.w3.org/1999/xhtml"' : nil}#{lang_attribute}>)
+      result << %(<head>
+<meta charset="#{node.attr 'encoding', 'UTF-8'}"#{slash}>
+<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge"#{slash}><![endif]-->
+<meta name="viewport" content="width=device-width, initial-scale=1.0"#{slash}>
+<meta name="generator" content="Asciidoctor #{node.attr 'asciidoctor-version'}"#{slash}>)
+
+      result << %(<meta name="application-name" content="#{node.attr 'app-name'}"#{slash}>) if node.attr? 'app-name'
+      result << %(<meta name="description" content="#{node.attr 'description'}"#{slash}>) if node.attr? 'description'
+      result << %(<meta name="keywords" content="#{node.attr 'keywords'}"#{slash}>) if node.attr? 'keywords'
+      result << %(<meta name="author" content="#{node.attr 'authors'}"#{slash}>) if node.attr? 'authors'
+      result << %(<meta name="copyright" content="#{node.attr 'copyright'}"#{slash}>) if node.attr? 'copyright'
+
+      result << %(<title>#{node.doctitle :sanitize => true, :use_fallback => true}</title>) 
+      if DEFAULT_STYLESHEET_KEYS.include?(node.attr 'stylesheet')
+        if (webfonts = node.attr 'webfonts')
+          result << %(<link rel="stylesheet" href="#{asset_uri_scheme}//fonts.googleapis.com/css?family=#{webfonts.empty? ? 'Open+Sans:300,300italic,400,400italic,600,600italic|Noto+Serif:400,400italic,700,700italic|Droid+Sans+Mono:400' : webfonts}"#{slash}>)
+        end
+        if linkcss
+          result << %(<link rel="stylesheet" href="#{node.normalize_web_path DEFAULT_STYLESHEET_NAME, (node.attr 'stylesdir', '')}"#{slash}>)
+        else
+          result << @stylesheets.embed_primary_stylesheet
+        end
+      elsif node.attr? 'stylesheet'
+        if linkcss
+          result << %(<link rel="stylesheet" href="#{node.normalize_web_path((node.attr 'stylesheet'), (node.attr 'stylesdir', ''))}"#{slash}>)
+        else
+          result << %(<style>
+#{node.read_asset node.normalize_system_path((node.attr 'stylesheet'), (node.attr 'stylesdir', '')), true}
+</style>)
+        end
+      end
+
+      if node.attr? 'icons', 'font'
+        if node.attr? 'iconfont-remote'
+          result << %(<link rel="stylesheet" href="#{node.attr 'iconfont-cdn', %[#{cdn_base}/font-awesome/4.1.0/css/font-awesome.min.css]}"#{slash}>)
+        else
+          iconfont_stylesheet = %(#{node.attr 'iconfont-name', 'font-awesome'}.css)
+          result << %(<link rel="stylesheet" href="#{node.normalize_web_path iconfont_stylesheet, (node.attr 'stylesdir', '')}"#{slash}>)
+        end
+      end
+
+      case node.attr 'source-highlighter'
+      when 'coderay'
+        if (node.attr 'coderay-css', 'class') == 'class'
+          if linkcss
+            result << %(<link rel="stylesheet" href="#{node.normalize_web_path @stylesheets.coderay_stylesheet_name, (node.attr 'stylesdir', '')}"#{slash}>)
+          else
+            result << @stylesheets.embed_coderay_stylesheet
+          end
+        end
+      when 'pygments'
+        if (node.attr 'pygments-css', 'class') == 'class'
+          pygments_style = node.attr 'pygments-style'
+          if linkcss
+            result << %(<link rel="stylesheet" href="#{node.normalize_web_path @stylesheets.pygments_stylesheet_name(pygments_style), (node.attr 'stylesdir', '')}"#{slash}>)
+          else
+            result << (@stylesheets.embed_pygments_stylesheet pygments_style)
+          end
+        end
+      when 'highlightjs', 'highlight.js'
+        highlightjs_path = node.attr 'highlightjsdir', %(#{cdn_base}/highlight.js/8.1)
+        result << %(<link rel="stylesheet" href="#{highlightjs_path}/styles/#{node.attr 'highlightjs-theme', 'github'}.min.css"#{slash}>
+<script src="#{highlightjs_path}/highlight.min.js"></script>
+<script>hljs.initHighlightingOnLoad()</script>)
+      when 'prettify'
+        prettify_path = node.attr 'prettifydir', %(#{cdn_base}/prettify/r298)
+        result << %(<link rel="stylesheet" href="#{prettify_path}/#{node.attr 'prettify-theme', 'prettify'}.min.css"#{slash}>
+<script src="#{prettify_path}/prettify.min.js"></script>
+<script>document.addEventListener('DOMContentLoaded', prettyPrint)</script>)
+      end
+
+      if node.attr? 'stem'
+        result << %(<script type="text/x-mathjax-config">
+MathJax.Hub.Config({
+  tex2jax: {
+    inlineMath: [#{INLINE_MATH_DELIMITERS[:latexmath]}],
+    displayMath: [#{BLOCK_MATH_DELIMITERS[:latexmath]}],
+    ignoreClass: "nostem|nolatexmath"
+  },
+  asciimath2jax: {
+    delimiters: [#{BLOCK_MATH_DELIMITERS[:asciimath]}],
+    ignoreClass: "nostem|noasciimath"
+  }
+});
+</script>
+<script src="#{cdn_base}/mathjax/2.4.0/MathJax.js?config=TeX-MML-AM_HTMLorMML"></script>)
+      end
+
+      unless (docinfo_content = node.docinfo).empty?
+        result << docinfo_content
+      end
+
+      result << '</head>'
+      body_attrs = []
+      if node.id
+        body_attrs << %(id="#{node.id}")
+      end
+      if (node.attr? 'toc-class') && (node.attr? 'toc') && (node.attr? 'toc-placement', 'auto')
+        body_attrs << %(class="#{node.doctype} #{node.attr 'toc-class'} toc-#{node.attr 'toc-position', 'header'}")
+      else
+        body_attrs << %(class="#{node.doctype}")
+      end
+      if node.attr? 'max-width'
+        body_attrs << %(style="max-width: #{node.attr 'max-width'};")
+      end
+      result << %(<body #{body_attrs * ' '}>)
+
+      unless node.noheader
+        result << '<div id="header">'
+        if node.doctype == 'manpage'
+          result << %(<h1>#{node.doctitle} Manual Page</h1>)
+          if (node.attr? 'toc') && (node.attr? 'toc-placement', 'auto')
+            result << %(<div id="toc" class="#{node.attr 'toc-class', 'toc'}">
+<div id="toctitle">#{node.attr 'toc-title'}</div>
+#{outline node}
+</div>)
+          end
+          result << %(<h2>#{node.attr 'manname-title'}</h2>
+<div class="sectionbody">
+<p>#{node.attr 'manname'} - #{node.attr 'manpurpose'}</p>
+</div>)
+        else
+          if node.has_header?
+            result << %(<h1>#{node.header.title}</h1>) unless node.notitle
+            details = []
+            if node.attr? 'author'
+              details << %(<span id="author" class="author">#{node.attr 'author'}</span>#{br})
+              if node.attr? 'email'
+                details << %(<span id="email" class="email">#{node.sub_macros(node.attr 'email')}</span>#{br})
+              end
+              if (authorcount = (node.attr 'authorcount').to_i) > 1
+                (2..authorcount).each do |idx|
+                  details << %(<span id="author#{idx}" class="author">#{node.attr "author_#{idx}"}</span>#{br})
+                  if node.attr? %(email_#{idx})
+                    details << %(<span id="email#{idx}" class="email">#{node.sub_macros(node.attr "email_#{idx}")}</span>#{br})
+                  end
+                end
+              end
+            end
+            if node.attr? 'revnumber'
+              details << %(<span id="revnumber">#{((node.attr 'version-label') || '').downcase} #{node.attr 'revnumber'}#{(node.attr? 'revdate') ? ',' : ''}</span>)
+            end
+            if node.attr? 'revdate'
+              details << %(<span id="revdate">#{node.attr 'revdate'}</span>)
+            end
+            if node.attr? 'revremark'
+              details << %(#{br}<span id="revremark">#{node.attr 'revremark'}</span>)
+            end
+            unless details.empty?
+              result << '<div class="details">'
+              result.concat details
+              result << '</div>'
+            end
+          end
+
+          if (node.attr? 'toc') && (node.attr? 'toc-placement', 'auto')
+            result << %(<div id="toc" class="#{node.attr 'toc-class', 'toc'}">
+<div id="toctitle">#{node.attr 'toc-title'}</div>
+#{outline node}
+</div>)
+          end
+        end
+        result << '</div>'
+      end
+
+      result << %(<div id="content">
+#{node.content}
+</div>)
+
+      if node.footnotes? && !(node.attr? 'nofootnotes')
+        result << %(<div id="footnotes">
+<hr#{slash}>)
+        node.footnotes.each do |footnote|
+          result << %(<div class="footnote" id="_footnote_#{footnote.index}">
+<a href="#_footnoteref_#{footnote.index}">#{footnote.index}</a>. #{footnote.text}
+</div>)
+        end
+        result << '</div>'
+      end
+      unless node.nofooter
+        result << '<div id="footer">'
+        result << '<div id="footer-text">'
+        if node.attr? 'revnumber'
+          result << %(#{node.attr 'version-label'} #{node.attr 'revnumber'}#{br})
+        end
+        if node.attr? 'last-update-label'
+          result << %(#{node.attr 'last-update-label'} #{node.attr 'docdatetime'})
+        end
+        result << '</div>'
+        unless (docinfo_content = node.docinfo :footer).empty?
+          result << docinfo_content
+        end
+        result << '</div>'
+      end
+
+      result << '</body>'
+      result << '</html>'
+      result * EOL
+    end
+
+    def embedded node
+      result = []
+      if !node.notitle && node.has_header?
+        id_attr = node.id ? %( id="#{node.id}") : nil
+        result << %(<h1#{id_attr}>#{node.header.title}</h1>)
+      end
+
+      result << node.content
+
+      if node.footnotes? && !(node.attr? 'nofootnotes')
+        result << %(<div id="footnotes">
+<hr#{@void_element_slash}>)
+        node.footnotes.each do |footnote|
+          result << %(<div class="footnote" id="_footnote_#{footnote.index}">
+<a href="#_footnoteref_#{footnote.index}">#{footnote.index}</a> #{footnote.text}
+</div>)
+        end
+
+        result << '</div>'
+      end
+
+      result * EOL
+    end
+
+    def outline node, opts = {}
+      return if (sections = node.sections).empty?
+      sectnumlevels = opts[:sectnumlevels] || (node.document.attr 'sectnumlevels', 3).to_i
+      toclevels = opts[:toclevels] || (node.document.attr 'toclevels', 2).to_i
+      result = []
+      # FIXME the level for special sections should be set correctly in the model
+      # slevel will only be 0 if we have a book doctype with parts
+      slevel = (first_section = sections[0]).level
+      slevel = 1 if slevel == 0 && first_section.special
+      result << %(<ul class="sectlevel#{slevel}">)
+      sections.each do |section|
+        section_num = (section.numbered && !section.caption && section.level <= sectnumlevels) ? %(#{section.sectnum} ) : nil
+        if section.level < toclevels && (child_toc_level = outline section, :toclevels => toclevels, :secnumlevels => sectnumlevels)
+          result << %(<li><a href="##{section.id}">#{section_num}#{section.captioned_title}</a>)
+          result << child_toc_level
+          result << '</li>'
+        else
+          result << %(<li><a href="##{section.id}">#{section_num}#{section.captioned_title}</a></li>)
+        end
+      end
+      result << '</ul>'
+      result * EOL
+    end
+
+    def section node
+      slevel = node.level
+      # QUESTION should the check for slevel be done in section?
+      slevel = 1 if slevel == 0 && node.special
+      htag = %(h#{slevel + 1})
+      id_attr = anchor = link_start = link_end = nil
+      if node.id
+        id_attr = %( id="#{node.id}")
+        if node.document.attr? 'sectanchors'
+          anchor = %(<a class="anchor" href="##{node.id}"></a>)
+          # possible idea - anchor icons GitHub-style
+          #if node.document.attr? 'icons', 'font'
+          #  anchor = %(<a class="anchor" href="##{node.id}"><i class="fa fa-anchor"></i></a>)
+          #else
+        elsif node.document.attr? 'sectlinks'
+          link_start = %(<a class="link" href="##{node.id}">)
+          link_end = '</a>'
+        end
+      end
+
+      if slevel == 0
+        %(<h1#{id_attr} class="sect0">#{anchor}#{link_start}#{node.title}#{link_end}</h1>
+#{node.content})
+      else
+        class_attr = (role = node.role) ? %( class="sect#{slevel} #{role}") : %( class="sect#{slevel}")
+        sectnum = if node.numbered && !node.caption && slevel <= (node.document.attr 'sectnumlevels', 3).to_i
+          %(#{node.sectnum} )
+        end
+        %(<div#{class_attr}>
+<#{htag}#{id_attr}>#{anchor}#{link_start}#{sectnum}#{node.captioned_title}#{link_end}</#{htag}>
+#{slevel == 1 ? %[<div class="sectionbody">\n#{node.content}\n</div>] : node.content}
+</div>)
+      end
+    end
+
+    def admonition node
+      id_attr = node.id ? %( id="#{node.id}") : nil
+      name = node.attr 'name'
+      title_element = node.title? ? %(<div class="title">#{node.title}</div>\n) : nil
+      caption = if node.document.attr? 'icons'
+        if node.document.attr? 'icons', 'font'
+          %(<i class="fa icon-#{name}" title="#{node.caption}"></i>)
+        else
+          %(<img src="#{node.icon_uri name}" alt="#{node.caption}"#{@void_element_slash}>)
+        end
+      else
+        %(<div class="title">#{node.caption}</div>)
+      end
+      %(<div#{id_attr} class="admonitionblock #{name}#{(role = node.role) && " #{role}"}">
+<table>
+<tr>
+<td class="icon">
+#{caption}
+</td>
+<td class="content">
+#{title_element}#{node.content}
+</td>
+</tr>
+</table>
+</div>)
+    end
+
+    def audio node
+      xml = node.document.attr? 'htmlsyntax', 'xml'
+      id_attribute = node.id ? %( id="#{node.id}") : nil
+      classes = ['audioblock', node.style, node.role].compact
+      class_attribute = %( class="#{classes * ' '}")
+      title_element = node.title? ? %(<div class="title">#{node.captioned_title}</div>\n) : nil
+      %(<div#{id_attribute}#{class_attribute}>
+#{title_element}<div class="content">
+<audio src="#{node.media_uri(node.attr 'target')}"#{(node.option? 'autoplay') ? (append_boolean_attribute 'autoplay', xml) : nil}#{(node.option? 'nocontrols') ? nil : (append_boolean_attribute 'controls', xml)}#{(node.option? 'loop') ? (append_boolean_attribute 'loop', xml) : nil}>
+Your browser does not support the audio tag.
+</audio>
+</div>
+</div>)
+    end
+
+    def colist node
+      result = []
+      id_attribute = node.id ? %( id="#{node.id}") : nil
+      classes = ['colist', node.style, node.role].compact
+      class_attribute = %( class="#{classes * ' '}")
+
+      result << %(<div#{id_attribute}#{class_attribute}>)
+      result << %(<div class="title">#{node.title}</div>) if node.title?
+
+      if node.document.attr? 'icons'
+        result << '<table>'
+
+        font_icons = node.document.attr? 'icons', 'font'
+        node.items.each_with_index do |item, i|
+          num = i + 1
+          num_element = if font_icons
+            %(<i class="conum" data-value="#{num}"></i><b>#{num}</b>)
+          else
+            %(<img src="#{node.icon_uri "callouts/#{num}"}" alt="#{num}"#{@void_element_slash}>)
+          end
+          result << %(<tr>
+<td>#{num_element}</td>
+<td>#{item.text}</td>
+</tr>)
+        end
+
+        result << '</table>'
+      else
+        result << '<ol>'
+        node.items.each do |item|
+          result << %(<li>
+<p>#{item.text}</p>
+</li>)
+        end
+        result << '</ol>'
+      end
+
+      result << '</div>'
+      result * EOL
+    end
+
+    def dlist node
+      result = []
+      id_attribute = node.id ? %( id="#{node.id}") : nil
+
+      classes = case node.style
+      when 'qanda'
+        ['qlist', 'qanda', node.role]
+      when 'horizontal'
+        ['hdlist', node.role]
+      else
+        ['dlist', node.style, node.role]
+      end.compact
+
+      class_attribute = %( class="#{classes * ' '}")
+
+      result << %(<div#{id_attribute}#{class_attribute}>)
+      result << %(<div class="title">#{node.title}</div>) if node.title?
+      case node.style
+      when 'qanda'
+        result << '<ol>'
+        node.items.each do |terms, dd|
+          result << '<li>'
+          [*terms].each do |dt|
+            result << %(<p><em>#{dt.text}</em></p>)
+          end
+          if dd
+            result << %(<p>#{dd.text}</p>) if dd.text?
+            result << dd.content if dd.blocks?
+          end
+          result << '</li>'
+        end
+        result << '</ol>'
+      when 'horizontal'
+        slash = @void_element_slash
+        result << '<table>'
+        if (node.attr? 'labelwidth') || (node.attr? 'itemwidth')
+          result << '<colgroup>'
+          col_style_attribute = (node.attr? 'labelwidth') ? %( style="width: #{(node.attr 'labelwidth').chomp '%'}%;") : nil
+          result << %(<col#{col_style_attribute}#{slash}>)
+          col_style_attribute = (node.attr? 'itemwidth') ? %( style="width: #{(node.attr 'itemwidth').chomp '%'}%;") : nil
+          result << %(<col#{col_style_attribute}#{slash}>)
+          result << '</colgroup>'
+        end
+        node.items.each do |terms, dd|
+          result << '<tr>'
+          result << %(<td class="hdlist1#{(node.option? 'strong') ? ' strong' : nil}">)
+          terms_array = [*terms]
+          last_term = terms_array[-1]
+          terms_array.each do |dt|
+            result << dt.text
+            result << %(<br#{slash}>) if dt != last_term
+          end
+          result << '</td>'
+          result << '<td class="hdlist2">'
+          if dd
+            result << %(<p>#{dd.text}</p>) if dd.text?
+            result << dd.content if dd.blocks?
+          end
+          result << '</td>'
+          result << '</tr>'
+        end
+        result << '</table>'
+      else
+        result << '<dl>'
+        dt_style_attribute = node.style ? nil : ' class="hdlist1"'
+        node.items.each do |terms, dd|
+          [*terms].each do |dt|
+            result << %(<dt#{dt_style_attribute}>#{dt.text}</dt>)
+          end
+          if dd
+            result << '<dd>'
+            result << %(<p>#{dd.text}</p>) if dd.text?
+            result << dd.content if dd.blocks?
+            result << '</dd>'
+          end
+        end
+        result << '</dl>'
+      end
+
+      result << '</div>'
+      result * EOL
+    end
+
+    def example node
+      id_attribute = node.id ? %( id="#{node.id}") : nil
+      title_element = node.title? ? %(<div class="title">#{node.captioned_title}</div>\n) : nil
+
+      %(<div#{id_attribute} class="#{(role = node.role) ? ['exampleblock', role] * ' ' : 'exampleblock'}">
+#{title_element}<div class="content">
+#{node.content}
+</div>
+</div>)
+    end
+
+    def floating_title node
+      tag_name = %(h#{node.level + 1})
+      id_attribute = node.id ? %( id="#{node.id}") : nil
+      classes = [node.style, node.role].compact
+      %(<#{tag_name}#{id_attribute} class="#{classes * ' '}">#{node.title}</#{tag_name}>)
+    end
+
+    def image node
+      align = (node.attr? 'align') ? (node.attr 'align') : nil
+      float = (node.attr? 'float') ? (node.attr 'float') : nil 
+      style_attribute = if align || float
+        styles = [align ? %(text-align: #{align}) : nil, float ? %(float: #{float}) : nil].compact
+        %( style="#{styles * ';'}")
+      end
+
+      width_attribute = (node.attr? 'width') ? %( width="#{node.attr 'width'}") : nil
+      height_attribute = (node.attr? 'height') ? %( height="#{node.attr 'height'}") : nil
+
+      img_element = %(<img src="#{node.image_uri node.attr('target')}" alt="#{node.attr 'alt'}"#{width_attribute}#{height_attribute}#{@void_element_slash}>)
+      if (link = node.attr 'link')
+        img_element = %(<a class="image" href="#{link}">#{img_element}</a>)
+      end
+      id_attribute = node.id ? %( id="#{node.id}") : nil
+      classes = ['imageblock', node.style, node.role].compact
+      class_attribute = %( class="#{classes * ' '}")
+      title_element = node.title? ? %(\n<div class="title">#{node.captioned_title}</div>) : nil
+
+      %(<div#{id_attribute}#{class_attribute}#{style_attribute}>
+<div class="content">
+#{img_element}
+</div>#{title_element}
+</div>)
+    end
+
+    def listing node
+      nowrap = !(node.document.attr? 'prewrap') || (node.option? 'nowrap')
+      if node.style == 'source'
+        if (language = node.attr 'language', nil, false)
+          code_attrs = %( data-lang="#{language}")
+        else
+          code_attrs = nil
+        end
+        case node.document.attr 'source-highlighter'
+        when 'coderay'
+          pre_class = %( class="CodeRay highlight#{nowrap ? ' nowrap' : nil}")
+        when 'pygments'
+          pre_class = %( class="pygments highlight#{nowrap ? ' nowrap' : nil}")
+        when 'highlightjs', 'highlight.js'
+          pre_class = %( class="highlightjs highlight#{nowrap ? ' nowrap' : nil}")
+          code_attrs = %( class="language-#{language}"#{code_attrs}) if language
+        when 'prettify'
+          pre_class = %( class="prettyprint highlight#{nowrap ? ' nowrap' : nil}#{(node.attr? 'linenums') ? ' linenums' : nil}")
+          code_attrs = %( class="language-#{language}"#{code_attrs}) if language
+        when 'html-pipeline'
+          pre_class = language ? %( lang="#{language}") : nil
+          code_attrs = nil
+        else
+          pre_class = %( class="highlight#{nowrap ? ' nowrap' : nil}")
+          code_attrs = %( class="language-#{language}"#{code_attrs}) if language
+        end
+        pre_start = %(<pre#{pre_class}><code#{code_attrs}>)
+        pre_end = '</code></pre>'
+      else
+        pre_start = %(<pre#{nowrap ? ' class="nowrap"' : nil}>)
+        pre_end = '</pre>'
+      end
+
+      id_attribute = node.id ? %( id="#{node.id}") : nil
+      title_element = node.title? ? %(<div class="title">#{node.captioned_title}</div>\n) : nil
+      %(<div#{id_attribute} class="listingblock#{(role = node.role) && " #{role}"}">
+#{title_element}<div class="content">
+#{pre_start}#{node.content}#{pre_end}
+</div>
+</div>)
+    end
+
+    def literal node
+      id_attribute = node.id ? %( id="#{node.id}") : nil
+      title_element = node.title? ? %(<div class="title">#{node.title}</div>\n) : nil
+      nowrap = !(node.document.attr? 'prewrap') || (node.option? 'nowrap')
+      %(<div#{id_attribute} class="literalblock#{(role = node.role) && " #{role}"}">
+#{title_element}<div class="content">
+<pre#{nowrap ? ' class="nowrap"' : nil}>#{node.content}</pre>
+</div>
+</div>)
+    end
+
+    def stem node
+      id_attribute = node.id ? %( id="#{node.id}") : nil
+      title_element = node.title? ? %(<div class="title">#{node.title}</div>\n) : nil
+      open, close = BLOCK_MATH_DELIMITERS[node.style.to_sym]
+
+      unless ((equation = node.content).start_with? open) && (equation.end_with? close)
+        equation = %(#{open}#{equation}#{close})
+      end
+      
+      %(<div#{id_attribute} class="#{(role = node.role) ? ['stemblock', role] * ' ' : 'stemblock'}">
+#{title_element}<div class="content">
+#{equation}
+</div>
+</div>)
+    end
+
+    def olist node
+      result = []
+      id_attribute = node.id ? %( id="#{node.id}") : nil
+      classes = ['olist', node.style, node.role].compact
+      class_attribute = %( class="#{classes * ' '}")
+
+      result << %(<div#{id_attribute}#{class_attribute}>)
+      result << %(<div class="title">#{node.title}</div>) if node.title?
+
+      type_attribute = (keyword = node.list_marker_keyword) ? %( type="#{keyword}") : nil
+      start_attribute = (node.attr? 'start') ? %( start="#{node.attr 'start'}") : nil
+      result << %(<ol class="#{node.style}"#{type_attribute}#{start_attribute}>)
+
+      node.items.each do |item|
+        result << '<li>'
+        result << %(<p>#{item.text}</p>)
+        result << item.content if item.blocks?
+        result << '</li>'
+      end
+
+      result << '</ol>'
+      result << '</div>'
+      result * EOL
+    end
+
+    def open node
+      if (style = node.style) == 'abstract'
+        if node.parent == node.document && node.document.doctype == 'book'
+          warn 'asciidoctor: WARNING: abstract block cannot be used in a document without a title when doctype is book. Excluding block content.'
+          ''
+        else
+          id_attr = node.id ? %( id="#{node.id}") : nil
+          title_el = node.title? ? %(<div class="title">#{node.title}</div>) : nil
+          %(<div#{id_attr} class="quoteblock abstract#{(role = node.role) && " #{role}"}">
+#{title_el}<blockquote>
+#{node.content}
+</blockquote>
+</div>)
+        end
+      elsif style == 'partintro' && (node.level != 0 || node.parent.context != :section || node.document.doctype != 'book')
+        warn 'asciidoctor: ERROR: partintro block can only be used when doctype is book and it\'s a child of a book part. Excluding block content.'
+        ''
+      else
+          id_attr = node.id ? %( id="#{node.id}") : nil
+          title_el = node.title? ? %(<div class="title">#{node.title}</div>) : nil
+        %(<div#{id_attr} class="openblock#{style && style != 'open' ? " #{style}" : ''}#{(role = node.role) && " #{role}"}">
+#{title_el}<div class="content">
+#{node.content}
+</div>
+</div>)
+      end
+    end
+
+    def page_break node
+      '<div style="page-break-after: always;"></div>'
+    end
+
+    def paragraph node
+      attributes = if node.id
+        if node.role
+          %( id="#{node.id}" class="paragraph #{node.role}")
+        else
+          %( id="#{node.id}" class="paragraph")
+        end
+      elsif node.role
+        %( class="paragraph #{node.role}")
+      else
+        ' class="paragraph"'
+      end
+
+      if node.title?
+        %(<div#{attributes}>
+<div class="title">#{node.title}</div>
+<p>#{node.content}</p>
+</div>)
+      else
+        %(<div#{attributes}>
+<p>#{node.content}</p>
+</div>)
+      end
+    end
+
+    def preamble node
+      toc = if (node.attr? 'toc') && (node.attr? 'toc-placement', 'preamble')
+        %(\n<div id="toc" class="#{node.attr 'toc-class', 'toc'}">
+<div id="toctitle">#{node.attr 'toc-title'}</div>
+#{outline node.document}
+</div>)
+      end
+
+      %(<div id="preamble">
+<div class="sectionbody">
+#{node.content}
+</div>#{toc}
+</div>)
+    end
+
+    def quote node
+      id_attribute = node.id ? %( id="#{node.id}") : nil
+      classes = ['quoteblock', node.role].compact
+      class_attribute = %( class="#{classes * ' '}")
+      title_element = node.title? ? %(\n<div class="title">#{node.title}</div>) : nil
+      attribution = (node.attr? 'attribution') ? (node.attr 'attribution') : nil
+      citetitle = (node.attr? 'citetitle') ? (node.attr 'citetitle') : nil
+      if attribution || citetitle
+        cite_element = citetitle ? %(<cite>#{citetitle}</cite>) : nil
+        attribution_text = attribution ? %(&#8212; #{attribution}#{citetitle ? "<br#{@void_element_slash}>\n" : nil}) : nil
+        attribution_element = %(\n<div class="attribution">\n#{attribution_text}#{cite_element}\n</div>)
+      else
+        attribution_element = nil
+      end
+
+      %(<div#{id_attribute}#{class_attribute}>#{title_element}
+<blockquote>
+#{node.content}
+</blockquote>#{attribution_element}
+</div>)
+    end
+
+    def thematic_break node
+      %(<hr#{@void_element_slash}>)
+    end
+
+    def sidebar node
+      id_attribute = node.id ? %( id="#{node.id}") : nil
+      title_element = node.title? ? %(<div class="title">#{node.title}</div>\n) : nil
+      %(<div#{id_attribute} class="#{(role = node.role) ? ['sidebarblock', role] * ' ' : 'sidebarblock'}">
+<div class="content">
+#{title_element}#{node.content}
+</div>
+</div>)
+    end
+
+    def table node
+      result = [] 
+      id_attribute = node.id ? %( id="#{node.id}") : nil
+      classes = ['tableblock', %(frame-#{node.attr 'frame', 'all'}), %(grid-#{node.attr 'grid', 'all'})]
+      styles = []
+      unless node.option? 'autowidth'
+        if (tablepcwidth = node.attr 'tablepcwidth') == 100
+          classes << 'spread'
+        else
+          styles << %(width: #{tablepcwidth}%;)
+        end
+      end
+      if (role = node.role)
+        classes << role
+      end
+      class_attribute = %( class="#{classes * ' '}")
+      styles << %(float: #{node.attr 'float'};) if node.attr? 'float'
+      style_attribute = styles.empty? ? nil : %( style="#{styles * ' '}")
+
+      result << %(<table#{id_attribute}#{class_attribute}#{style_attribute}>)
+      result << %(<caption class="title">#{node.captioned_title}</caption>) if node.title?
+      if (node.attr 'rowcount') > 0
+        slash = @void_element_slash
+        result << '<colgroup>'
+        if node.option? 'autowidth'
+          tag = %(<col#{slash}>)
+          node.columns.size.times do
+            result << tag
+          end
+        else
+          node.columns.each do |col|
+            result << %(<col style="width: #{col.attr 'colpcwidth'}%;"#{slash}>)
+          end
+        end
+        result << '</colgroup>'
+        [:head, :foot, :body].select {|tsec| !node.rows[tsec].empty? }.each do |tsec|
+          result << %(<t#{tsec}>)
+          node.rows[tsec].each do |row|
+            result << '<tr>'
+            row.each do |cell|
+              if tsec == :head
+                cell_content = cell.text
+              else
+                case cell.style
+                when :asciidoc
+                  cell_content = %(<div>#{cell.content}</div>)
+                when :verse
+                  cell_content = %(<div class="verse">#{cell.text}</div>)
+                when :literal
+                  cell_content = %(<div class="literal"><pre>#{cell.text}</pre></div>)
+                else
+                  cell_content = ''
+                  cell.content.each do |text|
+                    cell_content = %(#{cell_content}<p class="tableblock">#{text}</p>)
+                  end
+                end
+              end
+
+              cell_tag_name = (tsec == :head || cell.style == :header ? 'th' : 'td')
+              cell_class_attribute = %( class="tableblock halign-#{cell.attr 'halign'} valign-#{cell.attr 'valign'}")
+              cell_colspan_attribute = cell.colspan ? %( colspan="#{cell.colspan}") : nil
+              cell_rowspan_attribute = cell.rowspan ? %( rowspan="#{cell.rowspan}") : nil
+              cell_style_attribute = (node.document.attr? 'cellbgcolor') ? %( style="background-color: #{node.document.attr 'cellbgcolor'};") : nil
+              result << %(<#{cell_tag_name}#{cell_class_attribute}#{cell_colspan_attribute}#{cell_rowspan_attribute}#{cell_style_attribute}>#{cell_content}</#{cell_tag_name}>)
+            end
+            result << '</tr>'
+          end
+          result << %(</t#{tsec}>)
+        end
+      end
+      result << '</table>'
+      result * EOL
+    end
+
+    def toc node
+      return '<!-- toc disabled -->' unless (doc = node.document).attr?('toc-placement', 'macro') && doc.attr?('toc')
+
+      if node.id
+        id_attr = %( id="#{node.id}")
+        title_id_attr = %( id="#{node.id}title")
+      else
+        id_attr = ' id="toc"'
+        title_id_attr = ' id="toctitle"'
+      end
+      title = node.title? ? node.title : (doc.attr 'toc-title')
+      levels = (node.attr? 'levels') ? (node.attr 'levels').to_i : nil
+      role = node.role? ? node.role : (doc.attr 'toc-class', 'toc')
+
+      %(<div#{id_attr} class="#{role}">
+<div#{title_id_attr} class="title">#{title}</div>
+#{outline doc, :toclevels => levels}
+</div>)
+    end
+
+    def ulist node
+      result = []
+      id_attribute = node.id ? %( id="#{node.id}") : nil
+      div_classes = ['ulist', node.style, node.role].compact
+      marker_checked = nil
+      marker_unchecked = nil
+      if (checklist = node.option? 'checklist')
+        div_classes.insert 1, 'checklist'
+        ul_class_attribute = ' class="checklist"'
+        if node.option? 'interactive'
+          if node.document.attr? 'htmlsyntax', 'xml'
+            marker_checked = '<input type="checkbox" data-item-complete="1" checked="checked"/> '
+            marker_unchecked = '<input type="checkbox" data-item-complete="0"/> '
+          else
+            marker_checked = '<input type="checkbox" data-item-complete="1" checked> '
+            marker_unchecked = '<input type="checkbox" data-item-complete="0"> '
+          end
+        else
+          if node.document.attr? 'icons', 'font'
+            marker_checked = '<i class="fa fa-check-square-o"></i> '
+            marker_unchecked = '<i class="fa fa-square-o"></i> '
+          else
+            marker_checked = '&#10003; '
+            marker_unchecked = '&#10063; '
+          end
+        end
+      else
+        ul_class_attribute = node.style ? %( class="#{node.style}") : nil
+      end
+      result << %(<div#{id_attribute} class="#{div_classes * ' '}">)
+      result << %(<div class="title">#{node.title}</div>) if node.title?
+      result << %(<ul#{ul_class_attribute}>)
+
+      node.items.each do |item|
+        result << '<li>'
+        if checklist && (item.attr? 'checkbox')
+          result << %(<p>#{(item.attr? 'checked') ? marker_checked : marker_unchecked}#{item.text}</p>)
+        else
+          result << %(<p>#{item.text}</p>)
+        end
+        result << item.content if item.blocks?
+        result << '</li>'
+      end
+
+      result << '</ul>'
+      result << '</div>'
+      result * EOL
+    end
+
+    def verse node
+      id_attribute = node.id ? %( id="#{node.id}") : nil
+      classes = ['verseblock', node.role].compact
+      class_attribute = %( class="#{classes * ' '}")
+      title_element = node.title? ? %(\n<div class="title">#{node.title}</div>) : nil
+      attribution = (node.attr? 'attribution') ? (node.attr 'attribution') : nil
+      citetitle = (node.attr? 'citetitle') ? (node.attr 'citetitle') : nil
+      if attribution || citetitle
+        cite_element = citetitle ? %(<cite>#{citetitle}</cite>) : nil
+        attribution_text = attribution ? %(&#8212; #{attribution}#{citetitle ? "<br#{@void_element_slash}>\n" : nil}) : nil
+        attribution_element = %(\n<div class="attribution">\n#{attribution_text}#{cite_element}\n</div>)
+      else
+        attribution_element = nil
+      end
+
+      %(<div#{id_attribute}#{class_attribute}>#{title_element}
+<pre class="content">#{node.content}</pre>#{attribution_element}
+</div>)
+    end
+
+    def video node
+      xml = node.document.attr? 'htmlsyntax', 'xml'
+      id_attribute = node.id ? %( id="#{node.id}") : nil
+      classes = ['videoblock', node.style, node.role].compact
+      class_attribute = %( class="#{classes * ' '}")
+      title_element = node.title? ? %(\n<div class="title">#{node.captioned_title}</div>) : nil
+      width_attribute = (node.attr? 'width') ? %( width="#{node.attr 'width'}") : nil
+      height_attribute = (node.attr? 'height') ? %( height="#{node.attr 'height'}") : nil
+      case node.attr 'poster'
+      when 'vimeo'
+        start_anchor = (node.attr? 'start') ? "#at=#{node.attr 'start'}" : nil
+        delimiter = '?'
+        autoplay_param = (node.option? 'autoplay') ? "#{delimiter}autoplay=1" : nil
+        delimiter = '&amp;' if autoplay_param
+        loop_param = (node.option? 'loop') ? "#{delimiter}loop=1" : nil
+        %(<div#{id_attribute}#{class_attribute}>#{title_element}
+<div class="content">
+<iframe#{width_attribute}#{height_attribute} src="//player.vimeo.com/video/#{node.attr 'target'}#{start_anchor}#{autoplay_param}#{loop_param}" frameborder="0"#{append_boolean_attribute 'webkitAllowFullScreen', xml}#{append_boolean_attribute 'mozallowfullscreen', xml}#{append_boolean_attribute 'allowFullScreen', xml}></iframe>
+</div>
+</div>)
+      when 'youtube'
+        start_param = (node.attr? 'start') ? "&amp;start=#{node.attr 'start'}" : nil
+        end_param = (node.attr? 'end') ? "&amp;end=#{node.attr 'end'}" : nil
+        autoplay_param = (node.option? 'autoplay') ? '&amp;autoplay=1' : nil
+        loop_param = (node.option? 'loop') ? '&amp;loop=1' : nil
+        controls_param = (node.option? 'nocontrols') ? '&amp;controls=0' : nil
+        %(<div#{id_attribute}#{class_attribute}>#{title_element}
+<div class="content">
+<iframe#{width_attribute}#{height_attribute} src="//www.youtube.com/embed/#{node.attr 'target'}?rel=0#{start_param}#{end_param}#{autoplay_param}#{loop_param}#{controls_param}" frameborder="0"#{(node.option? 'nofullscreen') ? nil : (append_boolean_attribute 'allowfullscreen', xml)}></iframe>
+</div>
+</div>)
+      else 
+        poster_attribute = %(#{poster = node.attr 'poster'}).empty? ? nil : %( poster="#{node.media_uri poster}")
+        time_anchor = ((node.attr? 'start') || (node.attr? 'end')) ? %(#t=#{node.attr 'start'}#{(node.attr? 'end') ? ',' : nil}#{node.attr 'end'}) : nil
+        %(<div#{id_attribute}#{class_attribute}>#{title_element}
+<div class="content">
+<video src="#{node.media_uri(node.attr 'target')}#{time_anchor}"#{width_attribute}#{height_attribute}#{poster_attribute}#{(node.option? 'autoplay') ? (append_boolean_attribute 'autoplay', xml) : nil}#{(node.option? 'nocontrols') ? nil : (append_boolean_attribute 'controls', xml)}#{(node.option? 'loop') ? (append_boolean_attribute 'loop', xml) : nil}>
+Your browser does not support the video tag.
+</video>
+</div>
+</div>)
+      end
+    end
+
+    def inline_anchor node
+      target = node.target
+      case node.type
+      when :xref
+        refid = (node.attr 'refid') || target
+        # NOTE we lookup text in converter because DocBook doesn't need this logic
+        text = node.text || (node.document.references[:ids][refid] || %([#{refid}]))
+        %(<a href="#{target}">#{text}</a>)
+      when :ref
+        %(<a id="#{target}"></a>)
+      when :link
+        attrs = []
+        attrs << %( id="#{node.id}") if node.id
+        if (role = node.role)
+          attrs << %( class="#{role}")
+        end
+        attrs << %( title="#{node.attr 'title'}") if node.attr? 'title'
+        attrs << %( target="#{node.attr 'window'}") if node.attr? 'window'
+        %(<a href="#{target}"#{attrs.join}>#{node.text}</a>)
+      when :bibref
+        %(<a id="#{target}"></a>[#{target}])
+      else
+        warn %(asciidoctor: WARNING: unknown anchor type: #{node.type.inspect})
+      end
+    end
+
+    def inline_break node
+      %(#{node.text}<br#{@void_element_slash}>)
+    end
+
+    def inline_button node
+      %(<b class="button">#{node.text}</b>)
+    end
+
+    def inline_callout node
+      if node.document.attr? 'icons', 'font'
+        %(<i class="conum" data-value="#{node.text}"></i><b>(#{node.text})</b>)
+      elsif node.document.attr? 'icons'
+        src = node.icon_uri("callouts/#{node.text}")
+        %(<img src="#{src}" alt="#{node.text}"#{@void_element_slash}>)
+      else
+        %(<b class="conum">(#{node.text})</b>)
+      end
+    end
+
+    def inline_footnote node
+      if (index = node.attr 'index')
+        if node.type == :xref
+          %(<span class="footnoteref">[<a class="footnote" href="#_footnote_#{index}" title="View footnote.">#{index}</a>]</span>)
+        else
+          id_attr = node.id ? %( id="_footnote_#{node.id}") : nil
+          %(<span class="footnote"#{id_attr}>[<a id="_footnoteref_#{index}" class="footnote" href="#_footnote_#{index}" title="View footnote.">#{index}</a>]</span>)
+        end
+      elsif node.type == :xref
+        %(<span class="footnoteref red" title="Unresolved footnote reference.">[#{node.text}]</span>)
+      end
+    end
+
+    def inline_image node
+      if (type = node.type) == 'icon' && (node.document.attr? 'icons', 'font')
+        style_class = %(fa fa-#{node.target})
+        if node.attr? 'size'
+          style_class = %(#{style_class} fa-#{node.attr 'size'})
+        end
+        if node.attr? 'rotate'
+          style_class = %(#{style_class} fa-rotate-#{node.attr 'rotate'})
+        end
+        if node.attr? 'flip'
+          style_class = %(#{style_class} fa-flip-#{node.attr 'flip'})
+        end
+        title_attribute = (node.attr? 'title') ? %( title="#{node.attr 'title'}") : nil
+        img = %(<i class="#{style_class}"#{title_attribute}></i>)
+      elsif type == 'icon' && !(node.document.attr? 'icons')
+        img = %([#{node.attr 'alt'}])
+      else
+        resolved_target = (type == 'icon') ? (node.icon_uri node.target) : (node.image_uri node.target)
+
+        attrs = ['alt', 'width', 'height', 'title'].map {|name|
+          (node.attr? name) ? %( #{name}="#{node.attr name}") : nil
+        }.join
+
+        img = %(<img src="#{resolved_target}"#{attrs}#{@void_element_slash}>)
+      end
+
+      if node.attr? 'link'
+        window_attr = (node.attr? 'window') ? %( target="#{node.attr 'window'}") : nil
+        img = %(<a class="image" href="#{node.attr 'link'}"#{window_attr}>#{img}</a>)
+      end
+
+      style_classes = (role = node.role) ? %(#{type} #{role}) : type
+      style_attr = (node.attr? 'float') ? %( style="float: #{node.attr 'float'}") : nil
+
+      %(<span class="#{style_classes}"#{style_attr}>#{img}</span>)
+    end
+
+    def inline_indexterm node
+      node.type == :visible ? node.text : ''
+    end
+
+    def inline_kbd node
+      if (keys = node.attr 'keys').size == 1
+        %(<kbd>#{keys[0]}</kbd>)
+      else
+        key_combo = keys.map {|key| %(<kbd>#{key}</kbd>+) }.join.chop
+        %(<span class="keyseq">#{key_combo}</span>)
+      end
+    end
+
+    def inline_menu node
+      menu = node.attr 'menu'
+      if !(submenus = node.attr 'submenus').empty?
+        submenu_path = submenus.map {|submenu| %(<span class="submenu">#{submenu}</span>&#160;&#9656; ) }.join.chop
+        %(<span class="menuseq"><span class="menu">#{menu}</span>&#160;&#9656; #{submenu_path} <span class="menuitem">#{node.attr 'menuitem'}</span></span>)
+      elsif (menuitem = node.attr 'menuitem')
+        %(<span class="menuseq"><span class="menu">#{menu}</span>&#160;&#9656; <span class="menuitem">#{menuitem}</span></span>)
+      else
+        %(<span class="menu">#{menu}</span>)
+      end
+    end
+
+    def inline_quoted node
+      open, close, is_tag = QUOTE_TAGS[node.type]
+      if (role = node.role)
+        if is_tag
+          quoted_text = %(#{open.chop} class="#{role}">#{node.text}#{close})
+        else
+          quoted_text = %(<span class="#{role}">#{open}#{node.text}#{close}</span>)
+        end
+      else
+        quoted_text = %(#{open}#{node.text}#{close})
+      end
+
+      node.id ? %(<a id="#{node.id}"></a>#{quoted_text}) : quoted_text
+    end
+
+    def append_boolean_attribute name, xml
+      xml ? %( #{name}="#{name}") : %( #{name})
+    end
+  end
+end