# Based on the sematic pullquote technique by Maykel Loomans at http://miekd.com/articles/pull-quotes-with-html5-and-css/
# Based on the semantic pullquote technique by Maykel Loomans at http://miekd.com/articles/pull-quotes-with-html5-and-css/
#
#
# Outputs a span with a data-pullquote attribute set from the marked pullquote. Example:
# Outputs a span with a data-pullquote attribute set from the marked pullquote. Example:
#
#
# {% pullquote %}
# {% pullquote %}
# When writing longform posts, I find it helpful to include pullquotes, which help those scanning a post discern whether or not a post is helpful.
# When writing longform posts, I find it helpful to include pullquotes, which help those scanning a post discern whether or not a post is helpful.
# It is important to note, {" pullquotes are merely visual in presentation and should not appear twice in the text. "} That is why it is prefered
# It is important to note, {" pullquotes are merely visual in presentation and should not appear twice in the text. "} That is why it is prefered
# to use a CSS only technique for styling pullquotes.
# to use a CSS only technique for styling pullquotes.
@ -17,11 +17,13 @@
# </span>
# </span>
# </p>
# </p>
#
#
# Strand's modification adds the ability to call this plugin with {% pullquote align:left %} which duplicates the current behavior of the pullquote plugin, with a left float and appropriate margins.
"<span class='has-pullquote#{@align}' data-pullquote='#{@quote}'>#{output.join.gsub(/\{"\s*|\s*"\}/,'')}</span>"# TODO Determine how to makethis span have a left or right flag.
else
else
return"Surround your pullquote like this {\" text to be quoted \"}"
return"Surround your pullquote like this {\" text to be quoted \"}"