config.rb

###
# Compass
###

# Change Compass configuration
# compass_config do |config|
#   config.output_style = :compact
# end

###
# Page options, layouts, aliases and proxies
###

# Per-page layout changes:
#
# With no layout
# page "/path/to/file.html", :layout => false
#
# With alternative layout
# page "/path/to/file.html", :layout => :otherlayout
#
# A path which all have the same layout
# with_layout :admin do
#   page "/admin/*"
# end

# Proxy pages (http://middlemanapp.com/basics/dynamic-pages/)
# proxy "/this-page-has-no-template.html", "/template-file.html", :locals => {
#  :which_fake_page => "Rendering a fake page with a local variable" }

###
# Helpers
###

# Automatic image dimensions on image_tag helper
# activate :automatic_image_sizes

# Reload the browser automatically whenever files change
activate :livereload

# Methods defined in the helpers block are available in templates
helpers do
  def x_link_to(link_text, url, options = {})
    options[:class] ||= ""
    if url == '/' + current_page.path
      options[:class] << " current"
      '<span class="current-a">' + link_text + '</span>'
    else
      link_to(link_text, url, options)
    end
  end

  def nav_link(link_text, url, options = {})
    if url == '/' + current_page.path
      # options[:class] << " current"
      '<span class="current-a"><span class="count"></span><span class="txt"><span class="visuallyhidden">Current: </span>' + link_text + '</span></span>'
    else
      x_link_to('<span class="count"></span><span class="txt">' + link_text.to_s + '</span>', url, options)
    end
  end

  def topic_link(link_text, url, options = {})
  	res = sitemap.find_resource_by_path(url)

  	if (res.data.status)
  		status = res.data.status
  		if status == "draft" || status == "approved-draft"
  			status = ' <span class="status">draft</span>'
  		else
  			status = ' <span class="status">' + status + '</span>'
  		end
  	else
  		status = ""
  	end

    if current_page.data.order == 1
      if url == current_page.path
        '<span class="current-a"><span class="count"></span><span class="txt"><span class="visuallyhidden">Current: </span>' + link_text + status + '</span></span>'
      else
        link_to('<span class="count"></span><span class="txt">' + link_text + status + '</span>', '/' + url, options)
      end
    else
      if url == current_page.parent.path
        '<span class="current-a"><span class="count"></span><span class="txt"><span class="visuallyhidden">Current: </span>' + link_text + status + '</span></span>'
      else
        link_to('<span class="count"></span><span class="txt">'+ link_text + status + '</span>', '/' + url, options)
      end
    end
  end

  def code_start(status = "", title = "")
    if title
    '<figure class="code '+ status +'">
  <figcaption>Code snippet: ' + title + '</figcaption>'
    else
'<figure class="code '+ status +'">
  <figcaption>Code snippet</figcaption>'
    end
  end

  def code_end
    '</figure>'
  end


  def editors_note_start
    '<figure class="todo">
  <figcaption>Editor’s Note:</figcaption><div class="figcontent">'
  end

  def editors_note_end
    '</div></figure>'
  end

  def sample_start(status = "", title = "")
    if title
    '<figure class="sample '+ status +'">
  <figcaption>Example: ' + title + '</figcaption>
  <div class="box-content">'
    else
    '
  <figure class="sample '+ status +'">
  <figcaption>Example</figcaption>
  <div class="box-content">'
    end
  end

  def sample_end
    '
  </div></figure>
'
  end

  def notes_start(status = "")
    '<div class="notes '+ status +'">'
  end

  def notes_end
    '</div>'
  end

  def reference(which = :start)
    if which == :start
      '<aside class="reference">'
    elsif which == :end
      '</aside>'
    end
  end

  def ref(which = :start)
    if which == :start
      '<div class="ref-container">
      <div class="ref-main">'
    elsif which == :middle
      '</div>
      <aside class="ref-side">
      <div>
        <svg style="width: 2em;" viewBox="0 0 32 32" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="6.25%">
            <path d="M16 14 L16 23 M16 8 L16 10" />
            <circle cx="16" cy="16" r="14" />
        </svg>'
    elsif which == :end
      '</div>
      </aside>
      </div>'
    end
  end

  def demo(which = :start)
    if which == :start
      '<div class="demo-container">
      <div class="demo-main">'
    elsif which == :middle
      '</div>
      <aside class="demo-side">
      <div>
        <svg style="width: 2em;" viewBox="0 0 32 32" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="6.25%"><circle cx="17" cy="15" r="1"/><circle cx="16" cy="16" r="6"/><path d="M2 16S7 6 16 6s14 10 14 10-5 10-14 10S2 16 2 16z"/></symbol>'
    elsif which == :end
      '</div>
      </aside>
      </div>'
    end
  end

end

set :markdown_engine, :kramdown
activate :syntax
activate :autoprefixer, browsers: ['last 2 versions', 'ie 8', 'ie 9']

set :css_dir, 'stylesheets'

set :js_dir, 'javascripts'

set :images_dir, 'img'

set :relative_links, true
activate :relative_assets

activate :directory_indexes

# set :http_prefix, '/WAI/EO/Drafts/tutorials/'

# Build-specific configuration
configure :build do
  # For example, change the Compass output style for deployment
  activate :minify_css

  # Minify Javascript on build
  activate :minify_javascript

  # Enable cache buster
  activate :asset_hash

  # Use relative URLs
  # activate :relative_assets

  # Or use a different image path
  # set :http_prefix, "/Content/images/"
end

# config.rb
case ENV['TARGET'].to_s.downcase
when 'rendered'
  activate :deploy do |deploy|
    deploy.method = :git
    # Optional Settings
    deploy.remote   = 'git@github.com:w3c/wai-tutorials.git' # remote name or git url, default: origin
    deploy.branch   = 'rendered-2017-05' # default: gh-pages
    deploy.build_before = true # default: false
    # deploy.strategy = :submodule      # commit strategy: can be :force_push or :submodule, default: :force_push
    # deploy.commit_message = 'custom-message'      # commit message (can be empty), default: Automated commit at `timestamp` by middleman-deploy `version`
  end
else
  activate :deploy do |deploy|
    deploy.method = :git
    # Optional Settings
    deploy.remote   = 'git@github.com:w3c/wai-tutorials.git' # remote name or git url, default: origin
    deploy.branch   = 'gh-pages' # default: gh-pages
    deploy.build_before = true # default: false
    # deploy.strategy = :submodule      # commit strategy: can be :force_push or :submodule, default: :force_push
    # deploy.commit_message = 'custom-message'      # commit message (can be empty), default: Automated commit at `timestamp` by middleman-deploy `version`
  end
end