Add FontAwesome stylesheet and tag plugin
This commit is contained in:
parent
f1bdbc928a
commit
a17cccb889
|
@ -6,6 +6,7 @@
|
||||||
<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
|
<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
|
||||||
|
|
||||||
<link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
|
<link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
|
||||||
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css" />
|
||||||
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
|
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
|
||||||
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800,600' rel='stylesheet' type='text/css'>
|
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800,600' rel='stylesheet' type='text/css'>
|
||||||
<link href='https://fonts.googleapis.com/css?family=Muli:400,300' rel='stylesheet' type='text/css'>
|
<link href='https://fonts.googleapis.com/css?family=Muli:400,300' rel='stylesheet' type='text/css'>
|
||||||
|
|
71
_plugins/font_awesome.rb
Normal file
71
_plugins/font_awesome.rb
Normal file
|
@ -0,0 +1,71 @@
|
||||||
|
##
|
||||||
|
# The MIT License (MIT)
|
||||||
|
#
|
||||||
|
# Copyright (c) 2014 Ryan Morrissey
|
||||||
|
#
|
||||||
|
# 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.
|
||||||
|
#
|
||||||
|
#
|
||||||
|
# Font Awesome Icons Liquid Tag
|
||||||
|
# Documentation can be found at http://fontawesome.io/
|
||||||
|
#
|
||||||
|
# Example:
|
||||||
|
# {% icon fa-camera-retro %}
|
||||||
|
# {% icon fa-camera-retro fa-lg %}
|
||||||
|
# {% icon fa-spinner fa-spin %}
|
||||||
|
# {% icon fa-shield fa-rotate-90 %}
|
||||||
|
|
||||||
|
module Jekyll
|
||||||
|
class FontAwesomeTag < Liquid::Tag
|
||||||
|
|
||||||
|
def render(context)
|
||||||
|
if tag_contents = determine_arguments(@markup.strip)
|
||||||
|
icon_class, icon_extra = tag_contents[0], tag_contents[1]
|
||||||
|
icon_tag(icon_class, icon_extra)
|
||||||
|
else
|
||||||
|
raise ArgumentError.new <<-eos
|
||||||
|
Syntax error in tag 'icon' while parsing the following markup:
|
||||||
|
|
||||||
|
#{@markup}
|
||||||
|
|
||||||
|
Valid syntax:
|
||||||
|
for icons: {% icon fa-camera-retro %}
|
||||||
|
for icons with size/spin/rotate: {% icon fa-camera-retro fa-lg %}
|
||||||
|
eos
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
private
|
||||||
|
|
||||||
|
def determine_arguments(input)
|
||||||
|
matched = input.match(/\A(\S+) ?(\S+)?\Z/)
|
||||||
|
[matched[1].to_s.strip, matched[2].to_s.strip] if matched && matched.length >= 3
|
||||||
|
end
|
||||||
|
|
||||||
|
def icon_tag(icon_class, icon_extra = nil)
|
||||||
|
if icon_extra.empty?
|
||||||
|
"<i class=\"fa #{icon_class}\"></i>"
|
||||||
|
else
|
||||||
|
"<i class=\"fa #{icon_class} #{icon_extra}\"></i>"
|
||||||
|
end
|
||||||
|
end
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
Liquid::Template.register_tag('icon', Jekyll::FontAwesomeTag)
|
Loading…
Reference in a new issue