octopress-graphviz-tag 1.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 619ba13afeffab7d5bff1140d285538f0ccdc92f
+  data.tar.gz: bf1afe889abf883054c799986ecee500499dbc85
+SHA512:
+  metadata.gz: 997936c1b4bba667b2353b5deeaa10e10c9467a1779c6d1578919788d414332ba35ec783784b0d32dd150c036e27db3d3fca28289aa699bcb34c429974448daa
+  data.tar.gz: df4096a60f294539975f708f45e075dbcbe83c38fc348f5febdadf38ac3a5e36406abd35e231ca9e21896561f415c36ccbac957006780be0c55f4359576fcf1c

data/.clash.yml

@@ -0,0 +1,2 @@
+build: true
+compare: _expected _site

data/.gitignore

@@ -0,0 +1,14 @@
+/.bundle/
+/.yardoc
+/Gemfile.lock
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/
+*.bundle
+*.so
+*.o
+*.a
+mkmf.log

data/.ruby-gemset

@@ -0,0 +1 @@
+blog-ng

data/.ruby-version

@@ -0,0 +1 @@
+ruby-2.2.0

data/.travis.yml

@@ -0,0 +1,5 @@
+language: ruby
+rvm:
+  - 2.0.0
+  - 1.9.3
+script: bundle exec clash test

data/Gemfile

