aboutsummaryrefslogtreecommitdiff
path: root/themes/classic/_plugins/pullquote.rb
diff options
context:
space:
mode:
authorBrandon Mathis <brandon@imathis.com>2011-06-19 15:14:01 -0400
committerBrandon Mathis <brandon@imathis.com>2011-06-19 15:14:01 -0400
commitf77db80077d739077becc1618b87818ea42f145c (patch)
treee12f94b6badb067597bf76b1dd383a2c370b82c4 /themes/classic/_plugins/pullquote.rb
parent105ba1434314e06f6cce39e17aedd1f0d66a92d6 (diff)
downloadmy_new_personal_website-f77db80077d739077becc1618b87818ea42f145c.tar.xz
my_new_personal_website-f77db80077d739077becc1618b87818ea42f145c.zip
1. Switched back to Rdiscount
2. Improved Blockquote comment header 3. Added Include File and Pullquote plugins 4. Improved blog typography 5. Simplified "Read more" link
Diffstat (limited to 'themes/classic/_plugins/pullquote.rb')
-rw-r--r--themes/classic/_plugins/pullquote.rb42
1 files changed, 42 insertions, 0 deletions
diff --git a/themes/classic/_plugins/pullquote.rb b/themes/classic/_plugins/pullquote.rb
new file mode 100644
index 00000000..2b8544ab
--- /dev/null
+++ b/themes/classic/_plugins/pullquote.rb
@@ -0,0 +1,42 @@
+#
+# Author: Brandon Mathis
+# Based on the sematic 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:
+#
+# {% 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.
+# 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.
+# {% endpullquote %}
+# ...will output...
+# <p>
+# <span data-pullquote="pullquotes are merely visual in presentation and should not appear twice in the text.">
+# 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. This is why a CSS only approach # for styling pullquotes is prefered.
+# </span>
+# </p>
+#
+
+module Jekyll
+
+ class PullquoteTag < Liquid::Block
+ PullQuoteMarkup = /\{(.+)\}/i
+
+ def initialize(tag_name, markup, tokens)
+ super
+ end
+
+ def render(context)
+ output = super
+ if output.join =~ /\{"\s*(.+)\s*"\}/
+ @quote = $1
+ "<span class='has-pullquote' data-pullquote='#{@quote}'>#{output.join.gsub(/\{"\s*|\s*"\}/, '')}</span>"
+ else
+ return "Surround your pullquote like this {! text to be quoted !}"
+ end
+ end
+ end
+end
+
+Liquid::Template.register_tag('pullquote', Jekyll::PullquoteTag)