@@ -0,0 +1,10 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in octopress-graphviz-tag.gemspec
+gemspec
+
+group :development, :test do
+  gem 'pry'
+  gem 'pry-byebug'
+  gem 'byebug'
+end

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2015 Stefano Tortarolo
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,84 @@
+# Octopress Pullquote Tag
+
+Elegant pull-quotes for Jekyll sites.
+
+[![Build Status](http://img.shields.io/travis/octopress/pullquote-tag.svg)](https://travis-ci.org/octopress/pullquote-tag)
+[![Gem Version](http://img.shields.io/gem/v/octopress-graphviz-tag.svg)](https://rubygems.org/gems/octopress-graphviz-tag)
+[![License](http://img.shields.io/:license-mit-blue.svg)](http://octopress.mit-license.org)
+
+## Installation
+
+### Using Bundler
+
+Add this gem to your site's Gemfile in the `:jekyll_plugins` group:
+
+    group :jekyll_plugins do
+      gem 'octopress-graphviz-tag'
+    end
+
+Then install the gem with Bundler
+
+    $ bundle
+
+### Manual Installation
+
+    $ gem install octopress-graphviz-tag
+
+Then add the gem to your Jekyll configuration.
+
+    gems:
+      -octopress-graphviz-tag
+
+## Usage
+
+1. Surround the paragraph you want to quote from with a `{% pullquote %}` tag.
+2. Surround the quote you want to use with `{"` and `"}`.
+
+For example:
+
+```
+{% pullquote %}
+When writing long-form posts, I find it helpful to include pull-quotes, which help
+those scanning a post discern whether or not a post is helpful. It is important to 
+note, {" pull-quotes are merely visual in presentation and should not appear twice in the text. "} That 
+is why it is preferred to use a CSS only technique for styling pull-quotes.
+{% endpullquote %}
+```
+
+This will output the following:
+
+```html
+<p><span data-pullquote="pullquotes are merely visual in presentation and should not appear twice in the text."></span>
+When writing long-form posts, I find it helpful to include pull-quotes, which help
+those scanning a post discern whether or not a post is helpful. It is important to 
+note, pull-quotes are merely visual in presentation and should not appear twice in the text. That 
+is why it is preferred to use a CSS only technique for styling pull-quotes.</p>
+```
+
+### Styling & Classnames
+
+This plugin does not currently ship with its own CSS for styling. Octopress themes will have styling for this or you may look to [Maykel Loomans](http://miekd.com/articles/pull-quotes-with-html5-and-css/) for inspiration.
+
+By default pull-quotes will be given the classname `pullquote-right`. For center or left aligned pull quotes, add the alignment to the
+tag like this.
+
+```
+{% pullquote %}        #=> class='pullquote-right'
+{% pullquote left %}   #=> class='pullquote-left'
+{% pullquote center %} #=> class='pullquote-center'
+```
+
+Any other text added to the pull-quote tag will be added as a classname too.
+
+```
+{% pullquote big %}              #=> class='pullquote-right big'
+{% pullquote left highlight %}   #=> class='pullquote-left highlight'
+```
+
+## Contributing
+
+1. Fork it ( https://github.com/octopress/pullquote-tag/fork )
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create a new Pull Request

data/Rakefile

@@ -0,0 +1,2 @@
+require "bundler/gem_tasks"
+

data/lib/octopress-graphviz-tag.rb

@@ -0,0 +1,137 @@
+# -*- coding:utf-8; mode:ruby; -*-
+require "octopress-graphviz-tag/version"
+require "octopress-graphviz-tag/utils"
+
+['open3', 'win32/open3'].each do |lib|
+  begin
+    require lib
+    break
+  rescue LoadError
+  end
+end
+
+module Jekyll
+  class GraphvizBlock < Liquid::Block
+    DIV_CLASS_ATTR = 'graphviz-wrapper'
+    DEFAULT_GRAPH_NAME = 'Graphviz'
+    DOT_OPTS = '-Tsvg'
+    DOT_EXEC = 'dot'
+    DOT_EXTS = (ENV['PATHEXT'] || '.exe;.bat;.com').split(";")
+    DOT_EXTS.unshift ''
+    DOT_PATH = ENV['PATH'].split(File::PATH_SEPARATOR)
+      .map{|a|File.join a, DOT_EXEC}
+      .map{|a|DOT_EXTS.map{|ex| a+ex}}.flatten
+      .find{|c|File.executable_real? c}
+    raise "not found a executable file: #{DOT_EXEC}" if DOT_PATH.nil?
+    DOT_CMD = "#{DOT_PATH} #{DOT_OPTS}"
+
+    def initialize(tag_name, markup, tokens)
+      super
+      @tag_name = tag_name
+
+      @title = markup or ""
+      @title.strip!
+
+      @src = ""
+    end
+
+    def render(context)
+      code = super
+      title = if @title.empty? then DEFAULT_GRAPH_NAME else @title end
+
+      case @tag_name
+      when 'graphviz'	then render_graphviz code
+      when 'graph'	then render_graph 'graph', title, code
+      when 'digraph'	then render_graph 'digraph', title, code
+      else raise "unknown liquid tag name: #{@tag_name}"
+      end
+    end
+
+    def render_graphviz(code)
+      @src = code
+      svg = generate_svg code
+      filter_for_inline_svg svg
+    end
+
+    def filter_for_inline_svg(code)
+      code = remove_declarations code
+      code = remove_xmlns_attrs code
+      code = add_desc_attrs code
+      code = insert_desc_elements code
+      code = wrap_with_div code
+      code = remove_generated_comment code
+      code
+    end
+
+    # Remove version banner
+    def remove_generated_comment(code)
+      code.sub(/<!-- Generated by graphviz version(.*?)-->/im, '')
+    end
+
+    def generate_svg code
+      Open3.popen3( DOT_CMD ) do |stdin, stdout, stderr|
+        stdout.binmode
+        stdin.print code
+        stdin.close
+
+        err = stderr.read
+        if not (err.nil? || err.strip.empty?)
+          raise "Error from #{DOT_CMD}:\n#{err}"
+        end
+
+        svg = stdout.read
+        svg.force_encoding 'UTF-8'
+
+        return svg
+      end
+    end
+
+    def remove_declarations(svg)
+      svg.sub(/<!DOCTYPE .+?>/im,'').sub(/<\?xml .+?\?>/im, '')
+    end
+
+    def remove_xmlns_attrs(svg)
+      svg.sub(%[xmlns="http://www.w3.org/2000/svg"], '')
+        .sub(%[xmlns:xlink="http://www.w3.org/1999/xlink"], '')
+    end
+
+    def add_desc_attrs(svg)
+      svg.sub!("<svg", %[<svg aria-label="#{CGI::escapeHTML @title}"])
+      svg.sub!("<svg", %[<svg role="img"])
+
+      return svg
+    end
+
+    def insert_desc_elements(svg)
+      inserted_elements =  %[<title>#{CGI::escapeHTML @title}</title>\n]
+      inserted_elements << %[<desc>#{CGI::escapeHTML @src}</desc>\n]
+      svg.sub!(/(<svg [^>]*>)/, "\\1\n#{inserted_elements}")
+
+      return svg
+    end
+
+    def wrap_with_div(svg)
+      %[<div class="#{DIV_CLASS_ATTR}">#{svg}</div>]
+    end
+
+    def render_graph(type, title, code)
+      render_graphviz %[#{type} "#{title}" { #{code} }]
+    end
+  end
+end
+
+Liquid::Template.register_tag('graphviz', Jekyll::GraphvizBlock)
+Liquid::Template.register_tag('graph', Jekyll::GraphvizBlock)
+Liquid::Template.register_tag('digraph', Jekyll::GraphvizBlock)
+
+if defined? Octopress::Docs
+  Octopress::Docs.add({
+    name:        "Octopress Graphviz Tag",
+    gem:         "octopress-graphviz-tag",
+    description: "Graphviz support for Octopress.",
+    path:        File.expand_path(File.join(File.dirname(__FILE__), "../")),
+    source_url:  "https://github.com/astratto/graphviz-tag",
+    version:     Octopress::Tags::Graphviz::VERSION
+  })
+end
+

data/lib/octopress-graphviz-tag/utils.rb

@@ -0,0 +1,23 @@
+module Octopress
+  module Tags
+    module Graphviz
+      module Utils
+        def self.parse_content(content, context)
+          path  = context.environments.first['page']['path']
+          ext   = File.extname(path[1..-1])[1..-1]
+          site  = context.registers[:site]
+          mdext = site.config['markdown_ext']
+          txext = site.config['textile_ext']
+
+          if mdext.include? ext
+            site.getConverterImpl(Jekyll::Converters::Markdown).convert(content)
+          elsif txext.include? ext
+            site.getConverterImpl(Jekyll::Converters::Textile).convert(content)
+          else
+            "<p>" + content.strip.gsub(/\n\n/, "<p>\n\n</p>") + "</p>"
+          end
+        end
+      end
+    end
+  end
+end

data/lib/octopress-graphviz-tag/version.rb

@@ -0,0 +1,7 @@
+module Octopress
+  module Tags
+    module Graphviz
+      VERSION = "1.0.0"
+    end
+  end
+end

data/octopress-graphviz-tag.gemspec

@@ -0,0 +1,27 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'octopress-graphviz-tag/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "octopress-graphviz-tag"
+  spec.version       = Octopress::Tags::Graphviz::VERSION
+  spec.authors       = ["Stefano Tortarolo"]
+  spec.email         = ["stefano.tortarolo@gmail.com"]
+  spec.summary       = %q{Graphviz support for Octopress.}
+  spec.homepage      = "https://github.com/astratto/graphviz-tag"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files -z`.split("\x0")
+  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
+  spec.require_paths = ["lib"]
+
+  spec.add_runtime_dependency "jekyll"
+  spec.add_runtime_dependency "rubypants-unicode"
+
+  spec.add_development_dependency "bundler", "~> 1.6"
+  spec.add_development_dependency "rake"
+  spec.add_development_dependency "clash"
+
+end

data/test/_config.yml

@@ -0,0 +1,3 @@
+gems:
+  - octopress-graphviz-tag
+markdown: redcarpet

data/test/_expected/index.html

@@ -0,0 +1,139 @@
+<div class="graphviz-wrapper">
+
+
+<!-- Title: G Pages: 1 -->
+<svg role="img" aria-label="&lt;strong&gt;&lt;em&gt;A.&lt;/em&gt;&lt;/strong&gt; Example one" width="220pt" height="180pt"
+ viewBox="0.00 0.00 220.00 180.00"  >
+<title>&lt;strong&gt;&lt;em&gt;A.&lt;/em&gt;&lt;/strong&gt; Example one</title>
+<desc>
+digraph G {
+  Graph[bgcolor=&quot;transparent&quot;, rankdir=&quot;LR&quot;];
+  node[style=&quot;filled&quot;, shape=&quot;circle&quot;, fillcolor=&quot;aliceblue&quot;, color=&quot;deepskyblue3&quot;, penwidth=2];
+
+  subgraph cluster_0 {
+    m1[label=&quot;1&quot;];
+    m2[label=&quot;2&quot;];
+    m3[label=&quot;3&quot;, fillcolor=&quot;lightskyblue1&quot;];
+
+    m1 -&gt; m2 -&gt; m3;
+
+    penwidth=2;
+    label = &quot;Mainstream&quot;;
+    color=&quot;deepskyblue1&quot;;
+  }
+
+  subgraph cluster_1 {
+    l1[label=&quot;1&quot;];
+    l2[label=&quot;2&quot;];
+    l3[label=&quot;3&#39;&quot;, fillcolor=&quot;darkseagreen1&quot;];
+
+    l1 -&gt; l2 -&gt; l3;
+
+    penwidth=2;
+    label = &quot;Local&quot;;
+    color=&quot;darkseagreen2&quot;;
+  }
+}
+</desc>
+
+<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 176)">
+<title>G</title>
+<g id="clust1" class="cluster"><title>cluster_0</title>
+<polygon fill="none" stroke="#00bfff" stroke-width="2" points="8,-8 8,-82 204,-82 204,-8 8,-8"/>
+<text text-anchor="middle" x="106" y="-66.8" font-family="Times,serif" font-size="14.00">Mainstream</text>
+</g>
+<g id="clust2" class="cluster"><title>cluster_1</title>
+<polygon fill="none" stroke="#b4eeb4" stroke-width="2" points="8,-90 8,-164 204,-164 204,-90 8,-90"/>
+<text text-anchor="middle" x="106" y="-148.8" font-family="Times,serif" font-size="14.00">Local</text>
+</g>
+<!-- m1 -->
+<g id="node1" class="node"><title>m1</title>
+<ellipse fill="aliceblue" stroke="#009acd" stroke-width="2" cx="34" cy="-34" rx="18" ry="18"/>
+<text text-anchor="middle" x="34" y="-29.8" font-family="Times,serif" font-size="14.00">1</text>
+</g>
+<!-- m2 -->
+<g id="node2" class="node"><title>m2</title>
+<ellipse fill="aliceblue" stroke="#009acd" stroke-width="2" cx="106" cy="-34" rx="18" ry="18"/>
+<text text-anchor="middle" x="106" y="-29.8" font-family="Times,serif" font-size="14.00">2</text>
+</g>
+<!-- m1&#45;&gt;m2 -->
+<g id="edge1" class="edge"><title>m1&#45;&gt;m2</title>
+<path fill="none" stroke="black" d="M52.3034,-34C60.0173,-34 69.2875,-34 77.8876,-34"/>
+<polygon fill="black" stroke="black" points="77.8957,-37.5001 87.8957,-34 77.8956,-30.5001 77.8957,-37.5001"/>
+</g>
+<!-- m3 -->
+<g id="node3" class="node"><title>m3</title>
+<ellipse fill="#b0e2ff" stroke="#009acd" stroke-width="2" cx="178" cy="-34" rx="18" ry="18"/>
+<text text-anchor="middle" x="178" y="-29.8" font-family="Times,serif" font-size="14.00">3</text>
+</g>
+<!-- m2&#45;&gt;m3 -->
+<g id="edge2" class="edge"><title>m2&#45;&gt;m3</title>
+<path fill="none" stroke="black" d="M124.303,-34C132.017,-34 141.288,-34 149.888,-34"/>
+<polygon fill="black" stroke="black" points="149.896,-37.5001 159.896,-34 149.896,-30.5001 149.896,-37.5001"/>
+</g>
+<!-- l1 -->
+<g id="node4" class="node"><title>l1</title>
+<ellipse fill="aliceblue" stroke="#009acd" stroke-width="2" cx="34" cy="-116" rx="18" ry="18"/>
+<text text-anchor="middle" x="34" y="-111.8" font-family="Times,serif" font-size="14.00">1</text>
+</g>
+<!-- l2 -->
+<g id="node5" class="node"><title>l2</title>
+<ellipse fill="aliceblue" stroke="#009acd" stroke-width="2" cx="106" cy="-116" rx="18" ry="18"/>
+<text text-anchor="middle" x="106" y="-111.8" font-family="Times,serif" font-size="14.00">2</text>
+</g>
+<!-- l1&#45;&gt;l2 -->
+<g id="edge3" class="edge"><title>l1&#45;&gt;l2</title>
+<path fill="none" stroke="black" d="M52.3034,-116C60.0173,-116 69.2875,-116 77.8876,-116"/>
+<polygon fill="black" stroke="black" points="77.8957,-119.5 87.8957,-116 77.8956,-112.5 77.8957,-119.5"/>
+</g>
+<!-- l3 -->
+<g id="node6" class="node"><title>l3</title>
+<ellipse fill="#c1ffc1" stroke="#009acd" stroke-width="2" cx="178" cy="-116" rx="18" ry="18"/>
+<text text-anchor="middle" x="178" y="-111.8" font-family="Times,serif" font-size="14.00">3&#39;</text>
+</g>
+<!-- l2&#45;&gt;l3 -->
+<g id="edge4" class="edge"><title>l2&#45;&gt;l3</title>
+<path fill="none" stroke="black" d="M124.303,-116C132.017,-116 141.288,-116 149.888,-116"/>
+<polygon fill="black" stroke="black" points="149.896,-119.5 159.896,-116 149.896,-112.5 149.896,-119.5"/>
+</g>
+</g>
+</svg>
+</div>
+
+<div class="graphviz-wrapper">
+
+
+<!-- Title: H Pages: 1 -->
+<svg role="img" aria-label="&lt;strong&gt;&lt;em&gt;B.&lt;/em&gt;&lt;/strong&gt; Example two" width="44pt" height="116pt"
+ viewBox="0.00 0.00 44.00 116.00"  >
+<title>&lt;strong&gt;&lt;em&gt;B.&lt;/em&gt;&lt;/strong&gt; Example two</title>
+<desc>
+graph H {
+  node[style=&quot;filled&quot;, shape=&quot;circle&quot;, fillcolor=&quot;aliceblue&quot;, color=&quot;deepskyblue3&quot;, penwidth=2];
+
+  m1[label=&quot;1&quot;];
+  m2[label=&quot;2&quot;];
+  m1 -- m2;
+}
+</desc>
+
+<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 112)">
+<title>H</title>
+<polygon fill="white" stroke="none" points="-4,4 -4,-112 40,-112 40,4 -4,4"/>
+<!-- m1 -->
+<g id="node1" class="node"><title>m1</title>
+<ellipse fill="aliceblue" stroke="#009acd" stroke-width="2" cx="18" cy="-90" rx="18" ry="18"/>
+<text text-anchor="middle" x="18" y="-85.8" font-family="Times,serif" font-size="14.00">1</text>
+</g>
+<!-- m2 -->
+<g id="node2" class="node"><title>m2</title>
+<ellipse fill="aliceblue" stroke="#009acd" stroke-width="2" cx="18" cy="-18" rx="18" ry="18"/>
+<text text-anchor="middle" x="18" y="-13.8" font-family="Times,serif" font-size="14.00">2</text>
+</g>
+<!-- m1&#45;&#45;m2 -->
+<g id="edge1" class="edge"><title>m1&#45;&#45;m2</title>
+<path fill="none" stroke="black" d="M18,-71.6966C18,-60.8463 18,-46.9167 18,-36.1043"/>
+</g>
+</g>
+</svg>
+</div>

data/test/_site/index.html

@@ -0,0 +1,139 @@
+<div class="graphviz-wrapper">
+
+
+<!-- Title: G Pages: 1 -->
+<svg role="img" aria-label="&lt;strong&gt;&lt;em&gt;A.&lt;/em&gt;&lt;/strong&gt; Example one" width="220pt" height="180pt"
+ viewBox="0.00 0.00 220.00 180.00"  >
+<title>&lt;strong&gt;&lt;em&gt;A.&lt;/em&gt;&lt;/strong&gt; Example one</title>
+<desc>
+digraph G {
+  Graph[bgcolor=&quot;transparent&quot;, rankdir=&quot;LR&quot;];
+  node[style=&quot;filled&quot;, shape=&quot;circle&quot;, fillcolor=&quot;aliceblue&quot;, color=&quot;deepskyblue3&quot;, penwidth=2];
+
+  subgraph cluster_0 {
+    m1[label=&quot;1&quot;];
+    m2[label=&quot;2&quot;];
+    m3[label=&quot;3&quot;, fillcolor=&quot;lightskyblue1&quot;];
+
+    m1 -&gt; m2 -&gt; m3;
+
+    penwidth=2;
+    label = &quot;Mainstream&quot;;
+    color=&quot;deepskyblue1&quot;;
+  }
+
+  subgraph cluster_1 {
+    l1[label=&quot;1&quot;];
+    l2[label=&quot;2&quot;];
+    l3[label=&quot;3&#39;&quot;, fillcolor=&quot;darkseagreen1&quot;];
+
+    l1 -&gt; l2 -&gt; l3;
+
+    penwidth=2;
+    label = &quot;Local&quot;;
+    color=&quot;darkseagreen2&quot;;
+  }
+}
+</desc>
+
+<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 176)">
+<title>G</title>
+<g id="clust1" class="cluster"><title>cluster_0</title>
+<polygon fill="none" stroke="#00bfff" stroke-width="2" points="8,-8 8,-82 204,-82 204,-8 8,-8"/>
+<text text-anchor="middle" x="106" y="-66.8" font-family="Times,serif" font-size="14.00">Mainstream</text>
+</g>
+<g id="clust2" class="cluster"><title>cluster_1</title>
+<polygon fill="none" stroke="#b4eeb4" stroke-width="2" points="8,-90 8,-164 204,-164 204,-90 8,-90"/>
+<text text-anchor="middle" x="106" y="-148.8" font-family="Times,serif" font-size="14.00">Local</text>
+</g>
+<!-- m1 -->
+<g id="node1" class="node"><title>m1</title>
+<ellipse fill="aliceblue" stroke="#009acd" stroke-width="2" cx="34" cy="-34" rx="18" ry="18"/>
+<text text-anchor="middle" x="34" y="-29.8" font-family="Times,serif" font-size="14.00">1</text>
+</g>
+<!-- m2 -->
+<g id="node2" class="node"><title>m2</title>
+<ellipse fill="aliceblue" stroke="#009acd" stroke-width="2" cx="106" cy="-34" rx="18" ry="18"/>
+<text text-anchor="middle" x="106" y="-29.8" font-family="Times,serif" font-size="14.00">2</text>
+</g>
+<!-- m1&#45;&gt;m2 -->
+<g id="edge1" class="edge"><title>m1&#45;&gt;m2</title>
+<path fill="none" stroke="black" d="M52.3034,-34C60.0173,-34 69.2875,-34 77.8876,-34"/>
+<polygon fill="black" stroke="black" points="77.8957,-37.5001 87.8957,-34 77.8956,-30.5001 77.8957,-37.5001"/>
+</g>
+<!-- m3 -->
+<g id="node3" class="node"><title>m3</title>
+<ellipse fill="#b0e2ff" stroke="#009acd" stroke-width="2" cx="178" cy="-34" rx="18" ry="18"/>
+<text text-anchor="middle" x="178" y="-29.8" font-family="Times,serif" font-size="14.00">3</text>
+</g>
+<!-- m2&#45;&gt;m3 -->
+<g id="edge2" class="edge"><title>m2&#45;&gt;m3</title>
+<path fill="none" stroke="black" d="M124.303,-34C132.017,-34 141.288,-34 149.888,-34"/>
+<polygon fill="black" stroke="black" points="149.896,-37.5001 159.896,-34 149.896,-30.5001 149.896,-37.5001"/>
+</g>
+<!-- l1 -->
+<g id="node4" class="node"><title>l1</title>
+<ellipse fill="aliceblue" stroke="#009acd" stroke-width="2" cx="34" cy="-116" rx="18" ry="18"/>
+<text text-anchor="middle" x="34" y="-111.8" font-family="Times,serif" font-size="14.00">1</text>
+</g>
+<!-- l2 -->
+<g id="node5" class="node"><title>l2</title>
+<ellipse fill="aliceblue" stroke="#009acd" stroke-width="2" cx="106" cy="-116" rx="18" ry="18"/>
+<text text-anchor="middle" x="106" y="-111.8" font-family="Times,serif" font-size="14.00">2</text>
+</g>
+<!-- l1&#45;&gt;l2 -->
+<g id="edge3" class="edge"><title>l1&#45;&gt;l2</title>
+<path fill="none" stroke="black" d="M52.3034,-116C60.0173,-116 69.2875,-116 77.8876,-116"/>
+<polygon fill="black" stroke="black" points="77.8957,-119.5 87.8957,-116 77.8956,-112.5 77.8957,-119.5"/>
+</g>
+<!-- l3 -->
+<g id="node6" class="node"><title>l3</title>
+<ellipse fill="#c1ffc1" stroke="#009acd" stroke-width="2" cx="178" cy="-116" rx="18" ry="18"/>
+<text text-anchor="middle" x="178" y="-111.8" font-family="Times,serif" font-size="14.00">3&#39;</text>
+</g>
+<!-- l2&#45;&gt;l3 -->
+<g id="edge4" class="edge"><title>l2&#45;&gt;l3</title>
+<path fill="none" stroke="black" d="M124.303,-116C132.017,-116 141.288,-116 149.888,-116"/>
+<polygon fill="black" stroke="black" points="149.896,-119.5 159.896,-116 149.896,-112.5 149.896,-119.5"/>
+</g>
+</g>
+</svg>
+</div>
+
+<div class="graphviz-wrapper">
+
+
+<!-- Title: H Pages: 1 -->
+<svg role="img" aria-label="&lt;strong&gt;&lt;em&gt;B.&lt;/em&gt;&lt;/strong&gt; Example two" width="44pt" height="116pt"
+ viewBox="0.00 0.00 44.00 116.00"  >
+<title>&lt;strong&gt;&lt;em&gt;B.&lt;/em&gt;&lt;/strong&gt; Example two</title>
+<desc>
+graph H {
+  node[style=&quot;filled&quot;, shape=&quot;circle&quot;, fillcolor=&quot;aliceblue&quot;, color=&quot;deepskyblue3&quot;, penwidth=2];
+
+  m1[label=&quot;1&quot;];
+  m2[label=&quot;2&quot;];
+  m1 -- m2;
+}
+</desc>
+
+<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 112)">
+<title>H</title>
+<polygon fill="white" stroke="none" points="-4,4 -4,-112 40,-112 40,4 -4,4"/>
+<!-- m1 -->
+<g id="node1" class="node"><title>m1</title>
+<ellipse fill="aliceblue" stroke="#009acd" stroke-width="2" cx="18" cy="-90" rx="18" ry="18"/>
+<text text-anchor="middle" x="18" y="-85.8" font-family="Times,serif" font-size="14.00">1</text>
+</g>
+<!-- m2 -->
+<g id="node2" class="node"><title>m2</title>
+<ellipse fill="aliceblue" stroke="#009acd" stroke-width="2" cx="18" cy="-18" rx="18" ry="18"/>
+<text text-anchor="middle" x="18" y="-13.8" font-family="Times,serif" font-size="14.00">2</text>
+</g>
+<!-- m1&#45;&#45;m2 -->
+<g id="edge1" class="edge"><title>m1&#45;&#45;m2</title>
+<path fill="none" stroke="black" d="M18,-71.6966C18,-60.8463 18,-46.9167 18,-36.1043"/>
+</g>
+</g>
+</svg>
+</div>

data/test/index.md

@@ -0,0 +1,44 @@
+---
+---
+
+{% graphviz <strong><em>A.</em></strong> Example one %}
+digraph G {
+  Graph[bgcolor="transparent", rankdir="LR"];
+  node[style="filled", shape="circle", fillcolor="aliceblue", color="deepskyblue3", penwidth=2];
+
+  subgraph cluster_0 {
+    m1[label="1"];
+    m2[label="2"];
+    m3[label="3", fillcolor="lightskyblue1"];
+
+    m1 -> m2 -> m3;
+
+    penwidth=2;
+    label = "Mainstream";
+    color="deepskyblue1";
+  }
+
+  subgraph cluster_1 {
+    l1[label="1"];
+    l2[label="2"];
+    l3[label="3'", fillcolor="darkseagreen1"];
+
+    l1 -> l2 -> l3;
+
+    penwidth=2;
+    label = "Local";
+    color="darkseagreen2";
+  }
+}
+{% endgraphviz %}
+
+
+{% graphviz <strong><em>B.</em></strong> Example two %}
+graph H {
+  node[style="filled", shape="circle", fillcolor="aliceblue", color="deepskyblue3", penwidth=2];
+
+  m1[label="1"];
+  m2[label="2"];
+  m1 -- m2;
+}
+{% endgraphviz %}

metadata

@@ -0,0 +1,135 @@
+--- !ruby/object:Gem::Specification
+name: octopress-graphviz-tag
+version: !ruby/object:Gem::Version
+  version: 1.0.0
+platform: ruby
+authors:
+- Stefano Tortarolo
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2015-02-08 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: jekyll
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: rubypants-unicode
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.6'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.6'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: clash
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+description: 
+email:
+- stefano.tortarolo@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".clash.yml"
+- ".gitignore"
+- ".ruby-gemset"
+- ".ruby-version"
+- ".travis.yml"
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- lib/octopress-graphviz-tag.rb
+- lib/octopress-graphviz-tag/utils.rb
+- lib/octopress-graphviz-tag/version.rb
+- octopress-graphviz-tag.gemspec
+- test/_config.yml
+- test/_expected/index.html
+- test/_site/index.html
+- test/index.md
+homepage: https://github.com/astratto/graphviz-tag
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.4.5
+signing_key: 
+specification_version: 4
+summary: Graphviz support for Octopress.
+test_files:
+- test/_config.yml
+- test/_expected/index.html
+- test/_site/index.html
+- test/index.md