diff --git a/.gitignore b/.gitignore index 1701816..f60f309 100644 --- a/.gitignore +++ b/.gitignore @@ -4,4 +4,5 @@ _site *.sublime-workspace codekit-config.json node_modules -Gemfile.lock \ No newline at end of file +Gemfile.lock +.sass-cache \ No newline at end of file diff --git a/Gemfile b/Gemfile index b61810a..963403d 100644 --- a/Gemfile +++ b/Gemfile @@ -2,6 +2,7 @@ source 'https://rubygems.org' gem 'jekyll' gem 'jekyll-sitemap' +gem 'octopress', '~> 3.0.0.rc.12' group :test do gem 'html-proofer' diff --git a/Gruntfile.js b/Gruntfile.js index a55f6d8..014799c 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -13,19 +13,6 @@ module.exports = function(grunt) { '!assets/js/scripts.min.js' ] }, - recess: { - dist: { - options: { - compile: true, - compress: true - }, - files: { - 'assets/css/main.min.css': [ - 'assets/less/main.less' - ] - } - } - }, uglify: { dist: { files: { @@ -61,12 +48,6 @@ module.exports = function(grunt) { } }, watch: { - less: { - files: [ - 'assets/less/*.less' - ], - tasks: ['recess'] - }, js: { files: [ '<%= jshint.all %>' @@ -76,7 +57,6 @@ module.exports = function(grunt) { }, clean: { dist: [ - 'assets/css/main.min.css', 'assets/js/scripts.min.js' ] } @@ -87,14 +67,12 @@ module.exports = function(grunt) { grunt.loadNpmTasks('grunt-contrib-jshint'); grunt.loadNpmTasks('grunt-contrib-uglify'); grunt.loadNpmTasks('grunt-contrib-watch'); - grunt.loadNpmTasks('grunt-recess'); grunt.loadNpmTasks('grunt-contrib-imagemin'); grunt.loadNpmTasks('grunt-svgmin'); // Register tasks grunt.registerTask('default', [ 'clean', - 'recess', 'uglify', 'imagemin', 'svgmin' diff --git a/README.md b/README.md index 13ef21c..ee01de5 100644 --- a/README.md +++ b/README.md @@ -7,150 +7,24 @@ Looking for a simple, responsive, theme for your Jekyll powered blog? Well look ## So Simple Theme is all about: * Responsive templates. Looking good on mobile, tablet, and desktop. -* Readable typography to make your words shine. * Gracefully degrading in older browsers. Compatible with Internet Explorer 9+ and all modern browsers. * Minimal embellishments and subtle animations. -* Support for large images to call out your favorite posts. -* Disqus comments if you choose to enable. -* Tags for [Open Graph](https://developers.facebook.com/docs/opengraph/) and [Twitter Cards](https://dev.twitter.com/docs/cards) for a better social sharing experience. -* Vanilla [custom 404 page]({{ site.url }}/404.html) to get you started. -* Stylesheets for Pygments and Coderay [syntax highlighting](http://mmistakes.github.io/articles/so-simple-theme/code-highlighting-post/) to make your code examples look snazzy. -* Simple search that overlays results based on post title. -* Grunt build script for easier theme development. -* [Sitemap](https://github.com/mmistakes/so-simple-theme/blob/master/sitemap.xml) for search engines +* Optional large feature images for posts and pages. +* [Custom 404 page](http://mmistakes.github.io/so-simple-theme/404.html) to get you started. +* [Simple site search](https://github.com/christian-fei/Simple-Jekyll-Search) +* Support for Disqus Comments ![screenshot of So Simple Theme](http://mmistakes.github.io/so-simple-theme/images/so-simple-theme-preview.jpg) -General notes and suggestions for customizing So Simple Theme. +See a [live version of So Simple](http://mmistakes.github.io/so-simple-theme/) hosted on GitHub. --- -## Basic Setup for new Jekyll site +## Getting Started -1. [Install Bundler](http://bundler.io) `gem install bundler` and then install [Jekyll](http://jekyllrb.com) and all dependencies `bundle install`. -2. Fork the [So Simple Theme repo](https://github.com/mmistakes/so-simple-theme/fork). -3. Clone the repo you just forked and rename it. -4. Edit `_config.yml` to personalize your site. -5. Check out the sample posts in `_posts` to see examples for pulling in large feature images, assigning categories and tags, and other YAML data. -6. Read the documentation below for further customization pointers and documentation. - -[Demo the Theme](http://mmistakes.github.io/so-simple-theme/) - -**Pro-tip:** Remove the sample posts in `_posts` and the `gh-pages` branch after cloning. There is a bunch of garbage in the `gh-pages` branch used for the theme's demo site. - ---- - -## Setup for Existing Jekyll site - -1. Clone the following folders: `_includes`, `_layouts`, `assets`, and `images`. -2. Clone the following files and personalize content as need: `about.md`, `articles.html`, `index.html`, `tags.html`, `feed.xml`, and `sitemap.xml`. -3. Set the following variables in your `config.yml` file: - -``` yaml -title: -description: -logo: -disqus_shortname: -search: true -# Your site's domain goes here. When working locally use localhost server -# PS. If you set this wrong stylesheets and scripts won't load and most links will break. -# PPS. If you leave it blank for local testing home links won't work, they'll be fine for live domains though. -url: http://localhost:4000 - -# Owner/author information -owner: - name: - avatar: - email: - # Social networking links used in footer. Update and remove as you like. - twitter: - facebook: - github: - linkedin: - instagram: - tumblr: - # For Google Authorship https://plus.google.com/authorship - google_plus: "http://plus.google.com/123123123123132123" - -# Analytics and webmaster tools stuff goes here -google_analytics: -google_verify: -# https://ssl.bing.com/webmaster/configure/verify/ownership Option 2 content= goes here -bing_verify: - -# Links to include in top navigation -# For external links add external: true -links: - - title: About - url: /about - - title: Articles - url: /articles - - title: Google - url: http://google.com - external: true - -highlighter: pygments -markdown: kramdown - -gems: - - jekyll-sitemap - -# https://github.com/mojombo/jekyll/wiki/Permalinks -permalink: /:categories/:title/ -``` - ---- - -## Folder Structure - -``` bash -so-simple-theme/ -├── _includes/ -| ├── browser-upgrade.html #prompt to upgrade browser on < IE8 -| ├── footer.html #site footer -| ├── head.html #site head -| ├── navigation.html #site navigation and masthead -| └── scripts.html #jQuery, plugins, GA, etc. -├── _layouts/ -| ├── page.html #page layout -| └── post.html #post layout -├── _posts/ -├── assets/ -| ├── css/ #preprocessed less styles -| ├── fonts/ #icon webfonts -| ├── js/ -| | ├── _main.js #main JavaScript file, plugin settings, etc -| | ├── plugins #jQuery plugins -| | └── vendor/ #jQuery and Modernizr -| └── less/ -├── images #images for posts and pages -├── _config.yml #Jekyll site options -├── about.md #about page -├── articles.html #lists all posts from latest to oldest -├── index.html #homepage. lists 10 latest posts -└── tags.html #lists all posts sorted by tag -``` - ---- - -## Customization - -For full customization details and more information on the theme check out the [So Simple theme setup guide](http://mmistakes.github.io/so-simple-theme/theme-setup/). - ---- - -## Questions? - -Having a problem getting something to work or want to know why I setup something in a certain way? Ping me on Twitter [@mmistakes](http://twitter.com/mmistakes) or [file a GitHub Issue](https://github.com/mmistakes/so-simple-theme/issues/new). - ---- - -## License - -This theme is free and open source software, distributed under the MIT License. So feel free to to modify this theme to suit your needs. - -If you'd like to give me credit somewhere on your blog or tweet a shout out to [@mmistakes](https://twitter.com/mmistakes), that would be pretty sweet. +So Simple takes advantage of Sass and data files to make customizing easier. These features require Jekyll 2.x and will not work with older versions of Jekyll. +To learn how to install and use this theme check out the [Setup Guide](http://mmistakes.github.io/so-simple-theme/theme-setup/) for more information. [![Bitdeli Badge](https://d2weczhvl823v0.cloudfront.net/mmistakes/so-simple-theme/trend.png)](https://bitdeli.com/free "Bitdeli Badge") diff --git a/Rakefile.rb b/Rakefile.rb deleted file mode 100644 index 9afbe53..0000000 --- a/Rakefile.rb +++ /dev/null @@ -1,88 +0,0 @@ -require "rubygems" -require "bundler/setup" -require "stringex" - -## -- Config -- ## - -posts_dir = "_posts" # directory for blog files -new_post_ext = "md" # default new post file extension when using the new_post task -new_page_ext = "md" # default new page file extension when using the new_page task - - -############################# -# Create a new Post or Page # -############################# - -# usage rake new_post -desc "Create a new post in #{posts_dir}" -task :new_post, :title do |t, args| - if args.title - title = args.title - else - title = get_stdin("Enter a title for your post: ") - end - filename = "#{posts_dir}/#{Time.now.strftime('%Y-%m-%d')}-#{title.to_url}.#{new_post_ext}" - if File.exist?(filename) - abort("rake aborted!") if ask("#{filename} already exists. Do you want to overwrite?", ['y', 'n']) == 'n' - end - tags = get_stdin("Enter tags to classify your post (comma separated): ") - puts "Creating new post: #{filename}" - open(filename, 'w') do |post| - post.puts "---" - post.puts "layout: post" - post.puts "title: \"#{title.gsub(/&/,'&')}\"" - post.puts "modified: #{Time.now.strftime('%Y-%m-%d %H:%M:%S %z')}" - post.puts "tags: [#{tags}]" - post.puts "image:" - post.puts " feature: " - post.puts " credit: " - post.puts " creditlink: " - post.puts "comments: " - post.puts "share: " - post.puts "---" - end -end - -# usage rake new_page -desc "Create a new page" -task :new_page, :title do |t, args| - if args.title - title = args.title - else - title = get_stdin("Enter a title for your page: ") - end - filename = "#{title.to_url}.#{new_page_ext}" - if File.exist?(filename) - abort("rake aborted!") if ask("#{filename} already exists. Do you want to overwrite?", ['y', 'n']) == 'n' - end - tags = get_stdin("Enter tags to classify your page (comma separated): ") - puts "Creating new page: #{filename}" - open(filename, 'w') do |page| - page.puts "---" - page.puts "layout: page" - page.puts "permalink: /#{title.to_url}/" - page.puts "title: \"#{title}\"" - page.puts "modified: #{Time.now.strftime('%Y-%m-%d %H:%M')}" - page.puts "tags: [#{tags}]" - page.puts "image:" - page.puts " feature: " - page.puts " credit: " - page.puts " creditlink: " - page.puts "share: " - page.puts "---" - end -end - -def get_stdin(message) - print message - STDIN.gets.chomp -end - -def ask(message, valid_options) - if valid_options - answer = get_stdin("#{message} #{valid_options.to_s.gsub(/"/, '').gsub(/, /,'/')} ") while !valid_options.include?(answer) - else - answer = get_stdin(message) - end - answer -end \ No newline at end of file diff --git a/_config.yml b/_config.yml index 0b4bd88..db579e3 100644 --- a/_config.yml +++ b/_config.yml @@ -1,58 +1,24 @@ -title: Site Title -description: Describe your website here. -logo: site-logo.png -disqus_shortname: -search: true -# Change url to your domain. Leave localhost server or blank when working locally. -# You don't need to specify the protocol if you want it available on http and https. Example: //localhost:4000 -# url: http://localhost:4000 +# Site wide configuration -# Owner/author information -owner: - name: Your Name - avatar: bio-photo.jpg - email: you@email.com - # Social networking links used in footer. Update and remove as you like. - twitter: - facebook: - github: - stackexchange: - linkedin: - instagram: - flickr: - tumblr: - # For Google Authorship https://plus.google.com/authorship - google_plus: +title: Site Title +locale: en_US +description: Describe your website here. +logo: site-logo.png +search: true +url: http://localhost:4000 -# Analytics and webmaster tools stuff goes here -google_analytics: -google_verify: -# https://ssl.bing.com/webmaster/configure/verify/ownership Option 2 content= goes here -bing_verify: -# Links to include in top navigation -# For external links add external: true -links: - - title: About - url: /about/ - - title: Articles - url: /articles/ - - title: Theme Setup - url: /theme-setup/ - - title: Made Mistakes - url: http://mademistakes.com - external: true +# Jekyll configuration -future: true -highlighter: pygments +permalink: /:categories/:title/ markdown: kramdown - +highlighter: pygments +sass: + sass_dir: _sass + style: compressed gems: - jekyll-sitemap -# https://github.com/mojombo/jekyll/wiki/Permalinks -permalink: /:categories/:title/ - kramdown: auto_ids: true footnote_nr: 1 @@ -60,12 +26,28 @@ kramdown: toc_levels: 1..6 use_coderay: false - coderay: - coderay_line_numbers: - coderay_line_numbers_start: 1 - coderay_tab_width: 4 - coderay_bold_every: 10 - coderay_css: class - include: [".htaccess"] -exclude: ["lib", "config.rb", "Gemfile", "Capfile", "README.md", "LICENSE", "Gemfile.lock", "config", "log", "Rakefile", "Rakefile.rb", "tmp", "less", "*.sublime-project", "*.sublime-workspace", "test", "spec", "Gruntfile.js", "package.json", "node_modules", "vendor"] \ No newline at end of file +exclude: ["lib", "config.rb", "Capfile", "config", "log", "Rakefile", "Rakefile.rb", "tmp", "less", "*.sublime-project", "*.sublime-workspace", "test", "spec", "Gruntfile.js", "package.json", "node_modules", "Gemfile", "Gemfile.lock", "LICENSE", "README.md"] + + +# Site owner +owner: + name: Your Name + avatar: bio-photo.jpg + email: you@email.com + disqus-shortname: + twitter: + facebook: + github: + stackexchange: + linkedin: + instagram: + flickr: + tumblr: + google: + plus: + analytics: + verify: + ad-client: + ad-slot: + bing-verify: \ No newline at end of file diff --git a/_data/authors.yml b/_data/authors.yml new file mode 100644 index 0000000..d91c3bd --- /dev/null +++ b/_data/authors.yml @@ -0,0 +1,20 @@ +# Authors + +billy_rick: + name: Billy Rick + web: http://thewhip.com + email: billy@rick.com + bio: "What do you want, jewels? I am a very extravagant man." + avatar: bio-photo-2.jpg + twitter: extravagantman + google: + plus: +BillyRick + +cornelius_fiddlebone: + name: Cornelius Fiddlebone + email: cornelius@thewhip.com + bio: "I ordered what?" + avatar: bio-photo.jpg + twitter: rhymeswithsackit + google: + plus: +CorneliusFiddlebone \ No newline at end of file diff --git a/_data/navigation.yml b/_data/navigation.yml new file mode 100644 index 0000000..0fa1e4d --- /dev/null +++ b/_data/navigation.yml @@ -0,0 +1,16 @@ +# Site navigation links + +- title: About + url: /about/ + +- title: Articles + url: /articles/ + +- title: Blog + url: /blog/ + +- title: Theme Setup + url: /theme-setup/ + +- title: Made Mistakes + url: http://mademistakes.com \ No newline at end of file diff --git a/_includes/disqus_comments.html b/_includes/disqus_comments.html index 0e1f7e3..0ce654e 100644 --- a/_includes/disqus_comments.html +++ b/_includes/disqus_comments.html @@ -1,6 +1,7 @@ +{% if site.owner.disqus-shortname %} -comments powered by Disqus \ No newline at end of file +comments powered by Disqus +{% endif %} \ No newline at end of file diff --git a/_includes/footer.html b/_includes/footer.html index d16a414..d8d801c 100644 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -1,12 +1,13 @@ © {{ site.time | date: '%Y' }} {{ site.owner.name }}. Powered by Jekyll using the So Simple Theme.
- {% if site.owner.twitter %}{% endif %} - {% if site.owner.facebook %}{% endif %} - {% if site.owner.google_plus %}{% endif %} - {% if site.owner.linkedin %}{% endif %} - {% if site.owner.stackexchange %}{% endif %} - {% if site.owner.instagram %}{% endif %} - {% if site.owner.flickr %}{% endif %} - {% if site.owner.github %}{% endif %} - {% if site.owner.tumblr %}{% endif %} + {% if site.owner.twitter %}{% endif %} + {% if site.owner.facebook %}{% endif %} + {% if site.owner.google.plus %}{% endif %} + {% if site.owner.linkedin %}{% endif %} + {% if site.owner.stackexchange %}{% endif %} + {% if site.owner.instagram %}{% endif %} + {% if site.owner.flickr %}{% endif %} + {% if site.owner.github %}{% endif %} + {% if site.owner.tumblr %}{% endif %} +
\ No newline at end of file diff --git a/_includes/head.html b/_includes/head.html index 178901e..5868172 100644 --- a/_includes/head.html +++ b/_includes/head.html @@ -1,34 +1,21 @@ {% if page.title %}{{ page.title }} – {% endif %}{{ site.title }} - +{% if page.excerpt %}{% endif %} {% if page.tags %}{% endif %} - -{% if site.owner.twitter %} -{% if page.image.feature %} - -{% else %} -{% endif %} - - - -{% if page.author.twitter %}{% endif %} +{% if page.author %} + {% assign author = site.data.authors[page.author] %}{% else %}{% assign author = site.owner %} {% endif %} - - - - - - - +{% include open-graph.html %} -{% if site.google_verify %}{% endif %} -{% if site.bing_verify %}{% endif %} +{% if site.owner.google.verify %} +{% endif %} +{% if site.owner.bing-verify %}{% endif %} {% capture canonical %}{{ site.url }}{% if site.permalink contains '.html' %}{{ page.url }}{% else %}{{ page.url | remove:'index.html' | strip_slash }}{% endif %}{% endcapture %} -{% if site.owner.google_plus %}{% endif %} +{% if site.owner.google.plus %}{% endif %} @@ -36,14 +23,20 @@ - + - - + + + + + diff --git a/_includes/navigation.html b/_includes/navigation.html index 2d5c808..92c2a1a 100644 --- a/_includes/navigation.html +++ b/_includes/navigation.html @@ -1,42 +1,34 @@ {% include browser-upgrade.html %} -{% if site.search %}
-
- - - -
-
{% endif %} +{% if site.search %}{% include site-search.html %}{% endif %} {% if page.image.feature %}
{% if site.logo != null %}
- +
{% endif %}
{% else %}
{% if site.logo != null %} - + {% endif %}

{{ site.title }}

{{ site.description }}

diff --git a/_includes/open-graph.html b/_includes/open-graph.html new file mode 100644 index 0000000..74dd2bd --- /dev/null +++ b/_includes/open-graph.html @@ -0,0 +1,19 @@ + + +{% if page.excerpt %}{% endif %} +{% if site.owner.twitter %}{% endif %} +{% if author.twitter %}{% endif %} +{% if page.image.feature %} + + +{% else %} + + +{% endif %} + + + + +{% if page.excerpt %}{% endif %} + + \ No newline at end of file diff --git a/_includes/scripts.html b/_includes/scripts.html index ad470f5..f3b16ed 100644 --- a/_includes/scripts.html +++ b/_includes/scripts.html @@ -16,7 +16,7 @@ (function( $, window, undefined ) { var bs = { - close: $(".icon-remove-sign"), + close: $(".close-btn"), searchform: $(".search-form"), canvas: $("body"), dothis: $('.dosearch') @@ -37,14 +37,14 @@ })( jQuery, window ); {% endif %} -{% if site.google_analytics %} +{% if site.owner.google.analytics %} {% endif %} -{% if site.disqus_shortname and page.comments %}{% include disqus_comments.html %}{% endif %} \ No newline at end of file + +{% if page.comments %} + {% include disqus_comments.html %} +{% endif %} \ No newline at end of file diff --git a/_includes/site-search.html b/_includes/site-search.html new file mode 100644 index 0000000..8c49fca --- /dev/null +++ b/_includes/site-search.html @@ -0,0 +1,7 @@ +
+
+ + +
    +
    +
    \ No newline at end of file diff --git a/_layouts/post.html b/_layouts/post.html index 2333c4a..b4b8f8c 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -24,47 +24,43 @@ {% endif %}
    {{ content }} - {% if site.disqus_shortname and page.comments %}
    {% endif %} + + {% if site.owner.disqus-shortname and page.comments == true %}
    {% endif %}
    - diff --git a/_octopress.yml b/_octopress.yml new file mode 100644 index 0000000..3223f5e --- /dev/null +++ b/_octopress.yml @@ -0,0 +1,10 @@ +# Default extensions +post_ext: md +page_ext: md + +# Found in _templates/ +post_layout: post +page_layout: page + +# Format titles with titlecase? +titlecase: true diff --git a/_posts/2014-06-19-author-override.md b/_posts/2014-06-19-author-override.md deleted file mode 100644 index ab181d9..0000000 --- a/_posts/2014-06-19-author-override.md +++ /dev/null @@ -1,25 +0,0 @@ ---- -layout: post -title: "Override Author Byline Test Post" -description: "An article to test overriding the default site author." -category: articles -tags: [sample-post, readability, test] -author: - name: Billy Rick - avatar: bio-photo-alt.jpg -comments: true -share: true ---- - -For those of you who may have content written by multiple authors on your site, here's a new feature I added to So Simple. - -Traditionally you would assign a global author for the entire site and those attributes would be used in all post bylines, social networking links in the footer, Twitter Cards, and Google Authorship. These `owner` variables still work the same way when set in your `config.yml`, but now if you add an author variable to a post's YAML front matter, you can override a post's author byline. - -Let's say we have an author Billy Rick --- he wrote this post and we want his name and photo to appear on the page instead of whoever the default site author is. To do so we'd add the following YAML front matter. - -{% highlight yaml %} -author: - name: Billy Rick - avatar: billy-photo.jpg #place in /images - twitter: billyrick #marked as a creator for Twitter Card links -{% endhighlight %} diff --git a/_posts/2011-03-10-sample-post.md b/_posts/articles/2011-03-10-sample-post.md similarity index 93% rename from _posts/2011-03-10-sample-post.md rename to _posts/articles/2011-03-10-sample-post.md index b1d2506..dd3607a 100644 --- a/_posts/2011-03-10-sample-post.md +++ b/_posts/articles/2011-03-10-sample-post.md @@ -1,9 +1,9 @@ --- layout: post title: Sample Post -description: "Just about everything you'll need to style in the theme: headings, paragraphs, blockquotes, tables, code blocks, and more." +excerpt: "Just about everything you'll need to style in the theme: headings, paragraphs, blockquotes, tables, code blocks, and more." modified: 2013-05-31 -category: articles +categories: articles tags: [sample-post] image: feature: so-simple-sample-image-1.jpg diff --git a/_posts/2012-05-22-readability-post.md b/_posts/articles/2012-05-22-readability-post.md similarity index 97% rename from _posts/2012-05-22-readability-post.md rename to _posts/articles/2012-05-22-readability-post.md index c854fd0..f58554e 100644 --- a/_posts/2012-05-22-readability-post.md +++ b/_posts/articles/2012-05-22-readability-post.md @@ -1,8 +1,8 @@ --- layout: post title: "Testing Readability with a Bunch of Text" -description: "A ton of text to test readability." -category: articles +excerpt: "A ton of text to test readability." +categories: articles tags: [sample-post, readability, test, intro] image: feature: so-simple-sample-image-2.jpg diff --git a/_posts/2013-05-22-sample-post-images.md b/_posts/articles/2013-05-22-sample-post-images.md similarity index 96% rename from _posts/2013-05-22-sample-post-images.md rename to _posts/articles/2013-05-22-sample-post-images.md index bbf35cd..df05bc9 100644 --- a/_posts/2013-05-22-sample-post-images.md +++ b/_posts/articles/2013-05-22-sample-post-images.md @@ -1,8 +1,8 @@ --- layout: post title: "A Post with Images" -description: "Examples and code for displaying images in posts." -category: articles +excerpt: "Examples and code for displaying images in posts." +categories: articles tags: [sample-post, images, test] comments: true share: true diff --git a/_posts/2013-05-23-readability-feature-post.md b/_posts/articles/2013-05-23-readability-feature-post.md similarity index 97% rename from _posts/2013-05-23-readability-feature-post.md rename to _posts/articles/2013-05-23-readability-feature-post.md index fa94fb6..a210702 100644 --- a/_posts/2013-05-23-readability-feature-post.md +++ b/_posts/articles/2013-05-23-readability-feature-post.md @@ -1,8 +1,8 @@ --- layout: post title: "Post with Large Feature Image and Text" -description: "Custom written post descriptions are the way to go... if you're not lazy." -category: articles +excerpt: "Custom written post descriptions are the way to go... if you're not lazy." +categories: articles tags: [sample-post, readability] modified: 2013-06-30 image: diff --git a/_posts/2013-06-25-video-post.md b/_posts/articles/2013-06-25-video-post.md similarity index 85% rename from _posts/2013-06-25-video-post.md rename to _posts/articles/2013-06-25-video-post.md index d9cae2b..1b4b3c2 100644 --- a/_posts/2013-06-25-video-post.md +++ b/_posts/articles/2013-06-25-video-post.md @@ -1,8 +1,8 @@ --- layout: post title: "A Post with a Video" -description: "Custom written post descriptions are the way to go... if you're not lazy." -category: articles +excerpt: "Custom written post descriptions are the way to go... if you're not lazy." +categories: articles tags: [sample-post, video] comments: true share: true diff --git a/_posts/2013-08-12-sample-link-post.md b/_posts/articles/2013-08-12-sample-link-post.md similarity index 63% rename from _posts/2013-08-12-sample-link-post.md rename to _posts/articles/2013-08-12-sample-link-post.md index 8cef5ca..f91e80a 100644 --- a/_posts/2013-08-12-sample-link-post.md +++ b/_posts/articles/2013-08-12-sample-link-post.md @@ -1,10 +1,9 @@ --- layout: post title: "Sample Link Post" -description: "Example and code for using link posts." -category: articles +excerpt: "Example and code for using link posts." +categories: articles tags: [sample-post, link-post] -comments: true link: http://mademistakes.com --- diff --git a/_posts/2013-08-16-code-highlighting-post.md b/_posts/articles/2013-08-16-code-highlighting-post.md similarity index 97% rename from _posts/2013-08-16-code-highlighting-post.md rename to _posts/articles/2013-08-16-code-highlighting-post.md index faf3ca4..7d71bcf 100644 --- a/_posts/2013-08-16-code-highlighting-post.md +++ b/_posts/articles/2013-08-16-code-highlighting-post.md @@ -1,8 +1,8 @@ --- layout: post title: Syntax Highlighting Post -description: "Demo post displaying the various ways of highlighting code in Markdown." -category: articles +excerpt: "Demo post displaying the various ways of highlighting code in Markdown." +categories: articles tags: [sample-post, code, highlighting] image: feature: so-simple-sample-image-5.jpg diff --git a/_posts/articles/2014-06-19-author-override.md b/_posts/articles/2014-06-19-author-override.md new file mode 100644 index 0000000..2c8aff1 --- /dev/null +++ b/_posts/articles/2014-06-19-author-override.md @@ -0,0 +1,45 @@ +--- +layout: post +title: "Override Author Byline Test Post" +excerpt: "An article to test overriding the default site author." +categories: articles +tags: [sample-post, readability, test] +author: billy_rick +comments: true +share: true +--- + +For those of you who may have content written by multiple authors on your site you can now assign different authors to each post if desired. + +Previously the theme used a global author for the entire site and those attributes would be used in all bylines, social networking links, Twitter Card attribution, and Google Authorship. These `owner` variables were defined in `config.yml` + +Start by modifying or creating a new `authors.yml` file in the `_data` folder and add your authors using the following format. + +{% highlight yaml %} +# Authors + +billy_rick: + name: Billy Rick + web: http://thewhip.com + email: billy@rick.com + bio: "What do you want, jewels? I am a very extravagant man." + avatar: bio-photo-2.jpg + twitter: extravagantman + google: + plus: +BillyRick + +cornelius_fiddlebone: + name: Cornelius Fiddlebone + email: cornelius@thewhip.com + bio: "I ordered what?" + avatar: bio-photo.jpg + twitter: rhymeswithsackit + google: + plus: +CorneliusFiddlebone +{% endhighlight %} + +To assign Billy Rick as an author for our post. You'd add the following YAML front matter to a post: + +{% highlight yaml %} +author: billy_rick +{% endhighlight %} \ No newline at end of file diff --git a/_posts/blog/2014-08-08-hello-world.md b/_posts/blog/2014-08-08-hello-world.md new file mode 100644 index 0000000..5a069b0 --- /dev/null +++ b/_posts/blog/2014-08-08-hello-world.md @@ -0,0 +1,33 @@ +--- +layout: post +title: "Hello World" +modified: +categories: blog +excerpt: +tags: [] +image: + feature: +date: 2014-08-08T15:39:55-04:00 +--- + +You'll find this post in your `_posts` directory - edit this post and re-build (or run with the `-w` switch) to see your changes! +To add new posts, simply add a file in the `_posts` directory that follows the convention: YYYY-MM-DD-name-of-post.ext. + +## Sample Heading + +### Sample Heading 2 + +Jekyll also offers powerful support for code snippets: + +{% highlight ruby %} +def print_hi(name) + puts "Hi, #{name}" +end +print_hi('Tom') +#=> prints 'Hi, Tom' to STDOUT. +{% endhighlight %} + +Check out the [Jekyll docs][jekyll] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll's GitHub repo][jekyll-gh]. + +[jekyll-gh]: https://github.com/jekyll/jekyll +[jekyll]: http://jekyllrb.com diff --git a/assets/less/coderay.less b/_sass/coderay.scss similarity index 95% rename from assets/less/coderay.less rename to _sass/coderay.scss index 605cdc6..200fd8c 100644 --- a/assets/less/coderay.less +++ b/_sass/coderay.scss @@ -1,14 +1,14 @@ .CodeRay { - font-family: @code-font; - .font(12); + background-color: #efefef; + font-family: $code-font; + @include font(12); color: #333332; margin-bottom: 1.5em; - border: 1px solid darken(@body-color, 5); -} - -.CodeRay code { - margin: 0; - padding: 1em; + @include rounded(4px); + pre { + margin: 0px; + padding: 1em; + } } div.CodeRay { } @@ -21,6 +21,7 @@ table.CodeRay td { } .CodeRay .line-numbers, .CodeRay .no { + background-color: #ECECEC; color: #AAA; text-align: right; } diff --git a/assets/less/elements.less b/_sass/elements.scss similarity index 89% rename from assets/less/elements.less rename to _sass/elements.scss index d5e6a30..d8f6d12 100644 --- a/assets/less/elements.less +++ b/_sass/elements.scss @@ -14,26 +14,26 @@ figure { margin: 0; padding-top: 10px; padding-bottom: 10px; - .clearfix(); + @include clearfix; img { margin-bottom: 10px; } a { img { - .translate(0, 0); + @include translate(0, 0); -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; -o-transition-duration: 0.25s; - .opacity(0.7); + @include opacity(0.7); &:hover { - .translate(0, -5px); - .box-shadow(0 0 10px fade(@black, 20)); - .opacity(1); + @include translate(0, -5px); + @include box-shadow(0 0 10px rgba($black, .20)); + @include opacity(1); } } } &.half { - @media @large { + @media #{$large} { img { width: 310px; float: left; @@ -45,7 +45,7 @@ figure { } } &.third { - @media @large { + @media #{$large} { img { width: 200px; float: left; @@ -61,32 +61,49 @@ svg:not(:root) { overflow: hidden; } + +// Tables +// -------------------------------------------------- +table { + width: 100%; +} + // Buttons // -------------------------------------------------- .btn { display: inline-block; margin-bottom: 20px; padding: 8px 20px; - .font-rem(14); - background-color: @black; - color: @white; - border: 2px solid @black !important; - .rounded(20px); + @include font-rem(14); + background-color: $black; + color: $white; + border: 2px solid $black !important; + @include rounded(20px); &:visited { - color: @white; + color: $white; } &:hover { - background-color: @white; - color: @black; + background-color: $white; + color: $black; } } +.close-btn { + position: absolute; + top: 0; + right: 0; + z-index: 1; + background-color: transparent; + border: 0 solid transparent; + color: $white; +} + // Well // -------------------------------------------------- .well { padding: 20px; - border: 1px solid @comp-color; - .rounded(4px); + border: 1px solid $comp-color; + @include rounded(4px); } // Animations diff --git a/assets/less/forms.less b/_sass/forms.scss similarity index 81% rename from assets/less/forms.less rename to _sass/forms.scss index bd3dfe2..d3b5eb8 100644 --- a/assets/less/forms.less +++ b/_sass/forms.scss @@ -11,9 +11,9 @@ form { margin-bottom: 5px * 2; *margin-left: -7px; padding: 0; - color: @text-color; + color: $text-color; border: 0; - border-bottom: 1px solid lighten(@black, 80); + border-bottom: 1px solid lighten($black, 80); white-space: normal; } p { @@ -40,14 +40,14 @@ input, button, select, textarea { - font-family: @base-font; - .box-sizing(border-box); + font-family: $base-font; + @include box-sizing(border-box); } label { display: block; margin-bottom: 10px / 8; font-weight: bold; - color: @text-color; + color: $text-color; cursor: pointer; input, textarea, @@ -62,11 +62,11 @@ select { width: 100%; padding: 4px; margin-bottom: 5px / 4; - background-color: @white; - border: 1px solid lighten(@black, 80); - color: @text-color; + background-color: $white; + border: 1px solid lighten($black, 80); + color: $text-color; &:hover { - border-color: lighten(@accent-color, 50); + border-color: lighten($accent-color, 50); } } .input-mini { @@ -85,19 +85,19 @@ input[type="radio"] { *margin-top: 0; line-height: normal; cursor: pointer; - .rounded(0); + @include rounded(0); border: 0 \9; } input[type="checkbox"], input[type="radio"] { - .box-sizing(border-box); + @include box-sizing(border-box); padding: 0; *width: 13px; *height: 13px; } input[type="image"] { border: 0; - .box-shadow(none); + @include box-shadow(none); } input[type="file"] { width: auto; @@ -106,7 +106,7 @@ input[type="file"] { border: initial; background-color: transparent; background-color: initial; - .box-shadow(none); + @include box-shadow(none); } input[type="button"], input[type="reset"], @@ -122,14 +122,14 @@ input[type="file"] { } select { width : auto; - background-color : @white; + background-color : $white; } select[multiple], select[size] { height : auto; } textarea { - .resize(vertical); + @include resize(vertical); height : auto; overflow : auto; vertical-align : top; @@ -168,7 +168,7 @@ textarea[disabled], input[readonly], select[readonly], textarea[readonly] { - .opacity(.5); + @include opacity(.5); cursor : not-allowed; } @@ -177,7 +177,7 @@ textarea[readonly] { input:focus, textarea:focus { - border-color : @accent-color; + border-color : $accent-color; outline : 0; outline : thin dotted \9; } @@ -185,7 +185,7 @@ input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, select:focus { - .box-shadow(none); + @include box-shadow(none); } // help text @@ -193,7 +193,7 @@ select:focus { .help-block, .help-inline { - color : lighten(@black, 50); + color : lighten($black, 50); } .help-block { display : block; @@ -237,11 +237,11 @@ select:focus { padding: 6px 10px; cursor: pointer; display: block; - color: @white; - .rounded(4px); + color: $white; + @include rounded(4px); &:hover { - .box-shadow(@shadow: inset 0 0 1px @white); - background-color: lighten(@black, 10); + @include box-shadow($shadow: inset 0 0 1px $white); + background-color: lighten($black, 10); } } .search-form { @@ -256,14 +256,14 @@ select:focus { -webkit-appearance: none; border: none; width: 100%; - color: @white; + color: $white; border: none; - border-bottom: 1px solid lighten(@white, 20); + border-bottom: 1px solid lighten($white, 20); background-color: transparent; box-shadow: none; border-radius: 0; background-clip: padding-box; - .font-rem(32); + @include font-rem(32); &:focus { box-shadow: none; outline: none; @@ -278,18 +278,7 @@ select:focus { display: none; } ::-webkit-input-placeholder { - .font-rem(32); - } - .icon-remove-sign { - position: absolute; - top: .6rem; - right: 1rem; - display: block; - cursor: pointer; - text-align: center; - color: @white; - z-index: 1; - cursor: pointer; + @include font-rem(32); } .search-field::-webkit-search-decoration, .search-field::-webkit-search-cancel-button, @@ -301,10 +290,10 @@ select:focus { position: absolute; width: 100%; h4, li, p, a { - color: @white; + color: $white; } li { - border-bottom: 1px solid lighten(@white,20); + border-bottom: 1px solid lighten($white,20); } } } @@ -313,8 +302,8 @@ body.search-overlay { } body.search-overlay:after { content: ''; - background-color: lighten(@black,5); - background-color: fade(@black,95); + background-color: lighten($black,5); + background-color: rgba($black,.95); width: 100%; min-height: 100%; height: 100%; diff --git a/_sass/grid.scss b/_sass/grid.scss new file mode 100644 index 0000000..ffb89e7 --- /dev/null +++ b/_sass/grid.scss @@ -0,0 +1,47 @@ +// Defining number of columns in the grid. +// Common Values would be 12, 16 or 24 +$width: 100%; +$def_grid: 12; +$margin: 0; + +@mixin container(){ + margin:0 auto; + width:$width; +} + +// Works out the width of elements based +// on total number of columns and width +// number of columns being displayed. +// Removes 20px for margins +@mixin grid($grid:$def_grid,$cols:'',$float:left,$display:inline){ + display:$display; + float:$float; + width:(100%/$grid * $cols) - ($margin * 2); +} + +// Allows for padding before element +@mixin prefix($grid:$def_grid,$cols:''){ + margin-left:(100%/$grid * $cols); +} +// Allows for padding after element +@mixin suffix($grid:$def_grid,$cols:''){ + margin-right:(100%/$grid * $cols); +} +// Removes left margin +@mixin first(){ + margin-left:0; +} +// Removes right margin +@mixin last(){ + margin-right:0; +} + +@mixin push($grid:$def_grid,$move:'') { + position:relative; + left:(100%/$grid * $move); +} + +@mixin pull($grid:$def_grid,$move:''){ + position:relative; + left:(100%/$grid * $move) * -1; +} \ No newline at end of file diff --git a/_sass/mixins.scss b/_sass/mixins.scss new file mode 100644 index 0000000..041db82 --- /dev/null +++ b/_sass/mixins.scss @@ -0,0 +1,269 @@ +// UTILITY MIXINS +// -------------------------------------------------- + +// Clearfix +// -------------------- +// For clearing floats like a boss h5bp.com/q +@mixin clearfix { + *zoom: 1; + &:before, + &:after { + display: table; + content: ""; + // Fixes Opera/contenteditable bug: + // http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952 + line-height: 0; + } + &:after { + clear: both; + } +} + +// Webkit-style focus +// -------------------- +@mixin tab-focus() { + // Default + outline: thin dotted #333; + // Webkit + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +// Center-align a block level element +// ---------------------------------- +@mixin center-block() { + display: block; + margin-left: auto; + margin-right: auto; +} + +// TYPOGRAPHY +// -------------------------------------------------- + +// Full-fat vertical rhythm +// ------------------------ +@mixin font-size($size) { + font-size: 0px + $size; + font-size: 0rem + $size / $doc-font-size; + line-height: 0 + round($doc-line-height / $size*10000) / 10000; + margin-bottom: 0px + $doc-line-height; + margin-bottom: 0rem + ($doc-line-height / $doc-font-size); +} + +// Just the REMs +// ------------- +@mixin font-rem($size) { + font-size: 0px + $size; + font-size: 0rem + $size / $doc-font-size; +} + +// Just font-size and line-height +// ------------------------------ +@mixin font($size) { + font-size: 0px + $size; + font-size: 0rem + $size / $doc-font-size; + line-height: 0 + round($doc-line-height / $size*10000) / 10000; +} + +@mixin text-overflow() { +overflow: hidden; +text-overflow: ellipsis; +white-space: nowrap; } + +// GRADIENTS +// -------------------------------------------------- + +@mixin horizontal($startColor : $white, $endColor : $lightergrey) { +background-color: $endColor; +background-image : -webkit-gradient(linear, 0 0, 100% 0, from($startColor), to($endColor)); // Safari 4+, Chrome 2+ +background-image : -webkit-linear-gradient(left, $startColor, $endColor); // Safari 5.1+, Chrome 10+ +background-image : -moz-linear-gradient(left, $startColor, $endColor); // FF 3.6+ +background-image : -ms-linear-gradient(left, $startColor, $endColor); // IE10 +background-image : -o-linear-gradient(left, $startColor, $endColor); // Opera 11.10 +background-image : linear-gradient(left, $startColor, $endColor); // W3C +background-repeat : repeat-x; } + +@mixin vertical($startColor : $white, $endColor: $lightergrey) { +background-image : -webkit-gradient(linear, 0 0, 0 100%, from($startColor), to($endColor)); // Safari 4+, Chrome 2+ +background-image : -webkit-linear-gradient(top, $startColor, $endColor); // Safari 5.1+, Chrome 10+ +background-color : $endColor; +background-image : -moz-linear-gradient(top, $startColor, $endColor); // FF 3.6+ +background-image : -ms-linear-gradient(top, $startColor, $endColor); // IE10 +background-image : -o-linear-gradient(top, $startColor, $endColor); // Opera 11.10 +background-image : linear-gradient(top, $startColor, $endColor); // W3C +background-repeat : repeat-x; } + +@mixin directional($startColor : $white, $endColor : $lightergrey, $deg : 45deg) { +background-color : $endColor; +background-image : -moz-linear-gradient($deg, $startColor, $endColor); // FF 3.6+ +background-image : -ms-linear-gradient($deg, $startColor, $endColor); // IE10 +background-image : -webkit-linear-gradient($deg, $startColor, $endColor); // Safari 5.1+, Chrome 10+ +background-image : -o-linear-gradient($deg, $startColor, $endColor); // Opera 11.10 +background-image : linear-gradient($deg, $startColor, $endColor); // W3C +background-repeat : repeat-x; } + +// .bordered(COLOR, COLOR, COLOR, COLOR); +@mixin bordered($top-color: #eee, $right-color: #eee, $bottom-color: #eee, $left-color: #eee) { +border-top : solid 1px $top-color; +border-left : solid 1px $left-color; +border-right : solid 1px $right-color; +border-bottom : solid 1px $bottom-color; } + +// ROUND CORNERS +// -------------------------------------------------- + +// @include rounded(VALUE); +@mixin rounded($radius:4px) { +border-radius : $radius; } + +// @include border-radius(VALUE,VALUE,VALUE,VALUE); +@mixin border-radius($topright: 0, $bottomright: 0, $bottomleft: 0, $topleft: 0) { +border-top-right-radius : $topright; +border-bottom-right-radius : $bottomright; +border-bottom-left-radius : $bottomleft; +border-top-left-radius : $topleft; +background-clip : padding-box; } + +// @include box-shadow(HORIZONTAL VERTICAL BLUR COLOR)) +@mixin box-shadow($shadow: 0 1px 3px rgba(0,0,0,.25)) { +-webkit-box-shadow : $shadow; +-moz-box-shadow : $shadow; +box-shadow : $shadow; } + +// @include drop-shadow(HORIZONTAL, VERTICAL, BLUR, ALPHA); +@mixin drop-shadow($x-axis: 0, $y-axis: 1px, $blur: 2px, $alpha: 0.1) { +-webkit-box-shadow : $x-axis $y-axis $blur rgba(0, 0, 0, $alpha); +-moz-box-shadow : $x-axis $y-axis $blur rgba(0, 0, 0, $alpha); +box-shadow : $x-axis $y-axis $blur rgba(0, 0, 0, $alpha); } + +// @include text-shadow(); +@mixin text-shadow($shadow: 0 2px 3px rgba(0,0,0,.25)) { +text-shadow : $shadow; } + +// @include opacity(VALUE); +@mixin opacity($opacity : .5) { +opacity : $opacity; } + +// TRANSFORMATIONS +// -------------------------------------------------- + +// @include rotate(VALUEdeg); +@mixin rotate($deg) { +-webkit-transform : rotate($deg); +-moz-transform : rotate($deg); +-ms-transform : rotate($deg); +-o-transform : rotate($deg); +transform : rotate($deg); } + +// @include scale(VALUE); +@mixin scale($ratio) { +-webkit-transform : scale($ratio); +-moz-transform : scale($ratio); +-ms-transform : scale($ratio); +-o-transform : scale($ratio); +transform : scale($ratio); } + +// @include skew(VALUE, VALUE); +@mixin skew($x: 0, $y: 0) { +-webkit-transform : skew($x, $y); +-moz-transform : skew($x, $y); +-ms-transform : skew($x, $y); +-o-transform : skew($x, $y); +transform : skew($x, $y); } + +// @include transition(PROPERTY DURATION DELAY(OPTIONAL) TIMING-FINCTION); +@mixin transition($transition) { +-webkit-transition : $transition; +-moz-transition : $transition; +-ms-transition : $transition; +-o-transition : $transition; +transition : $transition; } + +// @include translate(VALUE, VALUE) +@mixin translate($x: 0, $y: 0) { +-webkit-transform : translate($x, $y); +-moz-transform : translate($x, $y); +-ms-transform : translate($x, $y); +-o-transform : translate($x, $y); +transform : translate($x, $y); } + +@mixin translate3d($x: 0, $y: 0, $z: 0) { +-webkit-transform : translate($x, $y, $z); +-moz-transform : translate($x, $y, $z); +-ms-transform : translate($x, $y, $z); +-o-transform : translate($x, $y, $z); +transform : translate($x, $y, $z); } + +@mixin animation($name, $duration: 300ms, $delay: 0, $ease: ease) { + -webkit-animation: $name $duration $delay $ease; + -moz-animation: $name $duration $delay $ease; + -ms-animation: $name $duration $delay $ease;} + +// BACKGROUND +// -------------------------------------------------- + +// @include background-alpha(VALUE VALUE); +@mixin background-alpha($color: $white, $alpha: 1) { +background-color : hsla(hue($color), saturation($color), lightness($color), $alpha); } + +// @include background-size(VALUE VALUE); +@mixin background-size($size){ +-webkit-background-size : $size; +-moz-background-size : $size; +-o-background-size : $size; +background-size : $size; } + +// @include background-clip(VALUE); (border-box, padding-box, content-box) +@mixin background-clip($clip) { +-webkit-background-clip : $clip; +-moz-background-clip : $clip; +background-clip : $clip; } + +// @include box-sizing(VALUE); (border-box, padding-box, content-box) +@mixin box-sizing($boxsize: border-box) { +-webkit-box-sizing : $boxsize; +-moz-box-sizing : $boxsize; +-ms-box-sizing : $boxsize; +box-sizing : $boxsize; } + +// For image replacement +@mixin hide-text() { +text-indent : 100%; +white-space : nowrap; +overflow : hidden; } + +// Hide from visual and speaking browsers +@mixin hidden() { +display : none !important; +visibility : hidden; } +.hidden { + display: none; + visibility: hidden; +} + +// Hide but maintain layout +@mixin invisible() { +visibility : hidden; } + +// @include resize(VALUE) (none, both, horizontal, vertical, inherit) +@mixin resize($direction: both) { +resize : $direction; +overflow : auto; } + +// @include userselect(VALUE) (all, element, none, text) +@mixin user-select($select) { +-webkit-user-select : $select; +-moz-user-select : $select; +-o-user-select : $select; +user-select : $select; } + +// Hidden but available to speaking browsers +@mixin visuallyhidden() { +overflow : hidden; +position : absolute; +clip : rect(0 0 0 0); +height : 1px; +width : 1px; +margin : -1px; +padding : 0; +border : 0; } \ No newline at end of file diff --git a/assets/less/page.less b/_sass/page.scss similarity index 69% rename from assets/less/page.less rename to _sass/page.scss index e08fd59..0dc2f2d 100644 --- a/assets/less/page.less +++ b/_sass/page.scss @@ -2,10 +2,10 @@ body { margin: 0; padding: 0; width: 100%; - background-color: @white; - border-top: 5px solid @black; - @media @medium { - .font-rem(20); + background-color: $body-color; + border-top: 5px solid $black; + @media #{$medium} { + @include font-rem(20); } } @@ -13,35 +13,35 @@ body { // -------------------------------------------------- .navigation-wrapper { text-align: center; - .clearfix(); + @include clearfix; ul { display: inline-block; vertical-align: top; margin: 0 0 50px; padding: 4px 20px; - background-color: @black; - .rounded(0 0 10px 10px); - .clearfix(); + background-color: $black; + @include rounded(0 0 10px 10px); + @include clearfix; } li { display: block; float: left; list-style: none; text-align: center; - .font-rem(14); + @include font-rem(14); text-transform: uppercase; - color: @white; + color: $white; a:hover { - .box-shadow(@shadow: inset 0 0 1px @white); + @include box-shadow($shadow: inset 0 0 1px $white); } } a { display: block; padding: 6px 10px; - color: @white; - .rounded(4px); + color: $white; + @include rounded(4px); &:hover { - background-color: lighten(@black, 10); + background-color: lighten($black, 10); } } } @@ -49,14 +49,14 @@ body { #site-nav { z-index: 9000; display: none; - @media @medium { + @media #{$medium} { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; } &.closed { - @media @medium { + @media #{$medium} { display: block; } } @@ -65,7 +65,7 @@ body { max-height: 100%; li { float: none; - @media @medium { + @media #{$medium} { float: left; } } @@ -80,9 +80,9 @@ body { vertical-align: top; margin: 0; padding: 4px 20px; - background-color: @black; - .rounded(0); - @media @medium { + background-color: $black; + @include rounded(0); + @media #{$medium} { display: none; } } @@ -91,8 +91,8 @@ body { // -------------------------------------------------- .masthead { margin-top: 40px; - .clearfix(); - @media @medium { + @include clearfix; + @media #{$medium} { margin-top: 0; } .wrap { @@ -100,12 +100,12 @@ body { max-width: 27.5em; padding-right: 20px; padding-left: 20px; - @media @medium { + @media #{$medium} { max-width: 45.5em; padding-right: 60px; padding-left: 60px; } - @media @large { + @media #{$large} { max-width: 60em; } } @@ -122,17 +122,17 @@ body { -moz-animation-delay: .05s; -o-animation-delay: .05s; animation-delay: .05s; - border: 4px solid @white; - .rounded(100px); - @media @medium { + border: 4px solid $white; + @include rounded(100px); + @media #{$medium} { width: 150px; height: 150px; - .rounded(150px); + @include rounded(150px); } - @media @large { + @media #{$large} { width: 200px; height: 200px; - .rounded(200px); + @include rounded(200px); } } } @@ -146,12 +146,12 @@ body { -moz-animation-delay: .75s; -o-animation-delay: .75s; animation-delay: .75s; - a { color: @black; } + a { color: $black; } } .site-description { margin-top: 0; - font-family: @alt-font; - .font-rem(16); + font-family: $alt-font; + @include font-rem(16); font-weight: 400; font-style: italic; -webkit-animation-duration: 1s; @@ -162,29 +162,29 @@ body { -moz-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; - @media @medium { - .font-rem(20); + @media #{$medium} { + @include font-rem(20); } } // Main // -------------------------------------------------- #main { - .clearfix(); + @include clearfix; } .entry, .hentry { - .clearfix(); - border-bottom: 1px solid lighten(@black,80); - border-bottom: 1px solid fade(@black,10); + @include clearfix; + border-bottom: 1px solid lighten($black,80); + border-bottom: 1px solid rgba($black,.10); } .entry-feature-image { margin: 20px 0 0; width: 100%; - @media @medium { + @media #{$medium} { margin-top: -75px; } - @media @large { + @media #{$large} { margin-top: -145px; } } @@ -193,7 +193,7 @@ body { width: 100%; margin-right: auto; margin-left: auto; - @media @large { + @media #{$large} { max-width: 100%; margin-right: 0; margin-left: 0; @@ -203,31 +203,31 @@ body { display: block; margin-top: 2em; text-transform: uppercase; - .font-rem(16); + @include font-rem(16); font-weight: 600; - a { color: @text-color; } + a { color: $text-color; } } span + .entry-title { margin-top: 0; } .entry-title { - font-family: @alt-font; + font-family: $alt-font; font-style: italic; - .font-rem(36); + @include font-rem(36); font-weight: 400; line-height: 1; letter-spacing: -3px; a { - color: @black; + color: $black; text-decoration: underline; } - @media @medium { + @media #{$medium} { max-width: 600px; - .font-rem(52); + @include font-rem(52); } - @media @large { + @media #{$large} { max-width: 800px; - .font-rem(68); + @include font-rem(68); } } .entry-wrapper { @@ -235,13 +235,13 @@ span + .entry-title { max-width: 440px; padding-right: 20px; padding-left: 20px; - .clearfix(); - @media @medium { + @include clearfix(); + @media #{$medium} { max-width: 760px; padding-right: 60px; padding-left: 60px; } - @media @large { + @media #{$large} { max-width: 960px; } } @@ -253,9 +253,9 @@ span + .entry-title { margin-left: auto; display: block; text-transform: uppercase; - .font-rem(14); - a { color: @text-color; } - @media @large { + @include font-rem(14); + a { color: $text-color; } + @media #{$large} { float: left; width: 150px; margin: 0 40px 40px 0; @@ -264,23 +264,23 @@ span + .entry-title { & > span { padding: 0 20px 10px 0; display: inline-block; - @media @large { + @media #{$large} { display: block; padding: 8px 0; - border-bottom: 1px solid lighten(@black,80); - border-bottom: 1px solid fade(@black,10); + border-bottom: 1px solid lighten($black,80); + border-bottom: 1px solid rgba($black,.10); } } } -.author-photo { +.bio-photo { display: none; - @media @large { + @media #{$large} { display: block; width: 150px; height: 150px; margin-bottom: 10px; - .rounded(150px); - .clearfix(); + @include rounded(150px); + @include clearfix; } } .entry-content { @@ -291,12 +291,12 @@ span + .entry-title { p:first-child { margin-top: 0; } - @media @large { + @media #{$large} { float: left; } p > a, li > a { - border-bottom: 1px dotted lighten(@link-color, 50); + border-bottom: 1px dotted lighten($link-color, 50); &:hover { border-bottom-style: solid; } @@ -313,6 +313,7 @@ span + .entry-title { } // Pagination .pagination { + margin-top: 2em; text-align: center; } // Page layout @@ -323,7 +324,7 @@ span + .entry-title { max-width: 100%; } .entry-content { - @media @large { + @media #{$large} { float: none; } } @@ -335,18 +336,18 @@ span + .entry-title { list-style-type: none; li { padding: 8px 0; - border-bottom: 1px solid lighten(@black,80); - border-bottom: 1px solid fade(@black,10); - .clearfix(); + border-bottom: 1px solid lighten($black,80); + border-bottom: 1px solid rgba($black,.10); + @include clearfix; } a > span { float: right; } .entry-date { - .font-rem(14); + @include font-rem(14); text-transform: uppercase; display: none; - @media @medium { + @media #{$medium} { display: inline; } } @@ -357,21 +358,21 @@ span + .entry-title { margin: 0; padding: 4px 0; overflow: hidden; - .clearfix(); + @include clearfix; &.inline li { float: left; - .font-rem(14); + @include font-rem(14); line-height: 2.5; } a { padding: 4px 6px; margin: 2px; - background-color: lighten(@black, 90); - .rounded(4px); + background-color: lighten($black, 90); + @include rounded(4px); text-decoration: none; span { vertical-align: super; - .font-rem(10); + @include font-rem(10); } } } @@ -384,23 +385,23 @@ span + .entry-title { width: 90%; padding-right: 5%; padding-left: 5%; - .clearfix(); - @media @medium { + @include clearfix; + @media #{$medium} { top: 100px; } } // Footer // -------------------------------------------------- .footer-wrapper { - .clearfix(); + @include clearfix; margin: 2em auto; text-align: center; - font-family: @alt-font; - .font-rem(14); + font-family: $alt-font; + @include font-rem(14); font-style: italic; - color: lighten(@text-color,20); + color: lighten($text-color,20); a { - color: lighten(@text-color,20); + color: lighten($text-color,20); } } @@ -410,7 +411,7 @@ span + .entry-title { margin: 1em 0 2em; a { padding: 4px 8px; - &:hover { color:@black; } + &:hover { color:$black; } } } @@ -440,15 +441,15 @@ span + .entry-title { #goog-wm-sb { display: inline-block; padding: 8px 20px; - background-color: @black; - color: @white; - border: 2px solid @black !important; - .rounded(20px); + background-color: $black; + color: $white; + border: 2px solid $black !important; + @include rounded(20px); &:visited { - color: @white; + color: $white; } &:hover { - background-color: @white; - color: @black; + background-color: $white; + color: $black; } } diff --git a/assets/less/pygments.less b/_sass/pygments.scss similarity index 95% rename from assets/less/pygments.less rename to _sass/pygments.scss index 43fe043..0cec2fc 100644 --- a/assets/less/pygments.less +++ b/_sass/pygments.scss @@ -1,12 +1,16 @@ .highlight { + background-color: #efefef; + font-family: $code-font; + @include font(12); + color: #333332; margin-bottom: 1.5em; - .font(12); - border: 1px solid darken(@body-color, 5); + @include rounded(4px); pre { position: relative; margin: 0; padding: 1em; } + .lineno { padding-right: 24px; color: lighten(#333332,50);} .hll { background-color: #ffffcc } .c { color: #999988; font-style: italic } /* Comment */ .err { color: #a61717; background-color: #e3d2d2 } /* Error */ diff --git a/assets/less/reset.less b/_sass/reset.scss similarity index 98% rename from assets/less/reset.less rename to _sass/reset.scss index 4c1e0c8..87a9c53 100644 --- a/assets/less/reset.less +++ b/_sass/reset.scss @@ -48,7 +48,7 @@ html { } // Focus states a:focus { - .tab-focus(); + @include tab-focus; } // Hover & Active a:hover, @@ -140,7 +140,7 @@ input[type="checkbox"] { cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others. } input[type="search"] { // Appearance in Safari/Chrome - .box-sizing(content-box); + @include box-sizing(content-box); -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration, diff --git a/_sass/site.scss b/_sass/site.scss new file mode 100644 index 0000000..dd235ff --- /dev/null +++ b/_sass/site.scss @@ -0,0 +1,46 @@ +// Selection +// -------------------------------------------------- + +::-moz-selection { + background-color: lighten($base-color, 65%); + color: $base-color; + text-shadow: none; +} +::selection { + background-color: lighten($base-color, 65%); + color: $base-color; + text-shadow: none; +} + + +// Utility Classes +// -------------------------------------------------- + +.wrap { + margin: 0 auto; +} +.all-caps { + text-transform: uppercase; +} +.pull-left { + float: left; +} +.pull-right { + float:right; +} +.unstyled-list { + list-style: none; + margin-left: 0; + padding-left: 0; + li { + list-style-type: none; + } +} + + +// Global Transition +// --------------------------------------------------- + +b, i, strong, em, blockquote, p, q, span, figure, img, h1, h2, header, input, a { + @include transition(all .2s ease); +} \ No newline at end of file diff --git a/assets/less/typography.less b/_sass/typography.scss similarity index 63% rename from assets/less/typography.less rename to _sass/typography.scss index 2c9f828..0bb29d8 100644 --- a/assets/less/typography.less +++ b/_sass/typography.scss @@ -1,30 +1,30 @@ // Body // -------------------------------------------------- body { - font-family: @base-font; - color: @text-color; + font-family: $base-font; + color: $text-color; } // Headings // -------------------------------------------------- h1, h2, h3, h4, h5, h6 { - font-family: @heading-font; + font-family: $heading-font; } // Links // -------------------------------------------------- a { text-decoration: none; - color: @link-color; + color: $link-color; &:visited { - color: lighten(@link-color, 20); + color: lighten($link-color, 20); } &:hover { - color: darken(@link-color, 20); + color: darken($link-color, 20); } &:focus { outline: thin dotted; - color: darken(@link-color, 20); + color: darken($link-color, 20); } &:hover, &:active { @@ -42,9 +42,9 @@ a { // -------------------------------------------------- figcaption { padding-top: 10px; - .font(14); + @include font(14); line-height: 1.3; - color: lighten(@text-color, 10); + color: lighten($text-color, 10); } // Feature Image Caption @@ -56,20 +56,20 @@ figcaption { padding-right: 20px; padding-left: 20px; text-align: right; - .font(14); + @include font(14); line-height: 1.3; - color: lighten(@text-color, 30); - .clearfix(); - @media @medium { + color: lighten($text-color, 30); + @include clearfix(); + @media #{$medium} { max-width: 760px; padding-right: 60px; padding-left: 60px; } - @media @large { + @media #{$large} { max-width: 960px; } a { - color: lighten(@text-color, 30); + color: lighten($text-color, 30); } } @@ -79,46 +79,47 @@ figcaption { margin-top: 1.5em; padding: .5em 1em; text-indent: 0; - .font-rem(16); - background-color: lighten(@black, 95); - border: 1px solid lighten(@black, 90); - .rounded(4px); + @include font-rem(16); + background-color: lighten($black, 95); + border: 1px solid lighten($black, 90); + @include rounded(4px); } + // Blockquotes // -------------------------------------------------- blockquote { - font-family: @alt-font; + font-family: $alt-font; font-style: italic; - .font-size(24); + @include font-size(16); padding-left: 20px; - border-left: 8px solid @black; + border-left: 8px solid $black; } // Footnotes // -------------------------------------------------- .footnotes { - .font(14); - font-family: @base-font; + @include font(14); + font-family: $base-font; } // Code // -------------------------------------------------- tt, code, kbd, samp, pre { - font-family: @code-font; + font-family: $code-font; } p, li { code { - .font(12); + @include font(12); white-space: nowrap; margin: 0 2px; padding: 0 5px; - border: 1px solid lighten(@black, 90); - background-color: lighten(@black, 95); - .rounded(3px); + border: 1px solid lighten($black, 90); + background-color: lighten($black, 95); + @include rounded(3px); } } pre { - .font(12); + @include font(12); overflow-x: auto; } diff --git a/_sass/variables.scss b/_sass/variables.scss new file mode 100644 index 0000000..415b0c9 --- /dev/null +++ b/_sass/variables.scss @@ -0,0 +1,36 @@ +// TYPOGRAPHY ================================================ +$base-font: 'source-sans-pro', sans-serif; +$heading-font: $base-font; +$caption-font: $base-font; +$code-font: 'source-code-pro', monospace; +$alt-font: 'volkhov', serif; + +$doc-font-size: 16; +$doc-line-height: 24; + + +// set-up the body font-size / line-height +body { + margin-top: 0px + $doc-line-height; + font-size: 0px + $doc-font-size; +} + + +// COLORS ===================================================== +$body-color : #fff; +$text-color : #222; +$base-color : #343434; +$comp-color : spin($base-color, 180); +$border-color : $base-color; +$white : #fff; +$black : #000; +$accent-color : $black; +$link-color : #222; + + +// MEDIA QUERIES ============================================== +$micro : "only screen and (min-width: 30em)"; +$small : "only screen and (min-width: 37.5em)"; +$medium : "only screen and (min-width: 48em)"; +$large : "only screen and (min-width: 62em)"; +$x-large : "only screen and (min-width: 86.375em)"; diff --git a/_sass/vendor/font-awesome/_bordered-pulled.scss b/_sass/vendor/font-awesome/_bordered-pulled.scss new file mode 100644 index 0000000..9d3fdf3 --- /dev/null +++ b/_sass/vendor/font-awesome/_bordered-pulled.scss @@ -0,0 +1,16 @@ +// Bordered & Pulled +// ------------------------- + +.#{$fa-css-prefix}-border { + padding: .2em .25em .15em; + border: solid .08em $fa-border-color; + border-radius: .1em; +} + +.pull-right { float: right; } +.pull-left { float: left; } + +.#{$fa-css-prefix} { + &.pull-left { margin-right: .3em; } + &.pull-right { margin-left: .3em; } +} diff --git a/_sass/vendor/font-awesome/_core.scss b/_sass/vendor/font-awesome/_core.scss new file mode 100644 index 0000000..861ccd9 --- /dev/null +++ b/_sass/vendor/font-awesome/_core.scss @@ -0,0 +1,12 @@ +// Base Class Definition +// ------------------------- + +.#{$fa-css-prefix} { + display: inline-block; + font-family: FontAwesome; + font-style: normal; + font-weight: normal; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} diff --git a/_sass/vendor/font-awesome/_fixed-width.scss b/_sass/vendor/font-awesome/_fixed-width.scss new file mode 100644 index 0000000..b221c98 --- /dev/null +++ b/_sass/vendor/font-awesome/_fixed-width.scss @@ -0,0 +1,6 @@ +// Fixed Width Icons +// ------------------------- +.#{$fa-css-prefix}-fw { + width: (18em / 14); + text-align: center; +} diff --git a/_sass/vendor/font-awesome/_icons.scss b/_sass/vendor/font-awesome/_icons.scss new file mode 100644 index 0000000..efb4435 --- /dev/null +++ b/_sass/vendor/font-awesome/_icons.scss @@ -0,0 +1,506 @@ +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ + +.#{$fa-css-prefix}-glass:before { content: $fa-var-glass; } +.#{$fa-css-prefix}-music:before { content: $fa-var-music; } +.#{$fa-css-prefix}-search:before { content: $fa-var-search; } +.#{$fa-css-prefix}-envelope-o:before { content: $fa-var-envelope-o; } +.#{$fa-css-prefix}-heart:before { content: $fa-var-heart; } +.#{$fa-css-prefix}-star:before { content: $fa-var-star; } +.#{$fa-css-prefix}-star-o:before { content: $fa-var-star-o; } +.#{$fa-css-prefix}-user:before { content: $fa-var-user; } +.#{$fa-css-prefix}-film:before { content: $fa-var-film; } +.#{$fa-css-prefix}-th-large:before { content: $fa-var-th-large; } +.#{$fa-css-prefix}-th:before { content: $fa-var-th; } +.#{$fa-css-prefix}-th-list:before { content: $fa-var-th-list; } +.#{$fa-css-prefix}-check:before { content: $fa-var-check; } +.#{$fa-css-prefix}-times:before { content: $fa-var-times; } +.#{$fa-css-prefix}-search-plus:before { content: $fa-var-search-plus; } +.#{$fa-css-prefix}-search-minus:before { content: $fa-var-search-minus; } +.#{$fa-css-prefix}-power-off:before { content: $fa-var-power-off; } +.#{$fa-css-prefix}-signal:before { content: $fa-var-signal; } +.#{$fa-css-prefix}-gear:before, +.#{$fa-css-prefix}-cog:before { content: $fa-var-cog; } +.#{$fa-css-prefix}-trash-o:before { content: $fa-var-trash-o; } +.#{$fa-css-prefix}-home:before { content: $fa-var-home; } +.#{$fa-css-prefix}-file-o:before { content: $fa-var-file-o; } +.#{$fa-css-prefix}-clock-o:before { content: $fa-var-clock-o; } +.#{$fa-css-prefix}-road:before { content: $fa-var-road; } +.#{$fa-css-prefix}-download:before { content: $fa-var-download; } +.#{$fa-css-prefix}-arrow-circle-o-down:before { content: $fa-var-arrow-circle-o-down; } +.#{$fa-css-prefix}-arrow-circle-o-up:before { content: $fa-var-arrow-circle-o-up; } +.#{$fa-css-prefix}-inbox:before { content: $fa-var-inbox; } +.#{$fa-css-prefix}-play-circle-o:before { content: $fa-var-play-circle-o; } +.#{$fa-css-prefix}-rotate-right:before, +.#{$fa-css-prefix}-repeat:before { content: $fa-var-repeat; } +.#{$fa-css-prefix}-refresh:before { content: $fa-var-refresh; } +.#{$fa-css-prefix}-list-alt:before { content: $fa-var-list-alt; } +.#{$fa-css-prefix}-lock:before { content: $fa-var-lock; } +.#{$fa-css-prefix}-flag:before { content: $fa-var-flag; } +.#{$fa-css-prefix}-headphones:before { content: $fa-var-headphones; } +.#{$fa-css-prefix}-volume-off:before { content: $fa-var-volume-off; } +.#{$fa-css-prefix}-volume-down:before { content: $fa-var-volume-down; } +.#{$fa-css-prefix}-volume-up:before { content: $fa-var-volume-up; } +.#{$fa-css-prefix}-qrcode:before { content: $fa-var-qrcode; } +.#{$fa-css-prefix}-barcode:before { content: $fa-var-barcode; } +.#{$fa-css-prefix}-tag:before { content: $fa-var-tag; } +.#{$fa-css-prefix}-tags:before { content: $fa-var-tags; } +.#{$fa-css-prefix}-book:before { content: $fa-var-book; } +.#{$fa-css-prefix}-bookmark:before { content: $fa-var-bookmark; } +.#{$fa-css-prefix}-print:before { content: $fa-var-print; } +.#{$fa-css-prefix}-camera:before { content: $fa-var-camera; } +.#{$fa-css-prefix}-font:before { content: $fa-var-font; } +.#{$fa-css-prefix}-bold:before { content: $fa-var-bold; } +.#{$fa-css-prefix}-italic:before { content: $fa-var-italic; } +.#{$fa-css-prefix}-text-height:before { content: $fa-var-text-height; } +.#{$fa-css-prefix}-text-width:before { content: $fa-var-text-width; } +.#{$fa-css-prefix}-align-left:before { content: $fa-var-align-left; } +.#{$fa-css-prefix}-align-center:before { content: $fa-var-align-center; } +.#{$fa-css-prefix}-align-right:before { content: $fa-var-align-right; } +.#{$fa-css-prefix}-align-justify:before { content: $fa-var-align-justify; } +.#{$fa-css-prefix}-list:before { content: $fa-var-list; } +.#{$fa-css-prefix}-dedent:before, +.#{$fa-css-prefix}-outdent:before { content: $fa-var-outdent; } +.#{$fa-css-prefix}-indent:before { content: $fa-var-indent; } +.#{$fa-css-prefix}-video-camera:before { content: $fa-var-video-camera; } +.#{$fa-css-prefix}-photo:before, +.#{$fa-css-prefix}-image:before, +.#{$fa-css-prefix}-picture-o:before { content: $fa-var-picture-o; } +.#{$fa-css-prefix}-pencil:before { content: $fa-var-pencil; } +.#{$fa-css-prefix}-map-marker:before { content: $fa-var-map-marker; } +.#{$fa-css-prefix}-adjust:before { content: $fa-var-adjust; } +.#{$fa-css-prefix}-tint:before { content: $fa-var-tint; } +.#{$fa-css-prefix}-edit:before, +.#{$fa-css-prefix}-pencil-square-o:before { content: $fa-var-pencil-square-o; } +.#{$fa-css-prefix}-share-square-o:before { content: $fa-var-share-square-o; } +.#{$fa-css-prefix}-check-square-o:before { content: $fa-var-check-square-o; } +.#{$fa-css-prefix}-arrows:before { content: $fa-var-arrows; } +.#{$fa-css-prefix}-step-backward:before { content: $fa-var-step-backward; } +.#{$fa-css-prefix}-fast-backward:before { content: $fa-var-fast-backward; } +.#{$fa-css-prefix}-backward:before { content: $fa-var-backward; } +.#{$fa-css-prefix}-play:before { content: $fa-var-play; } +.#{$fa-css-prefix}-pause:before { content: $fa-var-pause; } +.#{$fa-css-prefix}-stop:before { content: $fa-var-stop; } +.#{$fa-css-prefix}-forward:before { content: $fa-var-forward; } +.#{$fa-css-prefix}-fast-forward:before { content: $fa-var-fast-forward; } +.#{$fa-css-prefix}-step-forward:before { content: $fa-var-step-forward; } +.#{$fa-css-prefix}-eject:before { content: $fa-var-eject; } +.#{$fa-css-prefix}-chevron-left:before { content: $fa-var-chevron-left; } +.#{$fa-css-prefix}-chevron-right:before { content: $fa-var-chevron-right; } +.#{$fa-css-prefix}-plus-circle:before { content: $fa-var-plus-circle; } +.#{$fa-css-prefix}-minus-circle:before { content: $fa-var-minus-circle; } +.#{$fa-css-prefix}-times-circle:before { content: $fa-var-times-circle; } +.#{$fa-css-prefix}-check-circle:before { content: $fa-var-check-circle; } +.#{$fa-css-prefix}-question-circle:before { content: $fa-var-question-circle; } +.#{$fa-css-prefix}-info-circle:before { content: $fa-var-info-circle; } +.#{$fa-css-prefix}-crosshairs:before { content: $fa-var-crosshairs; } +.#{$fa-css-prefix}-times-circle-o:before { content: $fa-var-times-circle-o; } +.#{$fa-css-prefix}-check-circle-o:before { content: $fa-var-check-circle-o; } +.#{$fa-css-prefix}-ban:before { content: $fa-var-ban; } +.#{$fa-css-prefix}-arrow-left:before { content: $fa-var-arrow-left; } +.#{$fa-css-prefix}-arrow-right:before { content: $fa-var-arrow-right; } +.#{$fa-css-prefix}-arrow-up:before { content: $fa-var-arrow-up; } +.#{$fa-css-prefix}-arrow-down:before { content: $fa-var-arrow-down; } +.#{$fa-css-prefix}-mail-forward:before, +.#{$fa-css-prefix}-share:before { content: $fa-var-share; } +.#{$fa-css-prefix}-expand:before { content: $fa-var-expand; } +.#{$fa-css-prefix}-compress:before { content: $fa-var-compress; } +.#{$fa-css-prefix}-plus:before { content: $fa-var-plus; } +.#{$fa-css-prefix}-minus:before { content: $fa-var-minus; } +.#{$fa-css-prefix}-asterisk:before { content: $fa-var-asterisk; } +.#{$fa-css-prefix}-exclamation-circle:before { content: $fa-var-exclamation-circle; } +.#{$fa-css-prefix}-gift:before { content: $fa-var-gift; } +.#{$fa-css-prefix}-leaf:before { content: $fa-var-leaf; } +.#{$fa-css-prefix}-fire:before { content: $fa-var-fire; } +.#{$fa-css-prefix}-eye:before { content: $fa-var-eye; } +.#{$fa-css-prefix}-eye-slash:before { content: $fa-var-eye-slash; } +.#{$fa-css-prefix}-warning:before, +.#{$fa-css-prefix}-exclamation-triangle:before { content: $fa-var-exclamation-triangle; } +.#{$fa-css-prefix}-plane:before { content: $fa-var-plane; } +.#{$fa-css-prefix}-calendar:before { content: $fa-var-calendar; } +.#{$fa-css-prefix}-random:before { content: $fa-var-random; } +.#{$fa-css-prefix}-comment:before { content: $fa-var-comment; } +.#{$fa-css-prefix}-magnet:before { content: $fa-var-magnet; } +.#{$fa-css-prefix}-chevron-up:before { content: $fa-var-chevron-up; } +.#{$fa-css-prefix}-chevron-down:before { content: $fa-var-chevron-down; } +.#{$fa-css-prefix}-retweet:before { content: $fa-var-retweet; } +.#{$fa-css-prefix}-shopping-cart:before { content: $fa-var-shopping-cart; } +.#{$fa-css-prefix}-folder:before { content: $fa-var-folder; } +.#{$fa-css-prefix}-folder-open:before { content: $fa-var-folder-open; } +.#{$fa-css-prefix}-arrows-v:before { content: $fa-var-arrows-v; } +.#{$fa-css-prefix}-arrows-h:before { content: $fa-var-arrows-h; } +.#{$fa-css-prefix}-bar-chart-o:before { content: $fa-var-bar-chart-o; } +.#{$fa-css-prefix}-twitter-square:before { content: $fa-var-twitter-square; } +.#{$fa-css-prefix}-facebook-square:before { content: $fa-var-facebook-square; } +.#{$fa-css-prefix}-camera-retro:before { content: $fa-var-camera-retro; } +.#{$fa-css-prefix}-key:before { content: $fa-var-key; } +.#{$fa-css-prefix}-gears:before, +.#{$fa-css-prefix}-cogs:before { content: $fa-var-cogs; } +.#{$fa-css-prefix}-comments:before { content: $fa-var-comments; } +.#{$fa-css-prefix}-thumbs-o-up:before { content: $fa-var-thumbs-o-up; } +.#{$fa-css-prefix}-thumbs-o-down:before { content: $fa-var-thumbs-o-down; } +.#{$fa-css-prefix}-star-half:before { content: $fa-var-star-half; } +.#{$fa-css-prefix}-heart-o:before { content: $fa-var-heart-o; } +.#{$fa-css-prefix}-sign-out:before { content: $fa-var-sign-out; } +.#{$fa-css-prefix}-linkedin-square:before { content: $fa-var-linkedin-square; } +.#{$fa-css-prefix}-thumb-tack:before { content: $fa-var-thumb-tack; } +.#{$fa-css-prefix}-external-link:before { content: $fa-var-external-link; } +.#{$fa-css-prefix}-sign-in:before { content: $fa-var-sign-in; } +.#{$fa-css-prefix}-trophy:before { content: $fa-var-trophy; } +.#{$fa-css-prefix}-github-square:before { content: $fa-var-github-square; } +.#{$fa-css-prefix}-upload:before { content: $fa-var-upload; } +.#{$fa-css-prefix}-lemon-o:before { content: $fa-var-lemon-o; } +.#{$fa-css-prefix}-phone:before { content: $fa-var-phone; } +.#{$fa-css-prefix}-square-o:before { content: $fa-var-square-o; } +.#{$fa-css-prefix}-bookmark-o:before { content: $fa-var-bookmark-o; } +.#{$fa-css-prefix}-phone-square:before { content: $fa-var-phone-square; } +.#{$fa-css-prefix}-twitter:before { content: $fa-var-twitter; } +.#{$fa-css-prefix}-facebook:before { content: $fa-var-facebook; } +.#{$fa-css-prefix}-github:before { content: $fa-var-github; } +.#{$fa-css-prefix}-unlock:before { content: $fa-var-unlock; } +.#{$fa-css-prefix}-credit-card:before { content: $fa-var-credit-card; } +.#{$fa-css-prefix}-rss:before { content: $fa-var-rss; } +.#{$fa-css-prefix}-hdd-o:before { content: $fa-var-hdd-o; } +.#{$fa-css-prefix}-bullhorn:before { content: $fa-var-bullhorn; } +.#{$fa-css-prefix}-bell:before { content: $fa-var-bell; } +.#{$fa-css-prefix}-certificate:before { content: $fa-var-certificate; } +.#{$fa-css-prefix}-hand-o-right:before { content: $fa-var-hand-o-right; } +.#{$fa-css-prefix}-hand-o-left:before { content: $fa-var-hand-o-left; } +.#{$fa-css-prefix}-hand-o-up:before { content: $fa-var-hand-o-up; } +.#{$fa-css-prefix}-hand-o-down:before { content: $fa-var-hand-o-down; } +.#{$fa-css-prefix}-arrow-circle-left:before { content: $fa-var-arrow-circle-left; } +.#{$fa-css-prefix}-arrow-circle-right:before { content: $fa-var-arrow-circle-right; } +.#{$fa-css-prefix}-arrow-circle-up:before { content: $fa-var-arrow-circle-up; } +.#{$fa-css-prefix}-arrow-circle-down:before { content: $fa-var-arrow-circle-down; } +.#{$fa-css-prefix}-globe:before { content: $fa-var-globe; } +.#{$fa-css-prefix}-wrench:before { content: $fa-var-wrench; } +.#{$fa-css-prefix}-tasks:before { content: $fa-var-tasks; } +.#{$fa-css-prefix}-filter:before { content: $fa-var-filter; } +.#{$fa-css-prefix}-briefcase:before { content: $fa-var-briefcase; } +.#{$fa-css-prefix}-arrows-alt:before { content: $fa-var-arrows-alt; } +.#{$fa-css-prefix}-group:before, +.#{$fa-css-prefix}-users:before { content: $fa-var-users; } +.#{$fa-css-prefix}-chain:before, +.#{$fa-css-prefix}-link:before { content: $fa-var-link; } +.#{$fa-css-prefix}-cloud:before { content: $fa-var-cloud; } +.#{$fa-css-prefix}-flask:before { content: $fa-var-flask; } +.#{$fa-css-prefix}-cut:before, +.#{$fa-css-prefix}-scissors:before { content: $fa-var-scissors; } +.#{$fa-css-prefix}-copy:before, +.#{$fa-css-prefix}-files-o:before { content: $fa-var-files-o; } +.#{$fa-css-prefix}-paperclip:before { content: $fa-var-paperclip; } +.#{$fa-css-prefix}-save:before, +.#{$fa-css-prefix}-floppy-o:before { content: $fa-var-floppy-o; } +.#{$fa-css-prefix}-square:before { content: $fa-var-square; } +.#{$fa-css-prefix}-navicon:before, +.#{$fa-css-prefix}-reorder:before, +.#{$fa-css-prefix}-bars:before { content: $fa-var-bars; } +.#{$fa-css-prefix}-list-ul:before { content: $fa-var-list-ul; } +.#{$fa-css-prefix}-list-ol:before { content: $fa-var-list-ol; } +.#{$fa-css-prefix}-strikethrough:before { content: $fa-var-strikethrough; } +.#{$fa-css-prefix}-underline:before { content: $fa-var-underline; } +.#{$fa-css-prefix}-table:before { content: $fa-var-table; } +.#{$fa-css-prefix}-magic:before { content: $fa-var-magic; } +.#{$fa-css-prefix}-truck:before { content: $fa-var-truck; } +.#{$fa-css-prefix}-pinterest:before { content: $fa-var-pinterest; } +.#{$fa-css-prefix}-pinterest-square:before { content: $fa-var-pinterest-square; } +.#{$fa-css-prefix}-google-plus-square:before { content: $fa-var-google-plus-square; } +.#{$fa-css-prefix}-google-plus:before { content: $fa-var-google-plus; } +.#{$fa-css-prefix}-money:before { content: $fa-var-money; } +.#{$fa-css-prefix}-caret-down:before { content: $fa-var-caret-down; } +.#{$fa-css-prefix}-caret-up:before { content: $fa-var-caret-up; } +.#{$fa-css-prefix}-caret-left:before { content: $fa-var-caret-left; } +.#{$fa-css-prefix}-caret-right:before { content: $fa-var-caret-right; } +.#{$fa-css-prefix}-columns:before { content: $fa-var-columns; } +.#{$fa-css-prefix}-unsorted:before, +.#{$fa-css-prefix}-sort:before { content: $fa-var-sort; } +.#{$fa-css-prefix}-sort-down:before, +.#{$fa-css-prefix}-sort-desc:before { content: $fa-var-sort-desc; } +.#{$fa-css-prefix}-sort-up:before, +.#{$fa-css-prefix}-sort-asc:before { content: $fa-var-sort-asc; } +.#{$fa-css-prefix}-envelope:before { content: $fa-var-envelope; } +.#{$fa-css-prefix}-linkedin:before { content: $fa-var-linkedin; } +.#{$fa-css-prefix}-rotate-left:before, +.#{$fa-css-prefix}-undo:before { content: $fa-var-undo; } +.#{$fa-css-prefix}-legal:before, +.#{$fa-css-prefix}-gavel:before { content: $fa-var-gavel; } +.#{$fa-css-prefix}-dashboard:before, +.#{$fa-css-prefix}-tachometer:before { content: $fa-var-tachometer; } +.#{$fa-css-prefix}-comment-o:before { content: $fa-var-comment-o; } +.#{$fa-css-prefix}-comments-o:before { content: $fa-var-comments-o; } +.#{$fa-css-prefix}-flash:before, +.#{$fa-css-prefix}-bolt:before { content: $fa-var-bolt; } +.#{$fa-css-prefix}-sitemap:before { content: $fa-var-sitemap; } +.#{$fa-css-prefix}-umbrella:before { content: $fa-var-umbrella; } +.#{$fa-css-prefix}-paste:before, +.#{$fa-css-prefix}-clipboard:before { content: $fa-var-clipboard; } +.#{$fa-css-prefix}-lightbulb-o:before { content: $fa-var-lightbulb-o; } +.#{$fa-css-prefix}-exchange:before { content: $fa-var-exchange; } +.#{$fa-css-prefix}-cloud-download:before { content: $fa-var-cloud-download; } +.#{$fa-css-prefix}-cloud-upload:before { content: $fa-var-cloud-upload; } +.#{$fa-css-prefix}-user-md:before { content: $fa-var-user-md; } +.#{$fa-css-prefix}-stethoscope:before { content: $fa-var-stethoscope; } +.#{$fa-css-prefix}-suitcase:before { content: $fa-var-suitcase; } +.#{$fa-css-prefix}-bell-o:before { content: $fa-var-bell-o; } +.#{$fa-css-prefix}-coffee:before { content: $fa-var-coffee; } +.#{$fa-css-prefix}-cutlery:before { content: $fa-var-cutlery; } +.#{$fa-css-prefix}-file-text-o:before { content: $fa-var-file-text-o; } +.#{$fa-css-prefix}-building-o:before { content: $fa-var-building-o; } +.#{$fa-css-prefix}-hospital-o:before { content: $fa-var-hospital-o; } +.#{$fa-css-prefix}-ambulance:before { content: $fa-var-ambulance; } +.#{$fa-css-prefix}-medkit:before { content: $fa-var-medkit; } +.#{$fa-css-prefix}-fighter-jet:before { content: $fa-var-fighter-jet; } +.#{$fa-css-prefix}-beer:before { content: $fa-var-beer; } +.#{$fa-css-prefix}-h-square:before { content: $fa-var-h-square; } +.#{$fa-css-prefix}-plus-square:before { content: $fa-var-plus-square; } +.#{$fa-css-prefix}-angle-double-left:before { content: $fa-var-angle-double-left; } +.#{$fa-css-prefix}-angle-double-right:before { content: $fa-var-angle-double-right; } +.#{$fa-css-prefix}-angle-double-up:before { content: $fa-var-angle-double-up; } +.#{$fa-css-prefix}-angle-double-down:before { content: $fa-var-angle-double-down; } +.#{$fa-css-prefix}-angle-left:before { content: $fa-var-angle-left; } +.#{$fa-css-prefix}-angle-right:before { content: $fa-var-angle-right; } +.#{$fa-css-prefix}-angle-up:before { content: $fa-var-angle-up; } +.#{$fa-css-prefix}-angle-down:before { content: $fa-var-angle-down; } +.#{$fa-css-prefix}-desktop:before { content: $fa-var-desktop; } +.#{$fa-css-prefix}-laptop:before { content: $fa-var-laptop; } +.#{$fa-css-prefix}-tablet:before { content: $fa-var-tablet; } +.#{$fa-css-prefix}-mobile-phone:before, +.#{$fa-css-prefix}-mobile:before { content: $fa-var-mobile; } +.#{$fa-css-prefix}-circle-o:before { content: $fa-var-circle-o; } +.#{$fa-css-prefix}-quote-left:before { content: $fa-var-quote-left; } +.#{$fa-css-prefix}-quote-right:before { content: $fa-var-quote-right; } +.#{$fa-css-prefix}-spinner:before { content: $fa-var-spinner; } +.#{$fa-css-prefix}-circle:before { content: $fa-var-circle; } +.#{$fa-css-prefix}-mail-reply:before, +.#{$fa-css-prefix}-reply:before { content: $fa-var-reply; } +.#{$fa-css-prefix}-github-alt:before { content: $fa-var-github-alt; } +.#{$fa-css-prefix}-folder-o:before { content: $fa-var-folder-o; } +.#{$fa-css-prefix}-folder-open-o:before { content: $fa-var-folder-open-o; } +.#{$fa-css-prefix}-smile-o:before { content: $fa-var-smile-o; } +.#{$fa-css-prefix}-frown-o:before { content: $fa-var-frown-o; } +.#{$fa-css-prefix}-meh-o:before { content: $fa-var-meh-o; } +.#{$fa-css-prefix}-gamepad:before { content: $fa-var-gamepad; } +.#{$fa-css-prefix}-keyboard-o:before { content: $fa-var-keyboard-o; } +.#{$fa-css-prefix}-flag-o:before { content: $fa-var-flag-o; } +.#{$fa-css-prefix}-flag-checkered:before { content: $fa-var-flag-checkered; } +.#{$fa-css-prefix}-terminal:before { content: $fa-var-terminal; } +.#{$fa-css-prefix}-code:before { content: $fa-var-code; } +.#{$fa-css-prefix}-mail-reply-all:before, +.#{$fa-css-prefix}-reply-all:before { content: $fa-var-reply-all; } +.#{$fa-css-prefix}-star-half-empty:before, +.#{$fa-css-prefix}-star-half-full:before, +.#{$fa-css-prefix}-star-half-o:before { content: $fa-var-star-half-o; } +.#{$fa-css-prefix}-location-arrow:before { content: $fa-var-location-arrow; } +.#{$fa-css-prefix}-crop:before { content: $fa-var-crop; } +.#{$fa-css-prefix}-code-fork:before { content: $fa-var-code-fork; } +.#{$fa-css-prefix}-unlink:before, +.#{$fa-css-prefix}-chain-broken:before { content: $fa-var-chain-broken; } +.#{$fa-css-prefix}-question:before { content: $fa-var-question; } +.#{$fa-css-prefix}-info:before { content: $fa-var-info; } +.#{$fa-css-prefix}-exclamation:before { content: $fa-var-exclamation; } +.#{$fa-css-prefix}-superscript:before { content: $fa-var-superscript; } +.#{$fa-css-prefix}-subscript:before { content: $fa-var-subscript; } +.#{$fa-css-prefix}-eraser:before { content: $fa-var-eraser; } +.#{$fa-css-prefix}-puzzle-piece:before { content: $fa-var-puzzle-piece; } +.#{$fa-css-prefix}-microphone:before { content: $fa-var-microphone; } +.#{$fa-css-prefix}-microphone-slash:before { content: $fa-var-microphone-slash; } +.#{$fa-css-prefix}-shield:before { content: $fa-var-shield; } +.#{$fa-css-prefix}-calendar-o:before { content: $fa-var-calendar-o; } +.#{$fa-css-prefix}-fire-extinguisher:before { content: $fa-var-fire-extinguisher; } +.#{$fa-css-prefix}-rocket:before { content: $fa-var-rocket; } +.#{$fa-css-prefix}-maxcdn:before { content: $fa-var-maxcdn; } +.#{$fa-css-prefix}-chevron-circle-left:before { content: $fa-var-chevron-circle-left; } +.#{$fa-css-prefix}-chevron-circle-right:before { content: $fa-var-chevron-circle-right; } +.#{$fa-css-prefix}-chevron-circle-up:before { content: $fa-var-chevron-circle-up; } +.#{$fa-css-prefix}-chevron-circle-down:before { content: $fa-var-chevron-circle-down; } +.#{$fa-css-prefix}-html5:before { content: $fa-var-html5; } +.#{$fa-css-prefix}-css3:before { content: $fa-var-css3; } +.#{$fa-css-prefix}-anchor:before { content: $fa-var-anchor; } +.#{$fa-css-prefix}-unlock-alt:before { content: $fa-var-unlock-alt; } +.#{$fa-css-prefix}-bullseye:before { content: $fa-var-bullseye; } +.#{$fa-css-prefix}-ellipsis-h:before { content: $fa-var-ellipsis-h; } +.#{$fa-css-prefix}-ellipsis-v:before { content: $fa-var-ellipsis-v; } +.#{$fa-css-prefix}-rss-square:before { content: $fa-var-rss-square; } +.#{$fa-css-prefix}-play-circle:before { content: $fa-var-play-circle; } +.#{$fa-css-prefix}-ticket:before { content: $fa-var-ticket; } +.#{$fa-css-prefix}-minus-square:before { content: $fa-var-minus-square; } +.#{$fa-css-prefix}-minus-square-o:before { content: $fa-var-minus-square-o; } +.#{$fa-css-prefix}-level-up:before { content: $fa-var-level-up; } +.#{$fa-css-prefix}-level-down:before { content: $fa-var-level-down; } +.#{$fa-css-prefix}-check-square:before { content: $fa-var-check-square; } +.#{$fa-css-prefix}-pencil-square:before { content: $fa-var-pencil-square; } +.#{$fa-css-prefix}-external-link-square:before { content: $fa-var-external-link-square; } +.#{$fa-css-prefix}-share-square:before { content: $fa-var-share-square; } +.#{$fa-css-prefix}-compass:before { content: $fa-var-compass; } +.#{$fa-css-prefix}-toggle-down:before, +.#{$fa-css-prefix}-caret-square-o-down:before { content: $fa-var-caret-square-o-down; } +.#{$fa-css-prefix}-toggle-up:before, +.#{$fa-css-prefix}-caret-square-o-up:before { content: $fa-var-caret-square-o-up; } +.#{$fa-css-prefix}-toggle-right:before, +.#{$fa-css-prefix}-caret-square-o-right:before { content: $fa-var-caret-square-o-right; } +.#{$fa-css-prefix}-euro:before, +.#{$fa-css-prefix}-eur:before { content: $fa-var-eur; } +.#{$fa-css-prefix}-gbp:before { content: $fa-var-gbp; } +.#{$fa-css-prefix}-dollar:before, +.#{$fa-css-prefix}-usd:before { content: $fa-var-usd; } +.#{$fa-css-prefix}-rupee:before, +.#{$fa-css-prefix}-inr:before { content: $fa-var-inr; } +.#{$fa-css-prefix}-cny:before, +.#{$fa-css-prefix}-rmb:before, +.#{$fa-css-prefix}-yen:before, +.#{$fa-css-prefix}-jpy:before { content: $fa-var-jpy; } +.#{$fa-css-prefix}-ruble:before, +.#{$fa-css-prefix}-rouble:before, +.#{$fa-css-prefix}-rub:before { content: $fa-var-rub; } +.#{$fa-css-prefix}-won:before, +.#{$fa-css-prefix}-krw:before { content: $fa-var-krw; } +.#{$fa-css-prefix}-bitcoin:before, +.#{$fa-css-prefix}-btc:before { content: $fa-var-btc; } +.#{$fa-css-prefix}-file:before { content: $fa-var-file; } +.#{$fa-css-prefix}-file-text:before { content: $fa-var-file-text; } +.#{$fa-css-prefix}-sort-alpha-asc:before { content: $fa-var-sort-alpha-asc; } +.#{$fa-css-prefix}-sort-alpha-desc:before { content: $fa-var-sort-alpha-desc; } +.#{$fa-css-prefix}-sort-amount-asc:before { content: $fa-var-sort-amount-asc; } +.#{$fa-css-prefix}-sort-amount-desc:before { content: $fa-var-sort-amount-desc; } +.#{$fa-css-prefix}-sort-numeric-asc:before { content: $fa-var-sort-numeric-asc; } +.#{$fa-css-prefix}-sort-numeric-desc:before { content: $fa-var-sort-numeric-desc; } +.#{$fa-css-prefix}-thumbs-up:before { content: $fa-var-thumbs-up; } +.#{$fa-css-prefix}-thumbs-down:before { content: $fa-var-thumbs-down; } +.#{$fa-css-prefix}-youtube-square:before { content: $fa-var-youtube-square; } +.#{$fa-css-prefix}-youtube:before { content: $fa-var-youtube; } +.#{$fa-css-prefix}-xing:before { content: $fa-var-xing; } +.#{$fa-css-prefix}-xing-square:before { content: $fa-var-xing-square; } +.#{$fa-css-prefix}-youtube-play:before { content: $fa-var-youtube-play; } +.#{$fa-css-prefix}-dropbox:before { content: $fa-var-dropbox; } +.#{$fa-css-prefix}-stack-overflow:before { content: $fa-var-stack-overflow; } +.#{$fa-css-prefix}-instagram:before { content: $fa-var-instagram; } +.#{$fa-css-prefix}-flickr:before { content: $fa-var-flickr; } +.#{$fa-css-prefix}-adn:before { content: $fa-var-adn; } +.#{$fa-css-prefix}-bitbucket:before { content: $fa-var-bitbucket; } +.#{$fa-css-prefix}-bitbucket-square:before { content: $fa-var-bitbucket-square; } +.#{$fa-css-prefix}-tumblr:before { content: $fa-var-tumblr; } +.#{$fa-css-prefix}-tumblr-square:before { content: $fa-var-tumblr-square; } +.#{$fa-css-prefix}-long-arrow-down:before { content: $fa-var-long-arrow-down; } +.#{$fa-css-prefix}-long-arrow-up:before { content: $fa-var-long-arrow-up; } +.#{$fa-css-prefix}-long-arrow-left:before { content: $fa-var-long-arrow-left; } +.#{$fa-css-prefix}-long-arrow-right:before { content: $fa-var-long-arrow-right; } +.#{$fa-css-prefix}-apple:before { content: $fa-var-apple; } +.#{$fa-css-prefix}-windows:before { content: $fa-var-windows; } +.#{$fa-css-prefix}-android:before { content: $fa-var-android; } +.#{$fa-css-prefix}-linux:before { content: $fa-var-linux; } +.#{$fa-css-prefix}-dribbble:before { content: $fa-var-dribbble; } +.#{$fa-css-prefix}-skype:before { content: $fa-var-skype; } +.#{$fa-css-prefix}-foursquare:before { content: $fa-var-foursquare; } +.#{$fa-css-prefix}-trello:before { content: $fa-var-trello; } +.#{$fa-css-prefix}-female:before { content: $fa-var-female; } +.#{$fa-css-prefix}-male:before { content: $fa-var-male; } +.#{$fa-css-prefix}-gittip:before { content: $fa-var-gittip; } +.#{$fa-css-prefix}-sun-o:before { content: $fa-var-sun-o; } +.#{$fa-css-prefix}-moon-o:before { content: $fa-var-moon-o; } +.#{$fa-css-prefix}-archive:before { content: $fa-var-archive; } +.#{$fa-css-prefix}-bug:before { content: $fa-var-bug; } +.#{$fa-css-prefix}-vk:before { content: $fa-var-vk; } +.#{$fa-css-prefix}-weibo:before { content: $fa-var-weibo; } +.#{$fa-css-prefix}-renren:before { content: $fa-var-renren; } +.#{$fa-css-prefix}-pagelines:before { content: $fa-var-pagelines; } +.#{$fa-css-prefix}-stack-exchange:before { content: $fa-var-stack-exchange; } +.#{$fa-css-prefix}-arrow-circle-o-right:before { content: $fa-var-arrow-circle-o-right; } +.#{$fa-css-prefix}-arrow-circle-o-left:before { content: $fa-var-arrow-circle-o-left; } +.#{$fa-css-prefix}-toggle-left:before, +.#{$fa-css-prefix}-caret-square-o-left:before { content: $fa-var-caret-square-o-left; } +.#{$fa-css-prefix}-dot-circle-o:before { content: $fa-var-dot-circle-o; } +.#{$fa-css-prefix}-wheelchair:before { content: $fa-var-wheelchair; } +.#{$fa-css-prefix}-vimeo-square:before { content: $fa-var-vimeo-square; } +.#{$fa-css-prefix}-turkish-lira:before, +.#{$fa-css-prefix}-try:before { content: $fa-var-try; } +.#{$fa-css-prefix}-plus-square-o:before { content: $fa-var-plus-square-o; } +.#{$fa-css-prefix}-space-shuttle:before { content: $fa-var-space-shuttle; } +.#{$fa-css-prefix}-slack:before { content: $fa-var-slack; } +.#{$fa-css-prefix}-envelope-square:before { content: $fa-var-envelope-square; } +.#{$fa-css-prefix}-wordpress:before { content: $fa-var-wordpress; } +.#{$fa-css-prefix}-openid:before { content: $fa-var-openid; } +.#{$fa-css-prefix}-institution:before, +.#{$fa-css-prefix}-bank:before, +.#{$fa-css-prefix}-university:before { content: $fa-var-university; } +.#{$fa-css-prefix}-mortar-board:before, +.#{$fa-css-prefix}-graduation-cap:before { content: $fa-var-graduation-cap; } +.#{$fa-css-prefix}-yahoo:before { content: $fa-var-yahoo; } +.#{$fa-css-prefix}-google:before { content: $fa-var-google; } +.#{$fa-css-prefix}-reddit:before { content: $fa-var-reddit; } +.#{$fa-css-prefix}-reddit-square:before { content: $fa-var-reddit-square; } +.#{$fa-css-prefix}-stumbleupon-circle:before { content: $fa-var-stumbleupon-circle; } +.#{$fa-css-prefix}-stumbleupon:before { content: $fa-var-stumbleupon; } +.#{$fa-css-prefix}-delicious:before { content: $fa-var-delicious; } +.#{$fa-css-prefix}-digg:before { content: $fa-var-digg; } +.#{$fa-css-prefix}-pied-piper-square:before, +.#{$fa-css-prefix}-pied-piper:before { content: $fa-var-pied-piper; } +.#{$fa-css-prefix}-pied-piper-alt:before { content: $fa-var-pied-piper-alt; } +.#{$fa-css-prefix}-drupal:before { content: $fa-var-drupal; } +.#{$fa-css-prefix}-joomla:before { content: $fa-var-joomla; } +.#{$fa-css-prefix}-language:before { content: $fa-var-language; } +.#{$fa-css-prefix}-fax:before { content: $fa-var-fax; } +.#{$fa-css-prefix}-building:before { content: $fa-var-building; } +.#{$fa-css-prefix}-child:before { content: $fa-var-child; } +.#{$fa-css-prefix}-paw:before { content: $fa-var-paw; } +.#{$fa-css-prefix}-spoon:before { content: $fa-var-spoon; } +.#{$fa-css-prefix}-cube:before { content: $fa-var-cube; } +.#{$fa-css-prefix}-cubes:before { content: $fa-var-cubes; } +.#{$fa-css-prefix}-behance:before { content: $fa-var-behance; } +.#{$fa-css-prefix}-behance-square:before { content: $fa-var-behance-square; } +.#{$fa-css-prefix}-steam:before { content: $fa-var-steam; } +.#{$fa-css-prefix}-steam-square:before { content: $fa-var-steam-square; } +.#{$fa-css-prefix}-recycle:before { content: $fa-var-recycle; } +.#{$fa-css-prefix}-automobile:before, +.#{$fa-css-prefix}-car:before { content: $fa-var-car; } +.#{$fa-css-prefix}-cab:before, +.#{$fa-css-prefix}-taxi:before { content: $fa-var-taxi; } +.#{$fa-css-prefix}-tree:before { content: $fa-var-tree; } +.#{$fa-css-prefix}-spotify:before { content: $fa-var-spotify; } +.#{$fa-css-prefix}-deviantart:before { content: $fa-var-deviantart; } +.#{$fa-css-prefix}-soundcloud:before { content: $fa-var-soundcloud; } +.#{$fa-css-prefix}-database:before { content: $fa-var-database; } +.#{$fa-css-prefix}-file-pdf-o:before { content: $fa-var-file-pdf-o; } +.#{$fa-css-prefix}-file-word-o:before { content: $fa-var-file-word-o; } +.#{$fa-css-prefix}-file-excel-o:before { content: $fa-var-file-excel-o; } +.#{$fa-css-prefix}-file-powerpoint-o:before { content: $fa-var-file-powerpoint-o; } +.#{$fa-css-prefix}-file-photo-o:before, +.#{$fa-css-prefix}-file-picture-o:before, +.#{$fa-css-prefix}-file-image-o:before { content: $fa-var-file-image-o; } +.#{$fa-css-prefix}-file-zip-o:before, +.#{$fa-css-prefix}-file-archive-o:before { content: $fa-var-file-archive-o; } +.#{$fa-css-prefix}-file-sound-o:before, +.#{$fa-css-prefix}-file-audio-o:before { content: $fa-var-file-audio-o; } +.#{$fa-css-prefix}-file-movie-o:before, +.#{$fa-css-prefix}-file-video-o:before { content: $fa-var-file-video-o; } +.#{$fa-css-prefix}-file-code-o:before { content: $fa-var-file-code-o; } +.#{$fa-css-prefix}-vine:before { content: $fa-var-vine; } +.#{$fa-css-prefix}-codepen:before { content: $fa-var-codepen; } +.#{$fa-css-prefix}-jsfiddle:before { content: $fa-var-jsfiddle; } +.#{$fa-css-prefix}-life-bouy:before, +.#{$fa-css-prefix}-life-saver:before, +.#{$fa-css-prefix}-support:before, +.#{$fa-css-prefix}-life-ring:before { content: $fa-var-life-ring; } +.#{$fa-css-prefix}-circle-o-notch:before { content: $fa-var-circle-o-notch; } +.#{$fa-css-prefix}-ra:before, +.#{$fa-css-prefix}-rebel:before { content: $fa-var-rebel; } +.#{$fa-css-prefix}-ge:before, +.#{$fa-css-prefix}-empire:before { content: $fa-var-empire; } +.#{$fa-css-prefix}-git-square:before { content: $fa-var-git-square; } +.#{$fa-css-prefix}-git:before { content: $fa-var-git; } +.#{$fa-css-prefix}-hacker-news:before { content: $fa-var-hacker-news; } +.#{$fa-css-prefix}-tencent-weibo:before { content: $fa-var-tencent-weibo; } +.#{$fa-css-prefix}-qq:before { content: $fa-var-qq; } +.#{$fa-css-prefix}-wechat:before, +.#{$fa-css-prefix}-weixin:before { content: $fa-var-weixin; } +.#{$fa-css-prefix}-send:before, +.#{$fa-css-prefix}-paper-plane:before { content: $fa-var-paper-plane; } +.#{$fa-css-prefix}-send-o:before, +.#{$fa-css-prefix}-paper-plane-o:before { content: $fa-var-paper-plane-o; } +.#{$fa-css-prefix}-history:before { content: $fa-var-history; } +.#{$fa-css-prefix}-circle-thin:before { content: $fa-var-circle-thin; } +.#{$fa-css-prefix}-header:before { content: $fa-var-header; } +.#{$fa-css-prefix}-paragraph:before { content: $fa-var-paragraph; } +.#{$fa-css-prefix}-sliders:before { content: $fa-var-sliders; } +.#{$fa-css-prefix}-share-alt:before { content: $fa-var-share-alt; } +.#{$fa-css-prefix}-share-alt-square:before { content: $fa-var-share-alt-square; } +.#{$fa-css-prefix}-bomb:before { content: $fa-var-bomb; } diff --git a/_sass/vendor/font-awesome/_larger.scss b/_sass/vendor/font-awesome/_larger.scss new file mode 100644 index 0000000..41e9a81 --- /dev/null +++ b/_sass/vendor/font-awesome/_larger.scss @@ -0,0 +1,13 @@ +// Icon Sizes +// ------------------------- + +/* makes the font 33% larger relative to the icon container */ +.#{$fa-css-prefix}-lg { + font-size: (4em / 3); + line-height: (3em / 4); + vertical-align: -15%; +} +.#{$fa-css-prefix}-2x { font-size: 2em; } +.#{$fa-css-prefix}-3x { font-size: 3em; } +.#{$fa-css-prefix}-4x { font-size: 4em; } +.#{$fa-css-prefix}-5x { font-size: 5em; } diff --git a/_sass/vendor/font-awesome/_list.scss b/_sass/vendor/font-awesome/_list.scss new file mode 100644 index 0000000..7d1e4d5 --- /dev/null +++ b/_sass/vendor/font-awesome/_list.scss @@ -0,0 +1,19 @@ +// List Icons +// ------------------------- + +.#{$fa-css-prefix}-ul { + padding-left: 0; + margin-left: $fa-li-width; + list-style-type: none; + > li { position: relative; } +} +.#{$fa-css-prefix}-li { + position: absolute; + left: -$fa-li-width; + width: $fa-li-width; + top: (2em / 14); + text-align: center; + &.#{$fa-css-prefix}-lg { + left: -$fa-li-width + (4em / 14); + } +} diff --git a/_sass/vendor/font-awesome/_mixins.scss b/_sass/vendor/font-awesome/_mixins.scss new file mode 100644 index 0000000..3354e69 --- /dev/null +++ b/_sass/vendor/font-awesome/_mixins.scss @@ -0,0 +1,20 @@ +// Mixins +// -------------------------- + +@mixin fa-icon-rotate($degrees, $rotation) { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}); + -webkit-transform: rotate($degrees); + -moz-transform: rotate($degrees); + -ms-transform: rotate($degrees); + -o-transform: rotate($degrees); + transform: rotate($degrees); +} + +@mixin fa-icon-flip($horiz, $vert, $rotation) { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}); + -webkit-transform: scale($horiz, $vert); + -moz-transform: scale($horiz, $vert); + -ms-transform: scale($horiz, $vert); + -o-transform: scale($horiz, $vert); + transform: scale($horiz, $vert); +} diff --git a/_sass/vendor/font-awesome/_path.scss b/_sass/vendor/font-awesome/_path.scss new file mode 100644 index 0000000..fd21c35 --- /dev/null +++ b/_sass/vendor/font-awesome/_path.scss @@ -0,0 +1,14 @@ +/* FONT PATH + * -------------------------- */ + +@font-face { + font-family: 'FontAwesome'; + src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}'); + src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'), + url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'), + url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'), + url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg'); + //src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts + font-weight: normal; + font-style: normal; +} diff --git a/_sass/vendor/font-awesome/_rotated-flipped.scss b/_sass/vendor/font-awesome/_rotated-flipped.scss new file mode 100644 index 0000000..343fa55 --- /dev/null +++ b/_sass/vendor/font-awesome/_rotated-flipped.scss @@ -0,0 +1,9 @@ +// Rotated & Flipped Icons +// ------------------------- + +.#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); } +.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); } +.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); } + +.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); } +.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); } diff --git a/_sass/vendor/font-awesome/_spinning.scss b/_sass/vendor/font-awesome/_spinning.scss new file mode 100644 index 0000000..c378744 --- /dev/null +++ b/_sass/vendor/font-awesome/_spinning.scss @@ -0,0 +1,32 @@ +// Spinning Icons +// -------------------------- + +.#{$fa-css-prefix}-spin { + -webkit-animation: spin 2s infinite linear; + -moz-animation: spin 2s infinite linear; + -o-animation: spin 2s infinite linear; + animation: spin 2s infinite linear; +} + +@-moz-keyframes spin { + 0% { -moz-transform: rotate(0deg); } + 100% { -moz-transform: rotate(359deg); } +} +@-webkit-keyframes spin { + 0% { -webkit-transform: rotate(0deg); } + 100% { -webkit-transform: rotate(359deg); } +} +@-o-keyframes spin { + 0% { -o-transform: rotate(0deg); } + 100% { -o-transform: rotate(359deg); } +} +@keyframes spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} diff --git a/_sass/vendor/font-awesome/_stacked.scss b/_sass/vendor/font-awesome/_stacked.scss new file mode 100644 index 0000000..aef7403 --- /dev/null +++ b/_sass/vendor/font-awesome/_stacked.scss @@ -0,0 +1,20 @@ +// Stacked Icons +// ------------------------- + +.#{$fa-css-prefix}-stack { + position: relative; + display: inline-block; + width: 2em; + height: 2em; + line-height: 2em; + vertical-align: middle; +} +.#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x { + position: absolute; + left: 0; + width: 100%; + text-align: center; +} +.#{$fa-css-prefix}-stack-1x { line-height: inherit; } +.#{$fa-css-prefix}-stack-2x { font-size: 2em; } +.#{$fa-css-prefix}-inverse { color: $fa-inverse; } diff --git a/_sass/vendor/font-awesome/_variables.scss b/_sass/vendor/font-awesome/_variables.scss new file mode 100644 index 0000000..ac2b505 --- /dev/null +++ b/_sass/vendor/font-awesome/_variables.scss @@ -0,0 +1,515 @@ +// Variables +// -------------------------- + +$fa-font-path: "../fonts" !default; +//$fa-font-path: "//netdna.bootstrapcdn.com/font-awesome/4.1.0/fonts" !default; // for referencing Bootstrap CDN font files directly +$fa-css-prefix: fa !default; +$fa-version: "4.1.0" !default; +$fa-border-color: #eee !default; +$fa-inverse: #fff !default; +$fa-li-width: (30em / 14) !default; + +$fa-var-adjust: "\f042"; +$fa-var-adn: "\f170"; +$fa-var-align-center: "\f037"; +$fa-var-align-justify: "\f039"; +$fa-var-align-left: "\f036"; +$fa-var-align-right: "\f038"; +$fa-var-ambulance: "\f0f9"; +$fa-var-anchor: "\f13d"; +$fa-var-android: "\f17b"; +$fa-var-angle-double-down: "\f103"; +$fa-var-angle-double-left: "\f100"; +$fa-var-angle-double-right: "\f101"; +$fa-var-angle-double-up: "\f102"; +$fa-var-angle-down: "\f107"; +$fa-var-angle-left: "\f104"; +$fa-var-angle-right: "\f105"; +$fa-var-angle-up: "\f106"; +$fa-var-apple: "\f179"; +$fa-var-archive: "\f187"; +$fa-var-arrow-circle-down: "\f0ab"; +$fa-var-arrow-circle-left: "\f0a8"; +$fa-var-arrow-circle-o-down: "\f01a"; +$fa-var-arrow-circle-o-left: "\f190"; +$fa-var-arrow-circle-o-right: "\f18e"; +$fa-var-arrow-circle-o-up: "\f01b"; +$fa-var-arrow-circle-right: "\f0a9"; +$fa-var-arrow-circle-up: "\f0aa"; +$fa-var-arrow-down: "\f063"; +$fa-var-arrow-left: "\f060"; +$fa-var-arrow-right: "\f061"; +$fa-var-arrow-up: "\f062"; +$fa-var-arrows: "\f047"; +$fa-var-arrows-alt: "\f0b2"; +$fa-var-arrows-h: "\f07e"; +$fa-var-arrows-v: "\f07d"; +$fa-var-asterisk: "\f069"; +$fa-var-automobile: "\f1b9"; +$fa-var-backward: "\f04a"; +$fa-var-ban: "\f05e"; +$fa-var-bank: "\f19c"; +$fa-var-bar-chart-o: "\f080"; +$fa-var-barcode: "\f02a"; +$fa-var-bars: "\f0c9"; +$fa-var-beer: "\f0fc"; +$fa-var-behance: "\f1b4"; +$fa-var-behance-square: "\f1b5"; +$fa-var-bell: "\f0f3"; +$fa-var-bell-o: "\f0a2"; +$fa-var-bitbucket: "\f171"; +$fa-var-bitbucket-square: "\f172"; +$fa-var-bitcoin: "\f15a"; +$fa-var-bold: "\f032"; +$fa-var-bolt: "\f0e7"; +$fa-var-bomb: "\f1e2"; +$fa-var-book: "\f02d"; +$fa-var-bookmark: "\f02e"; +$fa-var-bookmark-o: "\f097"; +$fa-var-briefcase: "\f0b1"; +$fa-var-btc: "\f15a"; +$fa-var-bug: "\f188"; +$fa-var-building: "\f1ad"; +$fa-var-building-o: "\f0f7"; +$fa-var-bullhorn: "\f0a1"; +$fa-var-bullseye: "\f140"; +$fa-var-cab: "\f1ba"; +$fa-var-calendar: "\f073"; +$fa-var-calendar-o: "\f133"; +$fa-var-camera: "\f030"; +$fa-var-camera-retro: "\f083"; +$fa-var-car: "\f1b9"; +$fa-var-caret-down: "\f0d7"; +$fa-var-caret-left: "\f0d9"; +$fa-var-caret-right: "\f0da"; +$fa-var-caret-square-o-down: "\f150"; +$fa-var-caret-square-o-left: "\f191"; +$fa-var-caret-square-o-right: "\f152"; +$fa-var-caret-square-o-up: "\f151"; +$fa-var-caret-up: "\f0d8"; +$fa-var-certificate: "\f0a3"; +$fa-var-chain: "\f0c1"; +$fa-var-chain-broken: "\f127"; +$fa-var-check: "\f00c"; +$fa-var-check-circle: "\f058"; +$fa-var-check-circle-o: "\f05d"; +$fa-var-check-square: "\f14a"; +$fa-var-check-square-o: "\f046"; +$fa-var-chevron-circle-down: "\f13a"; +$fa-var-chevron-circle-left: "\f137"; +$fa-var-chevron-circle-right: "\f138"; +$fa-var-chevron-circle-up: "\f139"; +$fa-var-chevron-down: "\f078"; +$fa-var-chevron-left: "\f053"; +$fa-var-chevron-right: "\f054"; +$fa-var-chevron-up: "\f077"; +$fa-var-child: "\f1ae"; +$fa-var-circle: "\f111"; +$fa-var-circle-o: "\f10c"; +$fa-var-circle-o-notch: "\f1ce"; +$fa-var-circle-thin: "\f1db"; +$fa-var-clipboard: "\f0ea"; +$fa-var-clock-o: "\f017"; +$fa-var-cloud: "\f0c2"; +$fa-var-cloud-download: "\f0ed"; +$fa-var-cloud-upload: "\f0ee"; +$fa-var-cny: "\f157"; +$fa-var-code: "\f121"; +$fa-var-code-fork: "\f126"; +$fa-var-codepen: "\f1cb"; +$fa-var-coffee: "\f0f4"; +$fa-var-cog: "\f013"; +$fa-var-cogs: "\f085"; +$fa-var-columns: "\f0db"; +$fa-var-comment: "\f075"; +$fa-var-comment-o: "\f0e5"; +$fa-var-comments: "\f086"; +$fa-var-comments-o: "\f0e6"; +$fa-var-compass: "\f14e"; +$fa-var-compress: "\f066"; +$fa-var-copy: "\f0c5"; +$fa-var-credit-card: "\f09d"; +$fa-var-crop: "\f125"; +$fa-var-crosshairs: "\f05b"; +$fa-var-css3: "\f13c"; +$fa-var-cube: "\f1b2"; +$fa-var-cubes: "\f1b3"; +$fa-var-cut: "\f0c4"; +$fa-var-cutlery: "\f0f5"; +$fa-var-dashboard: "\f0e4"; +$fa-var-database: "\f1c0"; +$fa-var-dedent: "\f03b"; +$fa-var-delicious: "\f1a5"; +$fa-var-desktop: "\f108"; +$fa-var-deviantart: "\f1bd"; +$fa-var-digg: "\f1a6"; +$fa-var-dollar: "\f155"; +$fa-var-dot-circle-o: "\f192"; +$fa-var-download: "\f019"; +$fa-var-dribbble: "\f17d"; +$fa-var-dropbox: "\f16b"; +$fa-var-drupal: "\f1a9"; +$fa-var-edit: "\f044"; +$fa-var-eject: "\f052"; +$fa-var-ellipsis-h: "\f141"; +$fa-var-ellipsis-v: "\f142"; +$fa-var-empire: "\f1d1"; +$fa-var-envelope: "\f0e0"; +$fa-var-envelope-o: "\f003"; +$fa-var-envelope-square: "\f199"; +$fa-var-eraser: "\f12d"; +$fa-var-eur: "\f153"; +$fa-var-euro: "\f153"; +$fa-var-exchange: "\f0ec"; +$fa-var-exclamation: "\f12a"; +$fa-var-exclamation-circle: "\f06a"; +$fa-var-exclamation-triangle: "\f071"; +$fa-var-expand: "\f065"; +$fa-var-external-link: "\f08e"; +$fa-var-external-link-square: "\f14c"; +$fa-var-eye: "\f06e"; +$fa-var-eye-slash: "\f070"; +$fa-var-facebook: "\f09a"; +$fa-var-facebook-square: "\f082"; +$fa-var-fast-backward: "\f049"; +$fa-var-fast-forward: "\f050"; +$fa-var-fax: "\f1ac"; +$fa-var-female: "\f182"; +$fa-var-fighter-jet: "\f0fb"; +$fa-var-file: "\f15b"; +$fa-var-file-archive-o: "\f1c6"; +$fa-var-file-audio-o: "\f1c7"; +$fa-var-file-code-o: "\f1c9"; +$fa-var-file-excel-o: "\f1c3"; +$fa-var-file-image-o: "\f1c5"; +$fa-var-file-movie-o: "\f1c8"; +$fa-var-file-o: "\f016"; +$fa-var-file-pdf-o: "\f1c1"; +$fa-var-file-photo-o: "\f1c5"; +$fa-var-file-picture-o: "\f1c5"; +$fa-var-file-powerpoint-o: "\f1c4"; +$fa-var-file-sound-o: "\f1c7"; +$fa-var-file-text: "\f15c"; +$fa-var-file-text-o: "\f0f6"; +$fa-var-file-video-o: "\f1c8"; +$fa-var-file-word-o: "\f1c2"; +$fa-var-file-zip-o: "\f1c6"; +$fa-var-files-o: "\f0c5"; +$fa-var-film: "\f008"; +$fa-var-filter: "\f0b0"; +$fa-var-fire: "\f06d"; +$fa-var-fire-extinguisher: "\f134"; +$fa-var-flag: "\f024"; +$fa-var-flag-checkered: "\f11e"; +$fa-var-flag-o: "\f11d"; +$fa-var-flash: "\f0e7"; +$fa-var-flask: "\f0c3"; +$fa-var-flickr: "\f16e"; +$fa-var-floppy-o: "\f0c7"; +$fa-var-folder: "\f07b"; +$fa-var-folder-o: "\f114"; +$fa-var-folder-open: "\f07c"; +$fa-var-folder-open-o: "\f115"; +$fa-var-font: "\f031"; +$fa-var-forward: "\f04e"; +$fa-var-foursquare: "\f180"; +$fa-var-frown-o: "\f119"; +$fa-var-gamepad: "\f11b"; +$fa-var-gavel: "\f0e3"; +$fa-var-gbp: "\f154"; +$fa-var-ge: "\f1d1"; +$fa-var-gear: "\f013"; +$fa-var-gears: "\f085"; +$fa-var-gift: "\f06b"; +$fa-var-git: "\f1d3"; +$fa-var-git-square: "\f1d2"; +$fa-var-github: "\f09b"; +$fa-var-github-alt: "\f113"; +$fa-var-github-square: "\f092"; +$fa-var-gittip: "\f184"; +$fa-var-glass: "\f000"; +$fa-var-globe: "\f0ac"; +$fa-var-google: "\f1a0"; +$fa-var-google-plus: "\f0d5"; +$fa-var-google-plus-square: "\f0d4"; +$fa-var-graduation-cap: "\f19d"; +$fa-var-group: "\f0c0"; +$fa-var-h-square: "\f0fd"; +$fa-var-hacker-news: "\f1d4"; +$fa-var-hand-o-down: "\f0a7"; +$fa-var-hand-o-left: "\f0a5"; +$fa-var-hand-o-right: "\f0a4"; +$fa-var-hand-o-up: "\f0a6"; +$fa-var-hdd-o: "\f0a0"; +$fa-var-header: "\f1dc"; +$fa-var-headphones: "\f025"; +$fa-var-heart: "\f004"; +$fa-var-heart-o: "\f08a"; +$fa-var-history: "\f1da"; +$fa-var-home: "\f015"; +$fa-var-hospital-o: "\f0f8"; +$fa-var-html5: "\f13b"; +$fa-var-image: "\f03e"; +$fa-var-inbox: "\f01c"; +$fa-var-indent: "\f03c"; +$fa-var-info: "\f129"; +$fa-var-info-circle: "\f05a"; +$fa-var-inr: "\f156"; +$fa-var-instagram: "\f16d"; +$fa-var-institution: "\f19c"; +$fa-var-italic: "\f033"; +$fa-var-joomla: "\f1aa"; +$fa-var-jpy: "\f157"; +$fa-var-jsfiddle: "\f1cc"; +$fa-var-key: "\f084"; +$fa-var-keyboard-o: "\f11c"; +$fa-var-krw: "\f159"; +$fa-var-language: "\f1ab"; +$fa-var-laptop: "\f109"; +$fa-var-leaf: "\f06c"; +$fa-var-legal: "\f0e3"; +$fa-var-lemon-o: "\f094"; +$fa-var-level-down: "\f149"; +$fa-var-level-up: "\f148"; +$fa-var-life-bouy: "\f1cd"; +$fa-var-life-ring: "\f1cd"; +$fa-var-life-saver: "\f1cd"; +$fa-var-lightbulb-o: "\f0eb"; +$fa-var-link: "\f0c1"; +$fa-var-linkedin: "\f0e1"; +$fa-var-linkedin-square: "\f08c"; +$fa-var-linux: "\f17c"; +$fa-var-list: "\f03a"; +$fa-var-list-alt: "\f022"; +$fa-var-list-ol: "\f0cb"; +$fa-var-list-ul: "\f0ca"; +$fa-var-location-arrow: "\f124"; +$fa-var-lock: "\f023"; +$fa-var-long-arrow-down: "\f175"; +$fa-var-long-arrow-left: "\f177"; +$fa-var-long-arrow-right: "\f178"; +$fa-var-long-arrow-up: "\f176"; +$fa-var-magic: "\f0d0"; +$fa-var-magnet: "\f076"; +$fa-var-mail-forward: "\f064"; +$fa-var-mail-reply: "\f112"; +$fa-var-mail-reply-all: "\f122"; +$fa-var-male: "\f183"; +$fa-var-map-marker: "\f041"; +$fa-var-maxcdn: "\f136"; +$fa-var-medkit: "\f0fa"; +$fa-var-meh-o: "\f11a"; +$fa-var-microphone: "\f130"; +$fa-var-microphone-slash: "\f131"; +$fa-var-minus: "\f068"; +$fa-var-minus-circle: "\f056"; +$fa-var-minus-square: "\f146"; +$fa-var-minus-square-o: "\f147"; +$fa-var-mobile: "\f10b"; +$fa-var-mobile-phone: "\f10b"; +$fa-var-money: "\f0d6"; +$fa-var-moon-o: "\f186"; +$fa-var-mortar-board: "\f19d"; +$fa-var-music: "\f001"; +$fa-var-navicon: "\f0c9"; +$fa-var-openid: "\f19b"; +$fa-var-outdent: "\f03b"; +$fa-var-pagelines: "\f18c"; +$fa-var-paper-plane: "\f1d8"; +$fa-var-paper-plane-o: "\f1d9"; +$fa-var-paperclip: "\f0c6"; +$fa-var-paragraph: "\f1dd"; +$fa-var-paste: "\f0ea"; +$fa-var-pause: "\f04c"; +$fa-var-paw: "\f1b0"; +$fa-var-pencil: "\f040"; +$fa-var-pencil-square: "\f14b"; +$fa-var-pencil-square-o: "\f044"; +$fa-var-phone: "\f095"; +$fa-var-phone-square: "\f098"; +$fa-var-photo: "\f03e"; +$fa-var-picture-o: "\f03e"; +$fa-var-pied-piper: "\f1a7"; +$fa-var-pied-piper-alt: "\f1a8"; +$fa-var-pied-piper-square: "\f1a7"; +$fa-var-pinterest: "\f0d2"; +$fa-var-pinterest-square: "\f0d3"; +$fa-var-plane: "\f072"; +$fa-var-play: "\f04b"; +$fa-var-play-circle: "\f144"; +$fa-var-play-circle-o: "\f01d"; +$fa-var-plus: "\f067"; +$fa-var-plus-circle: "\f055"; +$fa-var-plus-square: "\f0fe"; +$fa-var-plus-square-o: "\f196"; +$fa-var-power-off: "\f011"; +$fa-var-print: "\f02f"; +$fa-var-puzzle-piece: "\f12e"; +$fa-var-qq: "\f1d6"; +$fa-var-qrcode: "\f029"; +$fa-var-question: "\f128"; +$fa-var-question-circle: "\f059"; +$fa-var-quote-left: "\f10d"; +$fa-var-quote-right: "\f10e"; +$fa-var-ra: "\f1d0"; +$fa-var-random: "\f074"; +$fa-var-rebel: "\f1d0"; +$fa-var-recycle: "\f1b8"; +$fa-var-reddit: "\f1a1"; +$fa-var-reddit-square: "\f1a2"; +$fa-var-refresh: "\f021"; +$fa-var-renren: "\f18b"; +$fa-var-reorder: "\f0c9"; +$fa-var-repeat: "\f01e"; +$fa-var-reply: "\f112"; +$fa-var-reply-all: "\f122"; +$fa-var-retweet: "\f079"; +$fa-var-rmb: "\f157"; +$fa-var-road: "\f018"; +$fa-var-rocket: "\f135"; +$fa-var-rotate-left: "\f0e2"; +$fa-var-rotate-right: "\f01e"; +$fa-var-rouble: "\f158"; +$fa-var-rss: "\f09e"; +$fa-var-rss-square: "\f143"; +$fa-var-rub: "\f158"; +$fa-var-ruble: "\f158"; +$fa-var-rupee: "\f156"; +$fa-var-save: "\f0c7"; +$fa-var-scissors: "\f0c4"; +$fa-var-search: "\f002"; +$fa-var-search-minus: "\f010"; +$fa-var-search-plus: "\f00e"; +$fa-var-send: "\f1d8"; +$fa-var-send-o: "\f1d9"; +$fa-var-share: "\f064"; +$fa-var-share-alt: "\f1e0"; +$fa-var-share-alt-square: "\f1e1"; +$fa-var-share-square: "\f14d"; +$fa-var-share-square-o: "\f045"; +$fa-var-shield: "\f132"; +$fa-var-shopping-cart: "\f07a"; +$fa-var-sign-in: "\f090"; +$fa-var-sign-out: "\f08b"; +$fa-var-signal: "\f012"; +$fa-var-sitemap: "\f0e8"; +$fa-var-skype: "\f17e"; +$fa-var-slack: "\f198"; +$fa-var-sliders: "\f1de"; +$fa-var-smile-o: "\f118"; +$fa-var-sort: "\f0dc"; +$fa-var-sort-alpha-asc: "\f15d"; +$fa-var-sort-alpha-desc: "\f15e"; +$fa-var-sort-amount-asc: "\f160"; +$fa-var-sort-amount-desc: "\f161"; +$fa-var-sort-asc: "\f0de"; +$fa-var-sort-desc: "\f0dd"; +$fa-var-sort-down: "\f0dd"; +$fa-var-sort-numeric-asc: "\f162"; +$fa-var-sort-numeric-desc: "\f163"; +$fa-var-sort-up: "\f0de"; +$fa-var-soundcloud: "\f1be"; +$fa-var-space-shuttle: "\f197"; +$fa-var-spinner: "\f110"; +$fa-var-spoon: "\f1b1"; +$fa-var-spotify: "\f1bc"; +$fa-var-square: "\f0c8"; +$fa-var-square-o: "\f096"; +$fa-var-stack-exchange: "\f18d"; +$fa-var-stack-overflow: "\f16c"; +$fa-var-star: "\f005"; +$fa-var-star-half: "\f089"; +$fa-var-star-half-empty: "\f123"; +$fa-var-star-half-full: "\f123"; +$fa-var-star-half-o: "\f123"; +$fa-var-star-o: "\f006"; +$fa-var-steam: "\f1b6"; +$fa-var-steam-square: "\f1b7"; +$fa-var-step-backward: "\f048"; +$fa-var-step-forward: "\f051"; +$fa-var-stethoscope: "\f0f1"; +$fa-var-stop: "\f04d"; +$fa-var-strikethrough: "\f0cc"; +$fa-var-stumbleupon: "\f1a4"; +$fa-var-stumbleupon-circle: "\f1a3"; +$fa-var-subscript: "\f12c"; +$fa-var-suitcase: "\f0f2"; +$fa-var-sun-o: "\f185"; +$fa-var-superscript: "\f12b"; +$fa-var-support: "\f1cd"; +$fa-var-table: "\f0ce"; +$fa-var-tablet: "\f10a"; +$fa-var-tachometer: "\f0e4"; +$fa-var-tag: "\f02b"; +$fa-var-tags: "\f02c"; +$fa-var-tasks: "\f0ae"; +$fa-var-taxi: "\f1ba"; +$fa-var-tencent-weibo: "\f1d5"; +$fa-var-terminal: "\f120"; +$fa-var-text-height: "\f034"; +$fa-var-text-width: "\f035"; +$fa-var-th: "\f00a"; +$fa-var-th-large: "\f009"; +$fa-var-th-list: "\f00b"; +$fa-var-thumb-tack: "\f08d"; +$fa-var-thumbs-down: "\f165"; +$fa-var-thumbs-o-down: "\f088"; +$fa-var-thumbs-o-up: "\f087"; +$fa-var-thumbs-up: "\f164"; +$fa-var-ticket: "\f145"; +$fa-var-times: "\f00d"; +$fa-var-times-circle: "\f057"; +$fa-var-times-circle-o: "\f05c"; +$fa-var-tint: "\f043"; +$fa-var-toggle-down: "\f150"; +$fa-var-toggle-left: "\f191"; +$fa-var-toggle-right: "\f152"; +$fa-var-toggle-up: "\f151"; +$fa-var-trash-o: "\f014"; +$fa-var-tree: "\f1bb"; +$fa-var-trello: "\f181"; +$fa-var-trophy: "\f091"; +$fa-var-truck: "\f0d1"; +$fa-var-try: "\f195"; +$fa-var-tumblr: "\f173"; +$fa-var-tumblr-square: "\f174"; +$fa-var-turkish-lira: "\f195"; +$fa-var-twitter: "\f099"; +$fa-var-twitter-square: "\f081"; +$fa-var-umbrella: "\f0e9"; +$fa-var-underline: "\f0cd"; +$fa-var-undo: "\f0e2"; +$fa-var-university: "\f19c"; +$fa-var-unlink: "\f127"; +$fa-var-unlock: "\f09c"; +$fa-var-unlock-alt: "\f13e"; +$fa-var-unsorted: "\f0dc"; +$fa-var-upload: "\f093"; +$fa-var-usd: "\f155"; +$fa-var-user: "\f007"; +$fa-var-user-md: "\f0f0"; +$fa-var-users: "\f0c0"; +$fa-var-video-camera: "\f03d"; +$fa-var-vimeo-square: "\f194"; +$fa-var-vine: "\f1ca"; +$fa-var-vk: "\f189"; +$fa-var-volume-down: "\f027"; +$fa-var-volume-off: "\f026"; +$fa-var-volume-up: "\f028"; +$fa-var-warning: "\f071"; +$fa-var-wechat: "\f1d7"; +$fa-var-weibo: "\f18a"; +$fa-var-weixin: "\f1d7"; +$fa-var-wheelchair: "\f193"; +$fa-var-windows: "\f17a"; +$fa-var-won: "\f159"; +$fa-var-wordpress: "\f19a"; +$fa-var-wrench: "\f0ad"; +$fa-var-xing: "\f168"; +$fa-var-xing-square: "\f169"; +$fa-var-yahoo: "\f19e"; +$fa-var-yen: "\f157"; +$fa-var-youtube: "\f167"; +$fa-var-youtube-play: "\f16a"; +$fa-var-youtube-square: "\f166"; + diff --git a/_sass/vendor/font-awesome/font-awesome.scss b/_sass/vendor/font-awesome/font-awesome.scss new file mode 100644 index 0000000..2307dbd --- /dev/null +++ b/_sass/vendor/font-awesome/font-awesome.scss @@ -0,0 +1,17 @@ +/*! + * Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome + * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) + */ + +@import "variables"; +@import "mixins"; +@import "path"; +@import "core"; +@import "larger"; +@import "fixed-width"; +@import "list"; +@import "bordered-pulled"; +@import "spinning"; +@import "rotated-flipped"; +@import "stacked"; +@import "icons"; diff --git a/_sass/vendor/magnific-popup/_settings.scss b/_sass/vendor/magnific-popup/_settings.scss new file mode 100644 index 0000000..56bd651 --- /dev/null +++ b/_sass/vendor/magnific-popup/_settings.scss @@ -0,0 +1,46 @@ +//////////////////////// +// Settings // +//////////////////////// + +// overlay +$mfp-overlay-color: $black; // Color of overlay screen +$mfp-overlay-opacity: 0.8; // Opacity of overlay screen +$mfp-shadow: 0 0 8px rgba(0, 0, 0, 0.6); // Shadow on image or iframe + +// spacing +$mfp-popup-padding-left: 8px; // Padding from left and from right side +$mfp-popup-padding-left-mobile: 6px; // Same as above, but is applied when width of window is less than 800px + +$mfp-z-index-base: 1040; // Base z-index of popup + +// controls +$mfp-include-arrows: true; // Include styles for nav arrows +$mfp-controls-opacity: 1; // Opacity of controls +$mfp-controls-color: $white; // Color of controls +$mfp-controls-border-color: $white; // Border color of controls +$mfp-inner-close-icon-color: $white; // Color of close button when inside +$mfp-controls-text-color: #CCC; // Color of preloader and "1 of X" indicator +$mfp-controls-text-color-hover: $white; // Hover color of preloader and "1 of X" indicator +$mfp-IE7support: true; // Very basic IE7 support + +// Iframe-type options +$mfp-include-iframe-type: true; // Enable Iframe-type popups +$mfp-iframe-padding-top: 40px; // Iframe padding top +$mfp-iframe-background: #000; // Background color of iframes +$mfp-iframe-max-width: 900px; // Maximum width of iframes +$mfp-iframe-ratio: 9/16; // Ratio of iframe (9/16 = widescreen, 3/4 = standard, etc.) + +// Image-type options +$mfp-include-image-type: true; // Enable Image-type popups +$mfp-image-background: #444 !default; +$mfp-image-padding-top: 40px; // Image padding top +$mfp-image-padding-bottom: 40px; // Image padding bottom +$mfp-include-mobile-layout-for-image: true; // Removes paddings from top and bottom + +// Image caption options +$mfp-caption-title-color: #F3F3F3; // Caption title color +$mfp-caption-subtitle-color: #BDBDBD; // Caption subtitle color +.mfp-counter { font-family: $alt-font; } // Caption font family + +// A11y +$mfp-use-visuallyhidden: false; \ No newline at end of file diff --git a/_sass/vendor/magnific-popup/magnific-popup.scss b/_sass/vendor/magnific-popup/magnific-popup.scss new file mode 100644 index 0000000..e956385 --- /dev/null +++ b/_sass/vendor/magnific-popup/magnific-popup.scss @@ -0,0 +1,645 @@ +/* Magnific Popup CSS */ + +@import "settings"; + +//////////////////////// +// +// Contents: +// +// 1. Default Settings +// 2. General styles +// - Transluscent overlay +// - Containers, wrappers +// - Cursors +// - Helper classes +// 3. Appearance +// - Preloader & text that displays error messages +// - CSS reset for buttons +// - Close icon +// - "1 of X" counter +// - Navigation (left/right) arrows +// - Iframe content type styles +// - Image content type styles +// - Media query where size of arrows is reduced +// - IE7 support +// +//////////////////////// + + + +//////////////////////// +// 1. Default Settings +//////////////////////// + +$mfp-overlay-color: #0b0b0b !default; +$mfp-overlay-opacity: 0.8 !default; +$mfp-shadow: 0 0 8px rgba(0, 0, 0, 0.6) !default; // shadow on image or iframe +$mfp-popup-padding-left: 8px !default; // Padding from left and from right side +$mfp-popup-padding-left-mobile: 6px !default; // Same as above, but is applied when width of window is less than 800px + +$mfp-z-index-base: 1040 !default; // Base z-index of popup +$mfp-include-arrows: true !default; // include styles for nav arrows +$mfp-controls-opacity: 0.65 !default; +$mfp-controls-color: #FFF !default; +$mfp-controls-border-color: #3F3F3F !default; +$mfp-inner-close-icon-color: #333 !default; +$mfp-controls-text-color: #CCC !default; // Color of preloader and "1 of X" indicator +$mfp-controls-text-color-hover: #FFF !default; +$mfp-IE7support: true !default; // Very basic IE7 support + +// Iframe-type options +$mfp-include-iframe-type: true !default; +$mfp-iframe-padding-top: 40px !default; +$mfp-iframe-background: #000 !default; +$mfp-iframe-max-width: 900px !default; +$mfp-iframe-ratio: 9/16 !default; + +// Image-type options +$mfp-include-image-type: true !default; +$mfp-image-background: #444 !default; +$mfp-image-padding-top: 40px !default; +$mfp-image-padding-bottom: 40px !default; +$mfp-include-mobile-layout-for-image: true !default; // Removes paddings from top and bottom + +// Image caption options +$mfp-caption-title-color: #F3F3F3 !default; +$mfp-caption-subtitle-color: #BDBDBD !default; + +// A11y +$mfp-use-visuallyhidden: false !default; // Hide content from browsers, but make it available for screen readers + + + +//////////////////////// +// 2. General styles +//////////////////////// + +// Transluscent overlay +.mfp-bg { + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: $mfp-z-index-base + 2; + overflow: hidden; + position: fixed; + + background: $mfp-overlay-color; + opacity: $mfp-overlay-opacity; + @if $mfp-IE7support { + filter: unquote("alpha(opacity=#{$mfp-overlay-opacity*100})"); + } +} + +// Wrapper for popup +.mfp-wrap { + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: $mfp-z-index-base + 3; + position: fixed; + outline: none !important; + -webkit-backface-visibility: hidden; // fixes webkit bug that can cause "false" scrollbar +} + +// Root container +.mfp-container { + text-align: center; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + padding: 0 $mfp-popup-padding-left; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +// Vertical centerer helper +.mfp-container { + &:before { + content: ''; + display: inline-block; + height: 100%; + vertical-align: middle; + } +} + +// Remove vertical centering when popup has class `mfp-align-top` +.mfp-align-top { + .mfp-container { + &:before { + display: none; + } + } +} + +// Popup content holder +.mfp-content { + position: relative; + display: inline-block; + vertical-align: middle; + margin: 0 auto; + text-align: left; + z-index: $mfp-z-index-base + 5; +} +.mfp-inline-holder, +.mfp-ajax-holder { + .mfp-content { + width: 100%; + cursor: auto; + } +} + +// Cursors +.mfp-ajax-cur { + cursor: progress; +} +.mfp-zoom-out-cur { + &, .mfp-image-holder .mfp-close { + cursor: -moz-zoom-out; + cursor: -webkit-zoom-out; + cursor: zoom-out; + } +} +.mfp-zoom { + cursor: pointer; + cursor: -webkit-zoom-in; + cursor: -moz-zoom-in; + cursor: zoom-in; +} +.mfp-auto-cursor { + .mfp-content { + cursor: auto; + } +} + +.mfp-close, +.mfp-arrow, +.mfp-preloader, +.mfp-counter { + -webkit-user-select:none; + -moz-user-select: none; + user-select: none; +} + +// Hide the image during the loading +.mfp-loading { + &.mfp-figure { + display: none; + } +} + +// Helper class that hides stuff +@if $mfp-use-visuallyhidden { + // From HTML5 Boilerplate https://github.com/h5bp/html5-boilerplate/blob/v4.2.0/doc/css.md#visuallyhidden + .mfp-hide { + border: 0 !important; + clip: rect(0 0 0 0) !important; + height: 1px !important; + margin: -1px !important; + overflow: hidden !important; + padding: 0 !important; + position: absolute !important; + width: 1px !important; + } +} @else { + .mfp-hide { + display: none !important; + } +} + + +//////////////////////// +// 3. Appearance +//////////////////////// + +// Preloader and text that displays error messages +.mfp-preloader { + color: $mfp-controls-text-color; + position: absolute; + top: 50%; + width: auto; + text-align: center; + margin-top: -0.8em; + left: 8px; + right: 8px; + z-index: $mfp-z-index-base + 4; + a { + color: $mfp-controls-text-color; + &:hover { + color: $mfp-controls-text-color-hover; + } + } +} + +// Hide preloader when content successfully loaded +.mfp-s-ready { + .mfp-preloader { + display: none; + } +} + +// Hide content when it was not loaded +.mfp-s-error { + .mfp-content { + display: none; + } +} + +// CSS-reset for buttons +button { + &.mfp-close, + &.mfp-arrow { + overflow: visible; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; + display: block; + outline: none; + padding: 0; + z-index: $mfp-z-index-base + 6; + -webkit-box-shadow: none; + box-shadow: none; + } + &::-moz-focus-inner { + padding: 0; + border: 0 + } +} + + +// Close icon +.mfp-close { + width: 44px; + height: 44px; + line-height: 44px; + + position: absolute; + right: 0; + top: 0; + text-decoration: none; + text-align: center; + opacity: $mfp-controls-opacity; + @if $mfp-IE7support { + filter: unquote("alpha(opacity=#{$mfp-controls-opacity*100})"); + } + padding: 0 0 18px 10px; + color: $mfp-controls-color; + + font-style: normal; + font-size: 28px; + font-family: Arial, Baskerville, monospace; + + &:hover, + &:focus { + opacity: 1; + @if $mfp-IE7support { + filter: unquote("alpha(opacity=#{1*100})"); + } + } + + &:active { + top: 1px; + } +} +.mfp-close-btn-in { + .mfp-close { + color: $mfp-inner-close-icon-color; + } +} +.mfp-image-holder, +.mfp-iframe-holder { + .mfp-close { + color: $mfp-controls-color; + right: -6px; + text-align: right; + padding-right: 6px; + width: 100%; + } +} + +// "1 of X" counter +.mfp-counter { + position: absolute; + top: 0; + right: 0; + color: $mfp-controls-text-color; + font-size: 12px; + line-height: 18px; +} + +// Navigation arrows +@if $mfp-include-arrows { + .mfp-arrow { + position: absolute; + opacity: $mfp-controls-opacity; + @if $mfp-IE7support { + filter: unquote("alpha(opacity=#{$mfp-controls-opacity*100})"); + } + margin: 0; + top: 50%; + margin-top: -55px; + padding: 0; + width: 90px; + height: 110px; + -webkit-tap-highlight-color: rgba(0,0,0,0); + &:active { + margin-top: -54px; + } + &:hover, + &:focus { + opacity: 1; + @if $mfp-IE7support { + filter: unquote("alpha(opacity=#{1*100})"); + } + } + &:before, + &:after, + .mfp-b, + .mfp-a { + content: ''; + display: block; + width: 0; + height: 0; + position: absolute; + left: 0; + top: 0; + margin-top: 35px; + margin-left: 35px; + border: medium inset transparent; + } + + &:after, + .mfp-a { + + border-top-width: 13px; + border-bottom-width: 13px; + top:8px; + } + + &:before, + .mfp-b { + border-top-width: 21px; + border-bottom-width: 21px; + opacity: 0.7; + } + + } + + .mfp-arrow-left { + left: 0; + + &:after, + .mfp-a { + border-right: 17px solid $mfp-controls-color; + margin-left: 31px; + } + &:before, + .mfp-b { + margin-left: 25px; + border-right: 27px solid $mfp-controls-border-color; + } + } + + .mfp-arrow-right { + right: 0; + &:after, + .mfp-a { + border-left: 17px solid $mfp-controls-color; + margin-left: 39px + } + &:before, + .mfp-b { + border-left: 27px solid $mfp-controls-border-color; + } + } +} + + + +// Iframe content type +@if $mfp-include-iframe-type { + .mfp-iframe-holder { + padding-top: $mfp-iframe-padding-top; + padding-bottom: $mfp-iframe-padding-top; + .mfp-content { + line-height: 0; + width: 100%; + max-width: $mfp-iframe-max-width; + } + .mfp-close { + top: -40px; + } + } + .mfp-iframe-scaler { + width: 100%; + height: 0; + overflow: hidden; + padding-top: $mfp-iframe-ratio * 100%; + iframe { + position: absolute; + display: block; + top: 0; + left: 0; + width: 100%; + height: 100%; + box-shadow: $mfp-shadow; + background: $mfp-iframe-background; + } + } +} + + + +// Image content type +@if $mfp-include-image-type { + + /* Main image in popup */ + img { + &.mfp-img { + width: auto; + max-width: 100%; + height: auto; + display: block; + line-height: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: $mfp-image-padding-top 0 $mfp-image-padding-bottom; + margin: 0 auto; + } + } + + /* The shadow behind the image */ + .mfp-figure { + line-height: 0; + &:after { + content: ''; + position: absolute; + left: 0; + top: $mfp-image-padding-top; + bottom: $mfp-image-padding-bottom; + display: block; + right: 0; + width: auto; + height: auto; + z-index: -1; + box-shadow: $mfp-shadow; + background: $mfp-image-background; + } + small { + color: $mfp-caption-subtitle-color; + display: block; + font-size: 12px; + line-height: 14px; + } + figure { + margin: 0; + } + } + .mfp-bottom-bar { + margin-top: -$mfp-image-padding-bottom + 4; + position: absolute; + top: 100%; + left: 0; + width: 100%; + cursor: auto; + } + .mfp-title { + text-align: left; + line-height: 18px; + color: $mfp-caption-title-color; + word-wrap: break-word; + padding-right: 36px; // leave some space for counter at right side + } + + .mfp-image-holder { + .mfp-content { + max-width: 100%; + } + } + + .mfp-gallery { + .mfp-image-holder { + .mfp-figure { + cursor: pointer; + } + } + } + + + @if $mfp-include-mobile-layout-for-image { + @media screen and (max-width: 800px) and (orientation:landscape), screen and (max-height: 300px) { + /** + * Remove all paddings around the image on small screen + */ + .mfp-img-mobile { + .mfp-image-holder { + padding-left: 0; + padding-right: 0; + } + img { + &.mfp-img { + padding: 0; + } + } + .mfp-figure { + // The shadow behind the image + &:after { + top: 0; + bottom: 0; + } + small { + display: inline; + margin-left: 5px; + } + } + .mfp-bottom-bar { + background: rgba(0,0,0,0.6); + bottom: 0; + margin: 0; + top: auto; + padding: 3px 5px; + position: fixed; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + &:empty { + padding: 0; + } + } + .mfp-counter { + right: 5px; + top: 3px; + } + .mfp-close { + top: 0; + right: 0; + width: 35px; + height: 35px; + line-height: 35px; + background: rgba(0, 0, 0, 0.6); + position: fixed; + text-align: center; + padding: 0; + } + } + } + } +} + + + +// Scale navigation arrows and reduce padding from sides +@media all and (max-width: 900px) { + .mfp-arrow { + -webkit-transform: scale(0.75); + transform: scale(0.75); + } + .mfp-arrow-left { + -webkit-transform-origin: 0; + transform-origin: 0; + } + .mfp-arrow-right { + -webkit-transform-origin: 100%; + transform-origin: 100%; + } + .mfp-container { + padding-left: $mfp-popup-padding-left-mobile; + padding-right: $mfp-popup-padding-left-mobile; + } +} + + + +// IE7 support +// Styles that make popup look nicier in old IE +@if $mfp-IE7support { + .mfp-ie7 { + .mfp-img { + padding: 0; + } + .mfp-bottom-bar { + width: 600px; + left: 50%; + margin-left: -300px; + margin-top: 5px; + padding-bottom: 5px; + } + .mfp-container { + padding: 0; + } + .mfp-content { + padding-top: 44px; + } + .mfp-close { + top: 0; + right: 0; + padding-top: 0; + } + } +} diff --git a/_templates/archive b/_templates/archive new file mode 100644 index 0000000..82bab00 --- /dev/null +++ b/_templates/archive @@ -0,0 +1,9 @@ +--- +layout: post-index +title: {{ title }} +permalink: +modified: +excerpt: +image: + feature: +--- \ No newline at end of file diff --git a/_templates/page b/_templates/page new file mode 100644 index 0000000..54646cb --- /dev/null +++ b/_templates/page @@ -0,0 +1,9 @@ +--- +layout: {{ layout }} +title: {{ title }} +date: {{ date }} +modified: +excerpt: +image: + feature: +--- diff --git a/_templates/post b/_templates/post new file mode 100644 index 0000000..009e333 --- /dev/null +++ b/_templates/post @@ -0,0 +1,10 @@ +--- +layout: {{ layout }} +title: {{ title }} +modified: +categories: {{ dir }} +excerpt: +tags: [] +image: + feature: +--- diff --git a/about.md b/about/index.md similarity index 83% rename from about.md rename to about/index.md index a60dbee..fa71d67 100644 --- a/about.md +++ b/about/index.md @@ -1,8 +1,7 @@ --- layout: page -permalink: /about/ title: About the Jekyll Theme -tags: [Jekyll, theme, simple, minimal, minimalism, responsive] +excerpt: "So Simple is a responsive Jekyll theme for your words and images." modified: 2013-09-13 image: feature: so-simple-sample-image-4.jpg @@ -10,7 +9,7 @@ image: creditlink: http://mademistakes.com --- -Looking for a simple, responsive, theme for your Jekyll powered blog? Well look no further. Here be **So Simple Theme**, the followup to [**Minimal Mistakes**](http://mmistakes.github.io/minimal-mistakes) --- by designer slash illustrator [Michael Rose](http://mademistakes.com). +Looking for a simple, responsive, theme for your Jekyll powered blog? Well look no further. Here be **So Simple Theme**, the follow up to [**Minimal Mistakes**](http://mmistakes.github.io/minimal-mistakes) --- by designer slash illustrator [Michael Rose](http://mademistakes.com). ## So Simple Theme is all about: diff --git a/articles.html b/articles/index.md similarity index 70% rename from articles.html rename to articles/index.md index 1fcba24..6b3e48f 100644 --- a/articles.html +++ b/articles/index.md @@ -1,12 +1,11 @@ --- layout: page -permalink: /articles/ -title: Articles -description: "An archive of posts sorted by date." +title: Sample Articles +excerpt: "An archive of articles sorted by date." --- diff --git a/assets/css/main.min.css b/assets/css/main.min.css deleted file mode 100644 index bd3a0ea..0000000 --- a/assets/css/main.min.css +++ /dev/null @@ -1,25 +0,0 @@ -article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}a:hover,a:active{outline:0}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}blockquote{margin:0}img{width:auto\9;height:auto;max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}#map_canvas img,.google-maps img{max-width:none}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle}button,input{*overflow:visible;line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"]{cursor:pointer}input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}@media print{*{color:#000!important;text-shadow:none!important;background:transparent!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}body{margin-top:24px;font-size:16px}::-moz-selection{color:#343434;text-shadow:none;background-color:#dadada}::selection{color:#343434;text-shadow:none;background-color:#dadada}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{-webkit-border-radius:10px;border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3)}::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.5);-webkit-border-radius:10px;border-radius:10px}::-webkit-scrollbar-thumb:window-inactive{background:rgba(0,0,0,0.2)}.wrap{margin:0 auto}.all-caps{text-transform:uppercase}.pull-left{float:left}.pull-right{float:right}.unstyled-list{padding-left:0;margin-left:0;list-style:none}.unstyled-list li{list-style-type:none}b,i,strong,em,blockquote,p,q,span,figure,img,h1,h2,header,input,a{-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}body{font-family:'source-sans-pro',sans-serif;color:#222}h1,h2,h3,h4,h5,h6{font-family:'source-sans-pro',sans-serif}a{color:#222;text-decoration:none}a:visited{color:#555}a:hover{color:#000}a:focus{color:#000;outline:thin dotted}a:hover,a:active{outline:0}.link-arrow{font-style:normal;font-weight:100;text-decoration:underline}figcaption{padding-top:10px;font-size:14px;font-size:.875rem;line-height:1.7143;line-height:1.3;color:#3c3c3c}.image-credit{max-width:440px;padding-top:5px;padding-right:20px;padding-left:20px;margin:0 auto;font-size:14px;font-size:.875rem;line-height:1.7143;line-height:1.3;color:#6f6f6f;text-align:right;*zoom:1}.image-credit:before,.image-credit:after{display:table;line-height:0;content:""}.image-credit:after{clear:both}@media only screen and (min-width:48em){.image-credit{max-width:760px;padding-right:60px;padding-left:60px}}@media only screen and (min-width:62.5em){.image-credit{max-width:960px}}.image-credit a{color:#6f6f6f}.notice{padding:.5em 1em;margin-top:1.5em;font-size:16px;font-size:1rem;text-indent:0;background-color:#f2f2f2;border:1px solid #e6e6e6;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}blockquote{padding-left:20px;margin-bottom:24px;margin-bottom:1.5rem;font-family:'volkhov',serif;font-size:24px;font-size:1.5rem;font-style:italic;line-height:1;border-left:8px solid #000}.footnotes{font-family:'source-sans-pro',sans-serif;font-size:14px;font-size:.875rem;line-height:1.7143}tt,code,kbd,samp,pre{font-family:'source-code-pro',monospace}p code,li code{padding:0 5px;margin:0 2px;font-size:12px;font-size:.75rem;line-height:2;white-space:nowrap;background-color:#f2f2f2;border:1px solid #e6e6e6;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}pre{overflow-x:auto;font-size:12px;font-size:.75rem;line-height:2}.highlight{margin-bottom:1.5em;font-size:12px;font-size:.75rem;line-height:2;border:1px solid #dedede}.highlight pre{position:relative;padding:1em;margin:0}.highlight .hll{background-color:#ffc}.highlight .c{font-style:italic;color:#998}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .k{font-weight:bold;color:#000}.highlight .o{font-weight:bold;color:#000}.highlight .cm{font-style:italic;color:#998}.highlight .cp{font-style:italic;font-weight:bold;color:#999}.highlight .c1{font-style:italic;color:#998}.highlight .cs{font-style:italic;font-weight:bold;color:#999}.highlight .gd{color:#000;background-color:#fdd}.highlight .ge{font-style:italic;color:#000}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000;background-color:#dfd}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:bold}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .kc{font-weight:bold;color:#000}.highlight .kd{font-weight:bold;color:#000}.highlight .kn{font-weight:bold;color:#000}.highlight .kp{font-weight:bold;color:#000}.highlight .kr{font-weight:bold;color:#000}.highlight .kt{font-weight:bold;color:#458}.highlight .m{color:#099}.highlight .s{color:#d01040}.highlight .na{color:#008080}.highlight .nb{color:#0086b3}.highlight .nc{font-weight:bold;color:#458}.highlight .no{color:#008080}.highlight .nd{font-weight:bold;color:#3c5d5d}.highlight .ni{color:#800080}.highlight .ne{font-weight:bold;color:#900}.highlight .nf{font-weight:bold;color:#900}.highlight .nl{font-weight:bold;color:#900}.highlight .nn{color:#555}.highlight .nt{color:#000080}.highlight .nv{color:#008080}.highlight .ow{font-weight:bold;color:#000}.highlight .w{color:#bbb}.highlight .mf{color:#099}.highlight .mh{color:#099}.highlight .mi{color:#099}.highlight .mo{color:#099}.highlight .sb{color:#d01040}.highlight .sc{color:#d01040}.highlight .sd{color:#d01040}.highlight .s2{color:#d01040}.highlight .se{color:#d01040}.highlight .sh{color:#d01040}.highlight .si{color:#d01040}.highlight .sx{color:#d01040}.highlight .sr{color:#009926}.highlight .s1{color:#d01040}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:#008080}.highlight .vg{color:#008080}.highlight .vi{color:#008080}.highlight .il{color:#099}.CodeRay{margin-bottom:1.5em;font-family:'source-code-pro',monospace;font-size:12px;font-size:.75rem;line-height:2;color:#333332;border:1px solid #dedede}.CodeRay code{padding:1em;margin:0}span.CodeRay{padding:2px;white-space:pre;border:0}table.CodeRay{width:100%;padding:2px;border-collapse:collapse}table.CodeRay td{padding:1em .5em;vertical-align:top}.CodeRay .line-numbers,.CodeRay .no{color:#AAA;text-align:right}.CodeRay .line-numbers a{color:#AAA}.CodeRay .line-numbers tt{font-weight:bold}.CodeRay .line-numbers .highlighted{color:#f00}.CodeRay .line{display:block;float:left;width:100%}.CodeRay span.line-numbers{padding:0 24px 0 4px}.CodeRay .code{width:100%}ol.CodeRay{font-size:10pt}ol.CodeRay li{white-space:pre}.CodeRay .code pre{overflow:auto}.CodeRay .debug{color:white!important;background:blue!important}.CodeRay .annotation{color:#007}.CodeRay .attribute-name{color:#f08}.CodeRay .attribute-value{color:#700}.CodeRay .binary{font-weight:bold;color:#509}.CodeRay .comment{font-style:italic;color:#998}.CodeRay .char{color:#04d}.CodeRay .char .content{color:#04d}.CodeRay .char .delimiter{color:#039}.CodeRay .class{font-weight:bold;color:#458}.CodeRay .complex{font-weight:bold;color:#A08}.CodeRay .constant{color:teal}.CodeRay .color{color:#0a0}.CodeRay .class-variable{color:#369}.CodeRay .decorator{color:#B0B}.CodeRay .definition{font-weight:bold;color:#099}.CodeRay .directive{font-weight:bold;color:#088}.CodeRay .delimiter{color:#000}.CodeRay .doc{color:#970}.CodeRay .doctype{color:#34b}.CodeRay .doc-string{font-weight:bold;color:#D42}.CodeRay .escape{font-weight:bold;color:#666}.CodeRay .entity{font-weight:bold;color:#800}.CodeRay .error{color:#F00;background-color:#faa}.CodeRay .exception{font-weight:bold;color:#C00}.CodeRay .filename{color:#099}.CodeRay .function{font-weight:bold;color:#900}.CodeRay .global-variable{font-weight:bold;color:teal}.CodeRay .hex{font-weight:bold;color:#058}.CodeRay .integer{color:#099}.CodeRay .include{font-weight:bold;color:#B44}.CodeRay .inline{color:#000}.CodeRay .inline .inline{background:#ccc}.CodeRay .inline .inline .inline{background:#bbb}.CodeRay .inline .inline-delimiter{color:#D14}.CodeRay .inline-delimiter{color:#D14}.CodeRay .important{color:#f00}.CodeRay .interpreted{font-weight:bold;color:#B2B}.CodeRay .instance-variable{color:#008080}.CodeRay .label{font-weight:bold;color:#970}.CodeRay .local-variable{color:#963}.CodeRay .octal{font-weight:bold;color:#40E}.CodeRay .predefined-constant{font-weight:bold}.CodeRay .predefined{font-weight:bold;color:#369}.CodeRay .preprocessor{color:#579}.CodeRay .pseudo-class{font-weight:bold;color:#00C}.CodeRay .predefined-type{font-weight:bold;color:#074}.CodeRay .reserved,.keyword{font-weight:bold;color:#000}.CodeRay .key{color:#808}.CodeRay .key .delimiter{color:#606}.CodeRay .key .char{color:#80f}.CodeRay .value{color:#088}.CodeRay .regexp{background-color:#fff0ff}.CodeRay .regexp .content{color:#808}.CodeRay .regexp .delimiter{color:#404}.CodeRay .regexp .modifier{color:#c2c}.CodeRay .regexp .function{font-weight:bold;color:#404}.CodeRay .string{color:#D20}.CodeRay .string .string .string{background-color:#ffd0d0}.CodeRay .string .content{color:#D14}.CodeRay .string .char{color:#D14}.CodeRay .string .delimiter{color:#D14}.CodeRay .shell{color:#d14}.CodeRay .shell .delimiter{color:#d14}.CodeRay .symbol{color:#990073}.CodeRay .symbol .content{color:#a60}.CodeRay .symbol .delimiter{color:#630}.CodeRay .tag{color:#070}.CodeRay .tag-special{font-weight:bold;color:#D70}.CodeRay .type{font-weight:bold;color:#339}.CodeRay .variable{color:#036}.CodeRay .insert{background:#afa}.CodeRay .delete{background:#faa}.CodeRay .change{color:#aaf;background:#007}.CodeRay .head{color:#f8f;background:#505}.CodeRay .insert .insert{font-weight:bold;color:#080}.CodeRay .delete .delete{font-weight:bold;color:#800}.CodeRay .change .change{color:#66f}.CodeRay .head .head{color:#f4f}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}.hidden{display:none;visibility:hidden}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}hr{display:block;height:1px;padding:0;margin:1em 0;border:0;border-top:1px solid #ccc;border-bottom:1px solid #fff}figure{padding-top:10px;padding-bottom:10px;margin:0;*zoom:1}figure:before,figure:after{display:table;line-height:0;content:""}figure:after{clear:both}figure img{margin-bottom:10px}figure a img{-webkit-opacity:.7;-moz-opacity:.7;opacity:.7;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);-webkit-transition-duration:.25s;-moz-transition-duration:.25s;-o-transition-duration:.25s}figure a img:hover{-webkit-opacity:1;-moz-opacity:1;opacity:1;-webkit-transform:translate(0,-5px);-moz-transform:translate(0,-5px);-ms-transform:translate(0,-5px);-o-transform:translate(0,-5px);transform:translate(0,-5px);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);-moz-box-shadow:0 0 10px rgba(0,0,0,0.2);box-shadow:0 0 10px rgba(0,0,0,0.2)}@media only screen and (min-width:62.5em){figure.half img{float:left;width:310px;margin-right:10px}figure.half figcaption{clear:left}}@media only screen and (min-width:62.5em){figure.third img{float:left;width:200px;margin-right:10px}figure.third figcaption{clear:left}}svg:not(:root){overflow:hidden}.btn{display:inline-block;padding:8px 20px;margin-bottom:20px;font-size:14px;font-size:.875rem;color:#fff;background-color:#000;border:2px solid #000!important;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}.btn:visited{color:#fff}.btn:hover{color:#000;background-color:#fff}.well{padding:20px;border:1px solid #343434;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.animated{-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInDown{0%{opacity:0;-o-transform:translateY(-20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDownBig{0%{opacity:0;-moz-transform:translateY(-2000px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInDownBig{0%{opacity:0;-o-transform:translateY(-2000px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px)}100%{opacity:1;transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;-moz-animation-name:fadeInDownBig;-o-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(0.3)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(0.9)}100%{-webkit-transform:scale(1)}}@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(0.3)}50%{opacity:1;-moz-transform:scale(1.05)}70%{-moz-transform:scale(0.9)}100%{-moz-transform:scale(1)}}@-o-keyframes bounceIn{0%{opacity:0;-o-transform:scale(0.3)}50%{opacity:1;-o-transform:scale(1.05)}70%{-o-transform:scale(0.9)}100%{-o-transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(0.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(0.9)}100%{transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;-moz-animation-name:bounceIn;-o-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px)}80%{-webkit-transform:translateY(-10px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes bounceInDown{0%{opacity:0;-moz-transform:translateY(-2000px)}60%{opacity:1;-moz-transform:translateY(30px)}80%{-moz-transform:translateY(-10px)}100%{-moz-transform:translateY(0)}}@-o-keyframes bounceInDown{0%{opacity:0;-o-transform:translateY(-2000px)}60%{opacity:1;-o-transform:translateY(30px)}80%{-o-transform:translateY(-10px)}100%{-o-transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}100%{transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;-moz-animation-name:bounceInDown;-o-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes drop{0%{-webkit-transform:translateY(-500px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes drop{0%{-moz-transform:translateY(-500px)}100%{-moz-transform:translateY(0)}}@-o-keyframes drop{0%{-o-transform:translateY(-500px)}100%{-o-transform:translateY(0)}}@keyframes drop{0%{transform:translateY(-500px)}100%{transform:translateY(0)}}.drop{-webkit-animation-name:drop;-moz-animation-name:drop;-o-animation-name:drop;animation-name:drop}/*! - * Font Awesome 3.2.0 - * the iconic font designed for Bootstrap - * ------------------------------------------------------------------------------ - * The full suite of pictographic icons, examples, and documentation can be - * found at http://fontawesome.io. Stay up to date on Twitter at - * http://twitter.com/fontawesome. - * - * License - * ------------------------------------------------------------------------------ - * - The Font Awesome font is licensed under SIL OFL 1.1 - - * http://scripts.sil.org/OFL - * - Font Awesome CSS, LESS, and SASS files are licensed under MIT License - - * http://opensource.org/licenses/mit-license.html - * - Font Awesome documentation licensed under CC BY 3.0 - - * http://creativecommons.org/licenses/by/3.0/ - * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: - * "Font Awesome by Dave Gandy - http://fontawesome.io" - * - * Author - Dave Gandy - * ------------------------------------------------------------------------------ - * Email: dave@fontawesome.io - * Twitter: http://twitter.com/byscuits - * Work: Lead Product Designer @ Kyruus - http://kyruus.com - */@font-face{font-family:'FontAwesome';font-style:normal;font-weight:normal;src:url('//netdna.bootstrapcdn.com/font-awesome/3.2.0/font/fontawesome-webfont.eot?v=3.2.0');src:url('//netdna.bootstrapcdn.com/font-awesome/3.2.0/font/fontawesome-webfont.eot?#iefix&v=3.2.0') format('embedded-opentype'),url('//netdna.bootstrapcdn.com/font-awesome/3.2.0/font/fontawesome-webfont.woff?v=3.2.0') format('woff'),url('//netdna.bootstrapcdn.com/font-awesome/3.2.0/font/fontawesome-webfont.ttf?v=3.2.0') format('truetype'),url('//netdna.bootstrapcdn.com/font-awesome/3.2.0/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.0') format('svg')}[class^="icon-"],[class*=" icon-"]{*margin-right:.3em;font-family:FontAwesome;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:normal;text-decoration:inherit}[class^="icon-"]:before,[class*=" icon-"]:before{display:inline-block;text-decoration:inherit;cursor:default;speak:none}.icon-large:before{font-size:1.3333333333333333em;vertical-align:-10%}a [class^="icon-"],a [class*=" icon-"]{display:inline}[class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.1428571428571428em;padding-right:.2857142857142857em;text-align:right}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.4285714285714286em}.icons-ul{margin-left:2.142857142857143em;list-style-type:none}.icons-ul>li{position:relative}.icons-ul .icon-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;line-height:inherit;text-align:center}[class^="icon-"].hide,[class*=" icon-"].hide{display:none}.icon-muted{color:#eee}.icon-light{color:#fff}.icon-dark{color:#333}.icon-border{padding:.2em .25em .15em;border:solid 1px #eee;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.icon-2x{font-size:2em}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.icon-3x{font-size:3em}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.icon-4x{font-size:4em}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.icon-5x{font-size:5em}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.pull-right{float:right}.pull-left{float:left}[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em}[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em}[class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;margin-top:0;line-height:normal;vertical-align:baseline;background-image:none;background-position:0 0;background-repeat:repeat}.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none}.btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em}.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block}.nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em}.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em}.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em}.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em}.btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em}.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em}.icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%}.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{position:absolute;display:block;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em;text-align:center}.icon-stack .icon-stack-base{font-size:2em;*line-height:1em}.icon-spin{display:inline-block;-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}a .icon-spin{display:inline-block;text-decoration:none}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.icon-rotate-90:before{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.icon-rotate-180:before{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.icon-rotate-270:before{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.icon-flip-horizontal:before{-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}.icon-flip-vertical:before{-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before{display:inline-block}.icon-glass:before{content:"\f000"}.icon-music:before{content:"\f001"}.icon-search:before{content:"\f002"}.icon-envelope-alt:before{content:"\f003"}.icon-heart:before{content:"\f004"}.icon-star:before{content:"\f005"}.icon-star-empty:before{content:"\f006"}.icon-user:before{content:"\f007"}.icon-film:before{content:"\f008"}.icon-th-large:before{content:"\f009"}.icon-th:before{content:"\f00a"}.icon-th-list:before{content:"\f00b"}.icon-ok:before{content:"\f00c"}.icon-remove:before{content:"\f00d"}.icon-zoom-in:before{content:"\f00e"}.icon-zoom-out:before{content:"\f010"}.icon-power-off:before,.icon-off:before{content:"\f011"}.icon-signal:before{content:"\f012"}.icon-cog:before{content:"\f013"}.icon-trash:before{content:"\f014"}.icon-home:before{content:"\f015"}.icon-file-alt:before{content:"\f016"}.icon-time:before{content:"\f017"}.icon-road:before{content:"\f018"}.icon-download-alt:before{content:"\f019"}.icon-download:before{content:"\f01a"}.icon-upload:before{content:"\f01b"}.icon-inbox:before{content:"\f01c"}.icon-play-circle:before{content:"\f01d"}.icon-rotate-right:before,.icon-repeat:before{content:"\f01e"}.icon-refresh:before{content:"\f021"}.icon-list-alt:before{content:"\f022"}.icon-lock:before{content:"\f023"}.icon-flag:before{content:"\f024"}.icon-headphones:before{content:"\f025"}.icon-volume-off:before{content:"\f026"}.icon-volume-down:before{content:"\f027"}.icon-volume-up:before{content:"\f028"}.icon-qrcode:before{content:"\f029"}.icon-barcode:before{content:"\f02a"}.icon-tag:before{content:"\f02b"}.icon-tags:before{content:"\f02c"}.icon-book:before{content:"\f02d"}.icon-bookmark:before{content:"\f02e"}.icon-print:before{content:"\f02f"}.icon-camera:before{content:"\f030"}.icon-font:before{content:"\f031"}.icon-bold:before{content:"\f032"}.icon-italic:before{content:"\f033"}.icon-text-height:before{content:"\f034"}.icon-text-width:before{content:"\f035"}.icon-align-left:before{content:"\f036"}.icon-align-center:before{content:"\f037"}.icon-align-right:before{content:"\f038"}.icon-align-justify:before{content:"\f039"}.icon-list:before{content:"\f03a"}.icon-indent-left:before{content:"\f03b"}.icon-indent-right:before{content:"\f03c"}.icon-facetime-video:before{content:"\f03d"}.icon-picture:before{content:"\f03e"}.icon-pencil:before{content:"\f040"}.icon-map-marker:before{content:"\f041"}.icon-adjust:before{content:"\f042"}.icon-tint:before{content:"\f043"}.icon-edit:before{content:"\f044"}.icon-share:before{content:"\f045"}.icon-check:before{content:"\f046"}.icon-move:before{content:"\f047"}.icon-step-backward:before{content:"\f048"}.icon-fast-backward:before{content:"\f049"}.icon-backward:before{content:"\f04a"}.icon-play:before{content:"\f04b"}.icon-pause:before{content:"\f04c"}.icon-stop:before{content:"\f04d"}.icon-forward:before{content:"\f04e"}.icon-fast-forward:before{content:"\f050"}.icon-step-forward:before{content:"\f051"}.icon-eject:before{content:"\f052"}.icon-chevron-left:before{content:"\f053"}.icon-chevron-right:before{content:"\f054"}.icon-plus-sign:before{content:"\f055"}.icon-minus-sign:before{content:"\f056"}.icon-remove-sign:before{content:"\f057"}.icon-ok-sign:before{content:"\f058"}.icon-question-sign:before{content:"\f059"}.icon-info-sign:before{content:"\f05a"}.icon-screenshot:before{content:"\f05b"}.icon-remove-circle:before{content:"\f05c"}.icon-ok-circle:before{content:"\f05d"}.icon-ban-circle:before{content:"\f05e"}.icon-arrow-left:before{content:"\f060"}.icon-arrow-right:before{content:"\f061"}.icon-arrow-up:before{content:"\f062"}.icon-arrow-down:before{content:"\f063"}.icon-mail-forward:before,.icon-share-alt:before{content:"\f064"}.icon-resize-full:before{content:"\f065"}.icon-resize-small:before{content:"\f066"}.icon-plus:before{content:"\f067"}.icon-minus:before{content:"\f068"}.icon-asterisk:before{content:"\f069"}.icon-exclamation-sign:before{content:"\f06a"}.icon-gift:before{content:"\f06b"}.icon-leaf:before{content:"\f06c"}.icon-fire:before{content:"\f06d"}.icon-eye-open:before{content:"\f06e"}.icon-eye-close:before{content:"\f070"}.icon-warning-sign:before{content:"\f071"}.icon-plane:before{content:"\f072"}.icon-calendar:before{content:"\f073"}.icon-random:before{content:"\f074"}.icon-comment:before{content:"\f075"}.icon-magnet:before{content:"\f076"}.icon-chevron-up:before{content:"\f077"}.icon-chevron-down:before{content:"\f078"}.icon-retweet:before{content:"\f079"}.icon-shopping-cart:before{content:"\f07a"}.icon-folder-close:before{content:"\f07b"}.icon-folder-open:before{content:"\f07c"}.icon-resize-vertical:before{content:"\f07d"}.icon-resize-horizontal:before{content:"\f07e"}.icon-bar-chart:before{content:"\f080"}.icon-twitter-sign:before{content:"\f081"}.icon-facebook-sign:before{content:"\f082"}.icon-camera-retro:before{content:"\f083"}.icon-key:before{content:"\f084"}.icon-cogs:before{content:"\f085"}.icon-comments:before{content:"\f086"}.icon-thumbs-up-alt:before{content:"\f087"}.icon-thumbs-down-alt:before{content:"\f088"}.icon-star-half:before{content:"\f089"}.icon-heart-empty:before{content:"\f08a"}.icon-signout:before{content:"\f08b"}.icon-linkedin-sign:before{content:"\f08c"}.icon-pushpin:before{content:"\f08d"}.icon-external-link:before{content:"\f08e"}.icon-signin:before{content:"\f090"}.icon-trophy:before{content:"\f091"}.icon-github-sign:before{content:"\f092"}.icon-upload-alt:before{content:"\f093"}.icon-lemon:before{content:"\f094"}.icon-phone:before{content:"\f095"}.icon-unchecked:before,.icon-check-empty:before{content:"\f096"}.icon-bookmark-empty:before{content:"\f097"}.icon-phone-sign:before{content:"\f098"}.icon-twitter:before{content:"\f099"}.icon-facebook:before{content:"\f09a"}.icon-github:before{content:"\f09b"}.icon-unlock:before{content:"\f09c"}.icon-credit-card:before{content:"\f09d"}.icon-rss:before{content:"\f09e"}.icon-hdd:before{content:"\f0a0"}.icon-bullhorn:before{content:"\f0a1"}.icon-bell:before{content:"\f0a2"}.icon-certificate:before{content:"\f0a3"}.icon-hand-right:before{content:"\f0a4"}.icon-hand-left:before{content:"\f0a5"}.icon-hand-up:before{content:"\f0a6"}.icon-hand-down:before{content:"\f0a7"}.icon-circle-arrow-left:before{content:"\f0a8"}.icon-circle-arrow-right:before{content:"\f0a9"}.icon-circle-arrow-up:before{content:"\f0aa"}.icon-circle-arrow-down:before{content:"\f0ab"}.icon-globe:before{content:"\f0ac"}.icon-wrench:before{content:"\f0ad"}.icon-tasks:before{content:"\f0ae"}.icon-filter:before{content:"\f0b0"}.icon-briefcase:before{content:"\f0b1"}.icon-fullscreen:before{content:"\f0b2"}.icon-group:before{content:"\f0c0"}.icon-link:before{content:"\f0c1"}.icon-cloud:before{content:"\f0c2"}.icon-beaker:before{content:"\f0c3"}.icon-cut:before{content:"\f0c4"}.icon-copy:before{content:"\f0c5"}.icon-paperclip:before,.icon-paper-clip:before{content:"\f0c6"}.icon-save:before{content:"\f0c7"}.icon-sign-blank:before{content:"\f0c8"}.icon-reorder:before{content:"\f0c9"}.icon-list-ul:before{content:"\f0ca"}.icon-list-ol:before{content:"\f0cb"}.icon-strikethrough:before{content:"\f0cc"}.icon-underline:before{content:"\f0cd"}.icon-table:before{content:"\f0ce"}.icon-magic:before{content:"\f0d0"}.icon-truck:before{content:"\f0d1"}.icon-pinterest:before{content:"\f0d2"}.icon-pinterest-sign:before{content:"\f0d3"}.icon-google-plus-sign:before{content:"\f0d4"}.icon-google-plus:before{content:"\f0d5"}.icon-money:before{content:"\f0d6"}.icon-caret-down:before{content:"\f0d7"}.icon-caret-up:before{content:"\f0d8"}.icon-caret-left:before{content:"\f0d9"}.icon-caret-right:before{content:"\f0da"}.icon-columns:before{content:"\f0db"}.icon-sort:before{content:"\f0dc"}.icon-sort-down:before{content:"\f0dd"}.icon-sort-up:before{content:"\f0de"}.icon-envelope:before{content:"\f0e0"}.icon-linkedin:before{content:"\f0e1"}.icon-rotate-left:before,.icon-undo:before{content:"\f0e2"}.icon-legal:before{content:"\f0e3"}.icon-dashboard:before{content:"\f0e4"}.icon-comment-alt:before{content:"\f0e5"}.icon-comments-alt:before{content:"\f0e6"}.icon-bolt:before{content:"\f0e7"}.icon-sitemap:before{content:"\f0e8"}.icon-umbrella:before{content:"\f0e9"}.icon-paste:before{content:"\f0ea"}.icon-lightbulb:before{content:"\f0eb"}.icon-exchange:before{content:"\f0ec"}.icon-cloud-download:before{content:"\f0ed"}.icon-cloud-upload:before{content:"\f0ee"}.icon-user-md:before{content:"\f0f0"}.icon-stethoscope:before{content:"\f0f1"}.icon-suitcase:before{content:"\f0f2"}.icon-bell-alt:before{content:"\f0f3"}.icon-coffee:before{content:"\f0f4"}.icon-food:before{content:"\f0f5"}.icon-file-text-alt:before{content:"\f0f6"}.icon-building:before{content:"\f0f7"}.icon-hospital:before{content:"\f0f8"}.icon-ambulance:before{content:"\f0f9"}.icon-medkit:before{content:"\f0fa"}.icon-fighter-jet:before{content:"\f0fb"}.icon-beer:before{content:"\f0fc"}.icon-h-sign:before{content:"\f0fd"}.icon-plus-sign-alt:before{content:"\f0fe"}.icon-double-angle-left:before{content:"\f100"}.icon-double-angle-right:before{content:"\f101"}.icon-double-angle-up:before{content:"\f102"}.icon-double-angle-down:before{content:"\f103"}.icon-angle-left:before{content:"\f104"}.icon-angle-right:before{content:"\f105"}.icon-angle-up:before{content:"\f106"}.icon-angle-down:before{content:"\f107"}.icon-desktop:before{content:"\f108"}.icon-laptop:before{content:"\f109"}.icon-tablet:before{content:"\f10a"}.icon-mobile-phone:before{content:"\f10b"}.icon-circle-blank:before{content:"\f10c"}.icon-quote-left:before{content:"\f10d"}.icon-quote-right:before{content:"\f10e"}.icon-spinner:before{content:"\f110"}.icon-circle:before{content:"\f111"}.icon-mail-reply:before,.icon-reply:before{content:"\f112"}.icon-github-alt:before{content:"\f113"}.icon-folder-close-alt:before{content:"\f114"}.icon-folder-open-alt:before{content:"\f115"}.icon-expand-alt:before{content:"\f116"}.icon-collapse-alt:before{content:"\f117"}.icon-smile:before{content:"\f118"}.icon-frown:before{content:"\f119"}.icon-meh:before{content:"\f11a"}.icon-gamepad:before{content:"\f11b"}.icon-keyboard:before{content:"\f11c"}.icon-flag-alt:before{content:"\f11d"}.icon-flag-checkered:before{content:"\f11e"}.icon-terminal:before{content:"\f120"}.icon-code:before{content:"\f121"}.icon-reply-all:before{content:"\f122"}.icon-mail-reply-all:before{content:"\f122"}.icon-star-half-full:before,.icon-star-half-empty:before{content:"\f123"}.icon-location-arrow:before{content:"\f124"}.icon-crop:before{content:"\f125"}.icon-code-fork:before{content:"\f126"}.icon-unlink:before{content:"\f127"}.icon-question:before{content:"\f128"}.icon-info:before{content:"\f129"}.icon-exclamation:before{content:"\f12a"}.icon-superscript:before{content:"\f12b"}.icon-subscript:before{content:"\f12c"}.icon-eraser:before{content:"\f12d"}.icon-puzzle-piece:before{content:"\f12e"}.icon-microphone:before{content:"\f130"}.icon-microphone-off:before{content:"\f131"}.icon-shield:before{content:"\f132"}.icon-calendar-empty:before{content:"\f133"}.icon-fire-extinguisher:before{content:"\f134"}.icon-rocket:before{content:"\f135"}.icon-maxcdn:before{content:"\f136"}.icon-chevron-sign-left:before{content:"\f137"}.icon-chevron-sign-right:before{content:"\f138"}.icon-chevron-sign-up:before{content:"\f139"}.icon-chevron-sign-down:before{content:"\f13a"}.icon-html5:before{content:"\f13b"}.icon-css3:before{content:"\f13c"}.icon-anchor:before{content:"\f13d"}.icon-unlock-alt:before{content:"\f13e"}.icon-bullseye:before{content:"\f140"}.icon-ellipsis-horizontal:before{content:"\f141"}.icon-ellipsis-vertical:before{content:"\f142"}.icon-rss-sign:before{content:"\f143"}.icon-play-sign:before{content:"\f144"}.icon-ticket:before{content:"\f145"}.icon-minus-sign-alt:before{content:"\f146"}.icon-check-minus:before{content:"\f147"}.icon-level-up:before{content:"\f148"}.icon-level-down:before{content:"\f149"}.icon-check-sign:before{content:"\f14a"}.icon-edit-sign:before{content:"\f14b"}.icon-external-link-sign:before{content:"\f14c"}.icon-share-sign:before{content:"\f14d"}.icon-compass:before{content:"\f14e"}.icon-collapse:before{content:"\f150"}.icon-collapse-top:before{content:"\f151"}.icon-expand:before{content:"\f152"}.icon-euro:before,.icon-eur:before{content:"\f153"}.icon-gbp:before{content:"\f154"}.icon-dollar:before,.icon-usd:before{content:"\f155"}.icon-rupee:before,.icon-inr:before{content:"\f156"}.icon-yen:before,.icon-jpy:before{content:"\f157"}.icon-renminbi:before,.icon-cny:before{content:"\f158"}.icon-won:before,.icon-krw:before{content:"\f159"}.icon-bitcoin:before,.icon-btc:before{content:"\f15a"}.icon-file:before{content:"\f15b"}.icon-file-text:before{content:"\f15c"}.icon-sort-by-alphabet:before{content:"\f15d"}.icon-sort-by-alphabet-alt:before{content:"\f15e"}.icon-sort-by-attributes:before{content:"\f160"}.icon-sort-by-attributes-alt:before{content:"\f161"}.icon-sort-by-order:before{content:"\f162"}.icon-sort-by-order-alt:before{content:"\f163"}.icon-thumbs-up:before{content:"\f164"}.icon-thumbs-down:before{content:"\f165"}.icon-youtube-sign:before{content:"\f166"}.icon-youtube:before{content:"\f167"}.icon-xing:before{content:"\f168"}.icon-xing-sign:before{content:"\f169"}.icon-youtube-play:before{content:"\f16a"}.icon-dropbox:before{content:"\f16b"}.icon-stackexchange:before{content:"\f16c"}.icon-instagram:before{content:"\f16d"}.icon-flickr:before{content:"\f16e"}.icon-adn:before{content:"\f170"}.icon-bitbucket:before{content:"\f171"}.icon-bitbucket-sign:before{content:"\f172"}.icon-tumblr:before{content:"\f173"}.icon-tumblr-sign:before{content:"\f174"}.icon-long-arrow-down:before{content:"\f175"}.icon-long-arrow-up:before{content:"\f176"}.icon-long-arrow-left:before{content:"\f177"}.icon-long-arrow-right:before{content:"\f178"}.icon-apple:before{content:"\f179"}.icon-windows:before{content:"\f17a"}.icon-android:before{content:"\f17b"}.icon-linux:before{content:"\f17c"}.icon-dribble:before{content:"\f17d"}.icon-skype:before{content:"\f17e"}.icon-foursquare:before{content:"\f180"}.icon-trello:before{content:"\f181"}.icon-female:before{content:"\f182"}.icon-male:before{content:"\f183"}.icon-gittip:before{content:"\f184"}.icon-sun:before{content:"\f185"}.icon-moon:before{content:"\f186"}.icon-archive:before{content:"\f187"}.icon-bug:before{content:"\f188"}.icon-vk:before{content:"\f189"}.icon-weibo:before{content:"\f18a"}.icon-renren:before{content:"\f18b"}.mfp-bg{position:fixed;top:0;left:0;z-index:502;width:100%;height:100%;overflow:hidden;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{position:fixed;top:0;left:0;z-index:503;width:100%;height:100%;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{position:absolute;top:0;left:0;width:100%;height:100%;padding:0 8px;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{display:inline-block;height:100%;vertical-align:middle;content:''}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;z-index:505;display:inline-block;margin:0 auto;text-align:left;vertical-align:middle}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-inline-holder .mfp-content:after,.mfp-ajax-holder .mfp-content:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;display:block;width:auto;height:auto;content:'';box-shadow:0 0 8px rgba(0,0,0,0.6)}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom,.image-popup{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{position:absolute;top:50%;right:8px;left:8px;z-index:504;width:auto;margin-top:-0.8em;color:#ccc;text-align:center}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:white}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{z-index:506;display:block;padding:0;overflow:visible;cursor:pointer;border:0;-webkit-appearance:none}button.mfp-close{background:transparent}button::-moz-focus-inner{padding:0;border:0}.mfp-close{position:absolute;top:0;right:0;width:44px;height:44px;padding:0 0 18px 10px;font-family:Arial,Baskerville,monospace;font-size:28px;font-style:normal;line-height:44px;color:white;text-align:center;text-decoration:none;opacity:.65}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{right:-6px;width:100%;padding-right:6px;color:white;text-align:right}.mfp-counter{position:absolute;top:0;right:0;font-size:12px;line-height:18px;color:#ccc}.mfp-arrow{position:absolute;top:0;top:50%;width:90px;height:110px;padding:0;margin:0;margin-top:-55px;overflow:hidden;text-indent:100%;white-space:nowrap;background-color:#000;opacity:.65;-webkit-transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;-ms-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{position:absolute;top:0;left:0;display:block;width:0;height:0;margin-top:35px;margin-left:35px;border:solid transparent;content:''}.mfp-arrow:after,.mfp-arrow .mfp-a{top:8px;border-top-width:12px;border-bottom-width:12px;opacity:.8}.mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:20px;border-bottom-width:20px}.mfp-arrow-left{left:0;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0;-webkit-border-top-left-radius:0;border-top-left-radius:0;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.mfp-arrow-left:after,.mfp-arrow-left .mfp-a{left:5px;border-right:12px solid #fff}.mfp-arrow-left:before,.mfp-arrow-left .mfp-b{border-right:20px solid #fff}.mfp-arrow-right{right:0;-webkit-border-top-right-radius:0;border-top-right-radius:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:5px;-moz-border-radius-topleft:5px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.mfp-arrow-right:after,.mfp-arrow-right .mfp-a{left:3px;border-left:12px solid #fff}.mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:20px solid #fff}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{width:100%;max-width:900px;line-height:0}.mfp-iframe-scaler{width:100%;height:0;padding-top:56.25%;overflow:hidden}.mfp-iframe-scaler iframe{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:black;box-shadow:0 0 8px rgba(0,0,0,0.6)}.mfp-iframe-holder .mfp-close{top:-40px}img.mfp-img{display:block;width:auto;height:auto;max-width:100%;padding:40px 0 40px;margin:0 auto;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-figure:after{position:absolute;top:40px;right:0;bottom:40px;left:0;z-index:-1;display:block;width:auto;height:auto;content:'';box-shadow:0 0 8px rgba(0,0,0,0.6)}.mfp-figure{line-height:0}.mfp-bottom-bar{position:absolute;top:100%;left:0;width:100%;margin-top:-36px;cursor:auto}.mfp-title{line-height:18px;color:#f3f3f3;text-align:left}.mfp-figure small{display:block;font-size:12px;line-height:14px;color:#bdbdbd}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){{}.mfp-img-mobile .mfp-image-holder{padding-right:0;padding-left:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-bottom-bar{position:fixed;top:auto;bottom:0;padding:3px 5px;margin:0;background:rgba(0,0,0,0.6);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{top:3px;right:5px}.mfp-img-mobile .mfp-close{position:fixed;top:0;right:0;width:35px;height:35px;padding:0;line-height:35px;text-align:center;background:rgba(0,0,0,0.6)}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}}@media all and (max-width:800px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0 0;transform-origin:0 0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-right:6px;padding-left:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{left:50%;width:600px;padding-bottom:5px;margin-top:5px;margin-left:-300px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}.mfp-fade .zoom-anim-dialog{opacity:0;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.mfp-fade.mfp-ready .zoom-anim-dialog{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.mfp-fade.mfp-removing .zoom-anim-dialog{opacity:0;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8)}.mfp-fade.mfp-bg{opacity:0;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.mfp-fade.mfp-ready.mfp-bg{opacity:.8}.mfp-fade.mfp-removing.mfp-bg{opacity:0}form{margin:0 0 5px 0}form fieldset{padding:0;margin-bottom:5px;border-width:0}form legend{display:block;width:100%;padding:0;margin-bottom:10px;*margin-left:-7px;color:#222;white-space:normal;border:0;border-bottom:1px solid #ccc}form p{margin-bottom:2.5px}form ul{padding:0;margin:0 0 5px 0;list-style-type:none}form br{display:none}label,input,button,select,textarea{vertical-align:baseline;*vertical-align:middle}input,button,select,textarea{font-family:'source-sans-pro',sans-serif;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}label{display:block;margin-bottom:1.25px;font-weight:bold;color:#222;cursor:pointer}label input,label textarea,label select{display:block}input,textarea,select{display:inline-block;width:100%;padding:4px;margin-bottom:1.25px;color:#222;background-color:#fff;border:1px solid #ccc}input:hover,textarea:hover,select:hover{border-color:#808080}.input-mini{width:60px}.input-small{width:90px}input[type="image"],input[type="checkbox"],input[type="radio"]{width:auto;height:auto;padding:0;margin:3px 0;*margin-top:0;line-height:normal;cursor:pointer;border:0 \9;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}input[type="checkbox"],input[type="radio"]{*width:13px;*height:13px;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}input[type="image"]{border:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}input[type="file"]{width:auto;padding:initial;line-height:initial;background-color:transparent;background-color:initial;border:initial;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}input[type="button"],input[type="reset"],input[type="submit"]{width:auto;height:auto;*overflow:visible;cursor:pointer}select,input[type="file"]{*margin-top:4px}select{width:auto;background-color:#fff}select[multiple],select[size]{height:auto}textarea{height:auto;overflow:auto;vertical-align:top;resize:vertical}input[type="hidden"]{display:none}.radio,.checkbox{padding-left:18px;font-weight:normal}.radio input[type="radio"],.checkbox input[type="checkbox"]{float:left;margin-left:-18px}.radio.inline,.checkbox.inline{display:inline-block;padding-top:5px;margin-bottom:0;vertical-align:middle}.radio.inline+.radio.inline,.checkbox.inline+.checkbox.inline{margin-left:10px}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;-webkit-opacity:.5;-moz-opacity:.5;opacity:.5}input:focus,textarea:focus{border-color:#000;outline:0;outline:thin dotted \9}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,select:focus{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.help-block,.help-inline{color:#808080}.help-block{display:block;margin-bottom:1em;line-height:1em}.help-inline{display:inline-block;padding-left:5px;vertical-align:middle}.form-inline input,.form-inline textarea,.form-inline select{display:inline-block;margin-bottom:0}.form-inline label{display:inline-block}.form-inline .radio,.form-inline .checkbox,.form-inline .radio{padding-left:0;margin-bottom:0;vertical-align:middle}.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{float:left;margin-right:3px;margin-left:0}.dosearch{display:block;padding:6px 10px;color:#fff;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.dosearch:hover{background-color:#1a1a1a;-webkit-box-shadow:inset 0 0 1px #fff;-moz-box-shadow:inset 0 0 1px #fff;box-shadow:inset 0 0 1px #fff}.search-form{position:relative;top:0;left:-200px;z-index:9002;width:100%;opacity:0;transition:all 200ms 100ms cubic-bezier(0,0.6,0.4,1)}.search-form .search-field{width:100%;font-size:32px;font-size:2rem;color:#fff;background-color:transparent;border:0;border-bottom:1px solid #fff;border-radius:0;box-shadow:none;background-clip:padding-box;-webkit-appearance:none}.search-form .search-field:focus{outline:0;box-shadow:none}.search-form.active{top:0;left:0;opacity:1}.search-form.hidden{display:none}.search-form ::-webkit-input-placeholder{font-size:32px;font-size:2rem}.search-form .icon-remove-sign{position:absolute;top:.6rem;right:1rem;z-index:1;display:block;color:#fff;text-align:center;cursor:pointer}.search-form .search-field::-webkit-search-decoration,.search-form .search-field::-webkit-search-cancel-button,.search-form .search-field::-webkit-search-results-button,.search-form .search-field::-webkit-search-results-decoration{display:none}.search-form .post-list{position:absolute;width:100%}.search-form .post-list h4,.search-form .post-list li,.search-form .post-list p,.search-form .post-list a{color:#fff}.search-form .post-list li{border-bottom:1px solid #fff}body.search-overlay{overflow:hidden}body.search-overlay:after{position:absolute;top:0;left:0;z-index:9001;width:100%;height:100%;min-height:100%;background-color:#0d0d0d;background-color:rgba(0,0,0,0.95);content:''}.no-js .dosearch{display:none}body{width:100%;padding:0;margin:0;background-color:#fff;border-top:5px solid #000}@media only screen and (min-width:48em){body{font-size:20px;font-size:1.25rem}}.navigation-wrapper{text-align:center;*zoom:1}.navigation-wrapper:before,.navigation-wrapper:after{display:table;line-height:0;content:""}.navigation-wrapper:after{clear:both}.navigation-wrapper ul{display:inline-block;padding:4px 20px;margin:0 0 50px;vertical-align:top;background-color:#000;-webkit-border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;*zoom:1}.navigation-wrapper ul:before,.navigation-wrapper ul:after{display:table;line-height:0;content:""}.navigation-wrapper ul:after{clear:both}.navigation-wrapper li{display:block;float:left;font-size:14px;font-size:.875rem;color:#fff;text-align:center;text-transform:uppercase;list-style:none}.navigation-wrapper li a:hover{-webkit-box-shadow:inset 0 0 1px #fff;-moz-box-shadow:inset 0 0 1px #fff;box-shadow:inset 0 0 1px #fff}.navigation-wrapper a{display:block;padding:6px 10px;color:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.navigation-wrapper a:hover{background-color:#1a1a1a}#site-nav{z-index:9000;display:none}@media only screen and (min-width:48em){#site-nav{-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s}}@media only screen and (min-width:48em){#site-nav.closed{display:block}}#site-nav.opened{display:block;max-height:100%}#site-nav.opened li{float:none}@media only screen and (min-width:48em){#site-nav.opened li{float:left}}.no-js #site-nav{display:block}#nav-toggle{z-index:9999;display:block;padding:4px 20px;margin:0;vertical-align:top;background-color:#000;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}@media only screen and (min-width:48em){#nav-toggle{display:none}}.masthead{margin-top:40px;*zoom:1}.masthead:before,.masthead:after{display:table;line-height:0;content:""}.masthead:after{clear:both}@media only screen and (min-width:48em){.masthead{margin-top:0}}.masthead .wrap{max-width:27.5em;padding-right:20px;padding-left:20px;text-align:center}@media only screen and (min-width:48em){.masthead .wrap{max-width:45.5em;padding-right:60px;padding-left:60px}}@media only screen and (min-width:62.5em){.masthead .wrap{max-width:60em}}.site-logo img{width:100px;height:100px;border:4px solid #fff;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;-webkit-animation-delay:.05s;-moz-animation-delay:.05s;-o-animation-delay:.05s;animation-delay:.05s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s}@media only screen and (min-width:48em){.site-logo img{width:150px;height:150px;-webkit-border-radius:150px;-moz-border-radius:150px;border-radius:150px}}@media only screen and (min-width:62.5em){.site-logo img{width:200px;height:200px;-webkit-border-radius:200px;-moz-border-radius:200px;border-radius:200px}}.site-title{margin-bottom:0;-webkit-animation-delay:.75s;-moz-animation-delay:.75s;-o-animation-delay:.75s;animation-delay:.75s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s}.site-title a{color:#000}.site-description{margin-top:0;font-family:'volkhov',serif;font-size:16px;font-size:1rem;font-style:italic;font-weight:400;-webkit-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s}@media only screen and (min-width:48em){.site-description{font-size:20px;font-size:1.25rem}}#main{*zoom:1}#main:before,#main:after{display:table;line-height:0;content:""}#main:after{clear:both}.entry,.hentry{border-bottom:1px solid #ccc;border-bottom:1px solid rgba(0,0,0,0.1);*zoom:1}.entry:before,.hentry:before,.entry:after,.hentry:after{display:table;line-height:0;content:""}.entry:after,.hentry:after{clear:both}.entry-feature-image{width:100%;margin:20px 0 0}@media only screen and (min-width:48em){.entry-feature-image{margin-top:-75px}}@media only screen and (min-width:62.5em){.entry-feature-image{margin-top:-145px}}.entry-header{width:100%;max-width:640px;margin-right:auto;margin-left:auto}@media only screen and (min-width:62.5em){.entry-header{max-width:100%;margin-right:0;margin-left:0}}.entry-tags{display:block;margin-top:2em;font-size:16px;font-size:1rem;font-weight:600;text-transform:uppercase}.entry-tags a{color:#222}span+.entry-title{margin-top:0}.entry-title{font-family:'volkhov',serif;font-size:36px;font-size:2.25rem;font-style:italic;font-weight:400;line-height:1;letter-spacing:-3px}.entry-title a{color:#000;text-decoration:underline}@media only screen and (min-width:48em){.entry-title{max-width:600px;font-size:52px;font-size:3.25rem}}@media only screen and (min-width:62.5em){.entry-title{max-width:800px;font-size:68px;font-size:4.25rem}}.entry-wrapper{max-width:440px;padding-right:20px;padding-left:20px;margin:0 auto 3em;*zoom:1}.entry-wrapper:before,.entry-wrapper:after{display:table;line-height:0;content:""}.entry-wrapper:after{clear:both}@media only screen and (min-width:48em){.entry-wrapper{max-width:760px;padding-right:60px;padding-left:60px}}@media only screen and (min-width:62.5em){.entry-wrapper{max-width:960px}}.entry-meta{display:block;width:100%;max-width:640px;margin-right:auto;margin-bottom:30px;margin-left:auto;font-size:14px;font-size:.875rem;text-transform:uppercase}.entry-meta a{color:#222}@media only screen and (min-width:62.5em){.entry-meta{float:left;width:150px;padding:0;margin:0 40px 40px 0}}.entry-meta>span{display:inline-block;padding:0 20px 10px 0}@media only screen and (min-width:62.5em){.entry-meta>span{display:block;padding:8px 0;border-bottom:1px solid #ccc;border-bottom:1px solid rgba(0,0,0,0.1)}}.author-photo{display:none}@media only screen and (min-width:62.5em){.author-photo{display:block;width:150px;height:150px;margin-bottom:10px;-webkit-border-radius:150px;-moz-border-radius:150px;border-radius:150px;*zoom:1}.author-photo:before,.author-photo:after{display:table;line-height:0;content:""}.author-photo:after{clear:both}}.entry-content{width:100%;max-width:640px;margin-right:auto;margin-left:auto}.entry-content p:first-child{margin-top:0}@media only screen and (min-width:62.5em){.entry-content{float:left}}.entry-content p>a,.entry-content li>a{border-bottom:1px dotted #a2a2a2}.entry-content p>a:hover,.entry-content li>a:hover{border-bottom-style:solid}.post-list li>a{border-bottom-width:0}#disqus_thread{margin-top:2em}.pagination{text-align:center}#home .entry-title,#page .entry-title{max-width:100%;text-align:center}@media only screen and (min-width:62.5em){#home .entry-content,#page .entry-content{float:none}}.post-list{padding:0;margin:0;list-style-type:none}.post-list li{padding:8px 0;border-bottom:1px solid #ccc;border-bottom:1px solid rgba(0,0,0,0.1);*zoom:1}.post-list li:before,.post-list li:after{display:table;line-height:0;content:""}.post-list li:after{clear:both}.post-list a>span{float:right}.post-list .entry-date{display:none;font-size:14px;font-size:.875rem;text-transform:uppercase}@media only screen and (min-width:48em){.post-list .entry-date{display:inline}}.tag-box{padding:4px 0;margin:0;overflow:hidden;list-style:none;*zoom:1}.tag-box:before,.tag-box:after{display:table;line-height:0;content:""}.tag-box:after{clear:both}.tag-box.inline li{float:left;font-size:14px;font-size:.875rem;line-height:2.5}.tag-box a{padding:4px 6px;margin:2px;text-decoration:none;background-color:#e6e6e6;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.tag-box a span{font-size:10px;font-size:.625rem;vertical-align:super}.search-wrapper{position:absolute;top:50px;display:none;width:90%;padding-right:5%;padding-left:5%;*zoom:1}.search-wrapper:before,.search-wrapper:after{display:table;line-height:0;content:""}.search-wrapper:after{clear:both}@media only screen and (min-width:48em){.search-wrapper{top:100px}}.footer-wrapper{margin:2em auto;font-family:'volkhov',serif;font-size:14px;font-size:.875rem;font-style:italic;color:#555;text-align:center;*zoom:1}.footer-wrapper:before,.footer-wrapper:after{display:table;line-height:0;content:""}.footer-wrapper:after{clear:both}.footer-wrapper a{color:#555}.social-icons{margin:1em 0 2em}.social-icons a{padding:4px 8px}.social-icons a:hover{color:#000}.upgrade{padding:10px;text-align:center}#goog-fixurl ul{padding-left:0;margin-left:0;list-style:none}#goog-fixurl ul li{list-style-type:none}#goog-wm-qt{width:auto;margin-right:10px}#goog-wm-sb{display:inline-block;padding:8px 20px;color:#fff;background-color:#000;border:2px solid #000!important;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}#goog-wm-sb:visited{color:#fff}#goog-wm-sb:hover{color:#000;background-color:#fff} \ No newline at end of file diff --git a/assets/css/main.scss b/assets/css/main.scss new file mode 100644 index 0000000..9f7c811 --- /dev/null +++ b/assets/css/main.scss @@ -0,0 +1,27 @@ +--- +sitemap: false +--- + +/* + * + * So Simple + * + * Designer: Michael Rose + * Twitter: http://twitter.com/mmistakes + * +*/ + +// Partials +@import "variables"; +@import "grid"; +@import "mixins"; +@import "reset"; +@import "site"; +@import "typography"; +@import "pygments"; +@import "coderay"; +@import "elements"; +@import "forms"; +@import "page"; +@import "vendor/font-awesome/font-awesome"; +@import "vendor/magnific-popup/magnific-popup"; \ No newline at end of file diff --git a/assets/fonts/FontAwesome.otf b/assets/fonts/FontAwesome.otf index 32dd8b1..3461e3f 100644 Binary files a/assets/fonts/FontAwesome.otf and b/assets/fonts/FontAwesome.otf differ diff --git a/assets/fonts/fontawesome-webfont.eot b/assets/fonts/fontawesome-webfont.eot index c080283..6cfd566 100644 Binary files a/assets/fonts/fontawesome-webfont.eot and b/assets/fonts/fontawesome-webfont.eot differ diff --git a/assets/fonts/fontawesome-webfont.svg b/assets/fonts/fontawesome-webfont.svg index 10a1e1b..a9f8469 100644 --- a/assets/fonts/fontawesome-webfont.svg +++ b/assets/fonts/fontawesome-webfont.svg @@ -14,10 +14,11 @@ + - + - + @@ -30,310 +31,474 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/fonts/fontawesome-webfont.ttf b/assets/fonts/fontawesome-webfont.ttf index 908f69e..5cd6cff 100644 Binary files a/assets/fonts/fontawesome-webfont.ttf and b/assets/fonts/fontawesome-webfont.ttf differ diff --git a/assets/fonts/fontawesome-webfont.woff b/assets/fonts/fontawesome-webfont.woff index a33af95..9eaecb3 100644 Binary files a/assets/fonts/fontawesome-webfont.woff and b/assets/fonts/fontawesome-webfont.woff differ diff --git a/assets/js/_main.js b/assets/js/_main.js index 4195061..5d8dccc 100644 --- a/assets/js/_main.js +++ b/assets/js/_main.js @@ -4,7 +4,7 @@ var navigation = responsiveNav("#site-nav", { // Selector: The ID of the wrapper animate: true, // Boolean: Use CSS3 transitions, true or false transition: 400, // Integer: Speed of the transition, in milliseconds - label: " Menu", // String: Label for the navigation toggle + label: " Menu", // String: Label for the navigation toggle insert: "before", // String: Insert the toggle before or after the navigation customToggle: "", // Selector: Specify the ID of a custom toggle openPos: "relative", // String: Position of the opened nav, relative or static diff --git a/assets/js/plugins/jquery.magnific-popup.js b/assets/js/plugins/jquery.magnific-popup.js index d4dfed7..bc09b3e 100644 --- a/assets/js/plugins/jquery.magnific-popup.js +++ b/assets/js/plugins/jquery.magnific-popup.js @@ -1,4 +1,4 @@ -/*! Magnific Popup - v0.9.3 - 2013-07-16 +/*! Magnific Popup - v0.9.9 - 2013-12-27 * http://dimsemenov.com/plugins/magnific-popup/ * Copyright (c) 2013 Dmitry Semenov; */ ;(function($) { @@ -76,9 +76,6 @@ var _mfpOn = function(name, f) { } } }, - _setFocus = function() { - (mfp.st.focus ? mfp.content.find(mfp.st.focus).eq(0) : mfp.wrap).trigger('focus'); - }, _getCloseBtn = function(type) { if(type !== _currPopupType || !mfp.currTemplate.closeBtn) { mfp.currTemplate.closeBtn = $( mfp.st.closeMarkup.replace('%title%', mfp.st.tClose ) ); @@ -94,41 +91,6 @@ var _mfpOn = function(name, f) { $.magnificPopup.instance = mfp; } }, - // Check to close popup or not - // "target" is an element that was clicked - _checkIfClose = function(target) { - - if($(target).hasClass(PREVENT_CLOSE_CLASS)) { - return; - } - - var closeOnContent = mfp.st.closeOnContentClick; - var closeOnBg = mfp.st.closeOnBgClick; - - if(closeOnContent && closeOnBg) { - return true; - } else { - - // We close the popup if click is on close button or on preloader. Or if there is no content. - if(!mfp.content || $(target).hasClass('mfp-close') || (mfp.preloader && target === mfp.preloader[0]) ) { - return true; - } - - // if click is outside the content - if( (target !== mfp.content[0] && !$.contains(mfp.content[0], target)) ) { - if(closeOnBg) { - // last check, if the clicked element is in DOM, (in case it's removed onclick) - if( $.contains(document, target) ) { - return true; - } - } - } else if(closeOnContent) { - return true; - } - - } - return false; - }, // CSS transition detection, http://stackoverflow.com/questions/7264899/detect-css-transitions-using-javascript-and-without-modernizr supportsTransitions = function() { var s = document.createElement('p').style, // 's' for style. better to create an element if body yet to exist @@ -172,7 +134,6 @@ MagnificPopup.prototype = { // We disable fixed positioned lightbox on devices that don't handle it nicely. // If you know a better way of detecting this - let me know. mfp.probablyMobile = (mfp.isAndroid || mfp.isIOS || /(Opera Mini)|Kindle|webOS|BlackBerry|(Opera Mobi)|(Windows Phone)|IEMobile/i.test(navigator.userAgent) ); - _body = $(document.body); _document = $(document); mfp.popupsCache = {}; @@ -184,6 +145,10 @@ MagnificPopup.prototype = { */ open: function(data) { + if(!_body) { + _body = $(document.body); + } + var i; if(data.isObj === false) { @@ -254,7 +219,7 @@ MagnificPopup.prototype = { }); mfp.wrap = _getEl('wrap').attr('tabindex', -1).on('click'+EVENT_NS, function(e) { - if(_checkIfClose(e.target)) { + if(mfp._checkIfClose(e.target)) { mfp.close(); } }); @@ -349,7 +314,7 @@ MagnificPopup.prototype = { if(mfp._hasScrollBar(windowHeight)){ var s = mfp._getScrollbarSize(); if(s) { - windowStyles.paddingRight = s; + windowStyles.marginRight = s; } } } @@ -378,14 +343,11 @@ MagnificPopup.prototype = { _mfpTrigger('BuildControls'); - - // remove scrollbar, add padding e.t.c + // remove scrollbar, add margin e.t.c $('html').css(windowStyles); // add everything to DOM - mfp.bgOverlay.add(mfp.wrap).prependTo( document.body ); - - + mfp.bgOverlay.add(mfp.wrap).prependTo( mfp.st.prependTo || _body ); // Save last focused element mfp._lastFocusedEl = document.activeElement; @@ -395,25 +357,22 @@ MagnificPopup.prototype = { if(mfp.content) { mfp._addClassToMFP(READY_CLASS); - _setFocus(); + mfp._setFocus(); } else { // if content is not defined (not loaded e.t.c) we add class only for BG mfp.bgOverlay.addClass(READY_CLASS); } // Trap the focus in popup - _document.on('focusin' + EVENT_NS, function (e) { - if( e.target !== mfp.wrap[0] && !$.contains(mfp.wrap[0], e.target) ) { - _setFocus(); - return false; - } - }); + _document.on('focusin' + EVENT_NS, mfp._onFocusIn); }, 16); mfp.isOpen = true; mfp.updateSize(windowHeight); _mfpTrigger(OPEN_EVENT); + + return data; }, /** @@ -454,7 +413,7 @@ MagnificPopup.prototype = { mfp._removeClassFromMFP(classesToRemove); if(mfp.fixedContentPos) { - var windowStyles = {paddingRight: ''}; + var windowStyles = {marginRight: ''}; if(mfp.isIE7) { $('body, html').css('overflow', ''); } else { @@ -480,7 +439,7 @@ MagnificPopup.prototype = { if(mfp._lastFocusedEl) { - $(mfp._lastFocusedEl).trigger('focus'); // put tab focus back + $(mfp._lastFocusedEl).focus(); // put tab focus back } mfp.currItem = null; mfp.content = null; @@ -606,11 +565,12 @@ MagnificPopup.prototype = { */ parseEl: function(index) { var item = mfp.items[index], - type = item.type; + type; if(item.tagName) { item = { el: $(item) }; } else { + type = item.type; item = { data: item, src: item.src }; } @@ -749,6 +709,41 @@ MagnificPopup.prototype = { /* "Private" helpers that aren't private at all */ + // Check to close popup or not + // "target" is an element that was clicked + _checkIfClose: function(target) { + + if($(target).hasClass(PREVENT_CLOSE_CLASS)) { + return; + } + + var closeOnContent = mfp.st.closeOnContentClick; + var closeOnBg = mfp.st.closeOnBgClick; + + if(closeOnContent && closeOnBg) { + return true; + } else { + + // We close the popup if click is on close button or on preloader. Or if there is no content. + if(!mfp.content || $(target).hasClass('mfp-close') || (mfp.preloader && target === mfp.preloader[0]) ) { + return true; + } + + // if click is outside the content + if( (target !== mfp.content[0] && !$.contains(mfp.content[0], target)) ) { + if(closeOnBg) { + // last check, if the clicked element is in DOM, (in case it's removed onclick) + if( $.contains(document, target) ) { + return true; + } + } + } else if(closeOnContent) { + return true; + } + + } + return false; + }, _addClassToMFP: function(cName) { mfp.bgOverlay.addClass(cName); mfp.wrap.addClass(cName); @@ -760,6 +755,15 @@ MagnificPopup.prototype = { _hasScrollBar: function(winHeight) { return ( (mfp.isIE7 ? _document.height() : document.body.scrollHeight) > (winHeight || _window.height()) ); }, + _setFocus: function() { + (mfp.st.focus ? mfp.content.find(mfp.st.focus).eq(0) : mfp.wrap).focus(); + }, + _onFocusIn: function(e) { + if( e.target !== mfp.wrap[0] && !$.contains(mfp.wrap[0], e.target) ) { + mfp._setFocus(); + return false; + } + }, _parseMarkup: function(template, values, item) { var arr; if(item.data) { @@ -827,8 +831,12 @@ $.magnificPopup = { open: function(options, index) { _checkInstance(); - if(!options) + if(!options) { options = {}; + } else { + options = $.extend(true, {}, options); + } + options.isObj = true; options.index = index || 0; @@ -836,7 +844,7 @@ $.magnificPopup = { }, close: function() { - return $.magnificPopup.instance.close(); + return $.magnificPopup.instance && $.magnificPopup.instance.close(); }, registerModule: function(name, module) { @@ -879,6 +887,8 @@ $.magnificPopup = { alignTop: false, removalDelay: 0, + + prependTo: null, fixedContentPos: 'auto', @@ -926,7 +936,9 @@ $.fn.magnificPopup = function(options) { } } else { - + // clone options obj + options = $.extend(true, {}, options); + /* * As Zepto doesn't support .data() method for objects * and it works only in normal browsers @@ -1043,6 +1055,12 @@ var AJAX_NS = 'ajax', if(_ajaxCur) { _body.removeClass(_ajaxCur); } + }, + _destroyAjaxRequest = function() { + _removeAjaxCursor(); + if(mfp.req) { + mfp.req.abort(); + } }; $.magnificPopup.registerModule(AJAX_NS, { @@ -1058,14 +1076,9 @@ $.magnificPopup.registerModule(AJAX_NS, { mfp.types.push(AJAX_NS); _ajaxCur = mfp.st.ajax.cursor; - _mfpOn(CLOSE_EVENT+'.'+AJAX_NS, function() { - _removeAjaxCursor(); - if(mfp.req) { - mfp.req.abort(); - } - }); + _mfpOn(CLOSE_EVENT+'.'+AJAX_NS, _destroyAjaxRequest); + _mfpOn('BeforeChange.' + AJAX_NS, _destroyAjaxRequest); }, - getAjax: function(item) { if(_ajaxCur) @@ -1089,7 +1102,7 @@ $.magnificPopup.registerModule(AJAX_NS, { _removeAjaxCursor(); - _setFocus(); + mfp._setFocus(); setTimeout(function() { mfp.wrap.addClass(READY_CLASS); @@ -1144,11 +1157,15 @@ $.magnificPopup.registerModule('image', { options: { markup: '
    '+ '
    '+ - '
    '+ - '
    '+ - '
    '+ - '
    '+ - '
    '+ + '
    '+ + '
    '+ + '
    '+ + '
    '+ + '
    '+ + '
    '+ + '
    '+ + '
    '+ + '
    '+ '
    ', cursor: 'mfp-zoom-out-cur', titleSrc: 'title', @@ -1183,7 +1200,7 @@ $.magnificPopup.registerModule('image', { }, resizeImage: function() { var item = mfp.currItem; - if(!item.img) return; + if(!item || !item.img) return; if(mfp.st.image.verticalFit) { var decr = 0; @@ -1307,7 +1324,7 @@ $.magnificPopup.registerModule('image', { var el = template.find('.mfp-img'); if(el.length) { - var img = new Image(); + var img = document.createElement('img'); img.className = 'mfp-img'; item.img = $(img).on('load.mfploader', onLoadComplete).on('error.mfploader', onLoadError); img.src = item.src; @@ -1317,8 +1334,12 @@ $.magnificPopup.registerModule('image', { if(el.is('img')) { item.img = item.img.clone(); } - if(item.img[0].naturalWidth > 0) { + + img = item.img[0]; + if(img.naturalWidth > 0) { item.hasSize = true; + } else if(!img.width) { + item.hasSize = false; } } @@ -1384,7 +1405,8 @@ $.magnificPopup.registerModule('zoom', { initZoom: function() { var zoomSt = mfp.st.zoom, - ns = '.zoom'; + ns = '.zoom', + image; if(!zoomSt.enabled || !mfp.supportsTransition) { return; @@ -1488,6 +1510,7 @@ $.magnificPopup.registerModule('zoom', { if(animatedImg) { animatedImg.remove(); } + image = null; } }); }, @@ -1668,7 +1691,7 @@ var _getLoopedId = function(index) { return index; }, _replaceCurrTotal = function(text, curr, total) { - return text.replace('%curr%', curr + 1).replace('%total%', total); + return text.replace(/%curr%/gi, curr + 1).replace(/%total%/gi, total); }; $.magnificPopup.registerModule('gallery', { @@ -1732,8 +1755,8 @@ $.magnificPopup.registerModule('gallery', { _mfpOn('BuildControls' + ns, function() { if(mfp.items.length > 1 && gSt.arrows && !mfp.arrowLeft) { var markup = gSt.arrowMarkup, - arrowLeft = mfp.arrowLeft = $( markup.replace('%title%', gSt.tPrev).replace('%dir%', 'left') ).addClass(PREVENT_CLOSE_CLASS), - arrowRight = mfp.arrowRight = $( markup.replace('%title%', gSt.tNext).replace('%dir%', 'right') ).addClass(PREVENT_CLOSE_CLASS); + arrowLeft = mfp.arrowLeft = $( markup.replace(/%title%/gi, gSt.tPrev).replace(/%dir%/gi, 'left') ).addClass(PREVENT_CLOSE_CLASS), + arrowRight = mfp.arrowRight = $( markup.replace(/%title%/gi, gSt.tNext).replace(/%dir%/gi, 'right') ).addClass(PREVENT_CLOSE_CLASS); var eName = supportsFastClick ? 'mfpFastClick' : 'click'; arrowLeft[eName](function() { @@ -2023,4 +2046,4 @@ $.magnificPopup.registerModule(RETINA_NS, { })(); /*>>fastclick*/ -})(window.jQuery || window.Zepto); \ No newline at end of file + _checkInstance(); })(window.jQuery || window.Zepto); \ No newline at end of file diff --git a/assets/js/scripts.min.js b/assets/js/scripts.min.js index 2f0a10f..d7bbfe9 100644 --- a/assets/js/scripts.min.js +++ b/assets/js/scripts.min.js @@ -1,2 +1,2 @@ -!function(a){"use strict";a.fn.fitVids=function(b){var c={customSelector:null};if(!document.getElementById("fit-vids-style")){var d=document.createElement("div"),e=document.getElementsByTagName("base")[0]||document.getElementsByTagName("script")[0],f="­";d.className="fit-vids-style",d.id="fit-vids-style",d.style.display="none",d.innerHTML=f,e.parentNode.insertBefore(d,e)}return b&&a.extend(c,b),this.each(function(){var b=["iframe[src*='player.vimeo.com']","iframe[src*='youtube.com']","iframe[src*='youtube-nocookie.com']","iframe[src*='kickstarter.com'][src*='video.html']","object","embed"];c.customSelector&&b.push(c.customSelector);var d=a(this).find(b.join(","));d=d.not("object object"),d.each(function(){var b=a(this);if(!("embed"===this.tagName.toLowerCase()&&b.parent("object").length||b.parent(".fluid-width-video-wrapper").length)){var c="object"===this.tagName.toLowerCase()||b.attr("height")&&!isNaN(parseInt(b.attr("height"),10))?parseInt(b.attr("height"),10):b.height(),d=isNaN(parseInt(b.attr("width"),10))?b.width():parseInt(b.attr("width"),10),e=c/d;if(!b.attr("id")){var f="fitvid"+Math.floor(999999*Math.random());b.attr("id",f)}b.wrap('
    ').parent(".fluid-width-video-wrapper").css("padding-top",100*e+"%"),b.removeAttr("height").removeAttr("width")}})})}}(window.jQuery||window.Zepto),function(a){var b,c,d,e,f,g,h,i="Close",j="BeforeClose",k="AfterClose",l="BeforeAppend",m="MarkupParse",n="Open",o="Change",p="mfp",q="."+p,r="mfp-ready",s="mfp-removing",t="mfp-prevent-close",u=function(){},v=!!window.jQuery,w=a(window),x=function(a,c){b.ev.on(p+a+q,c)},y=function(b,c,d,e){var f=document.createElement("div");return f.className="mfp-"+b,d&&(f.innerHTML=d),e?c&&c.appendChild(f):(f=a(f),c&&f.appendTo(c)),f},z=function(c,d){b.ev.triggerHandler(p+c,d),b.st.callbacks&&(c=c.charAt(0).toLowerCase()+c.slice(1),b.st.callbacks[c]&&b.st.callbacks[c].apply(b,a.isArray(d)?d:[d]))},A=function(){(b.st.focus?b.content.find(b.st.focus).eq(0):b.wrap).trigger("focus")},B=function(c){return c===h&&b.currTemplate.closeBtn||(b.currTemplate.closeBtn=a(b.st.closeMarkup.replace("%title%",b.st.tClose)),h=c),b.currTemplate.closeBtn},C=function(){a.magnificPopup.instance||(b=new u,b.init(),a.magnificPopup.instance=b)},D=function(c){if(!a(c).hasClass(t)){var d=b.st.closeOnContentClick,e=b.st.closeOnBgClick;if(d&&e)return!0;if(!b.content||a(c).hasClass("mfp-close")||b.preloader&&c===b.preloader[0])return!0;if(c===b.content[0]||a.contains(b.content[0],c)){if(d)return!0}else if(e&&a.contains(document,c))return!0;return!1}},E=function(){var a=document.createElement("p").style,b=["ms","O","Moz","Webkit"];if(void 0!==a.transition)return!0;for(;b.length;)if(b.pop()+"Transition"in a)return!0;return!1};u.prototype={constructor:u,init:function(){var c=navigator.appVersion;b.isIE7=-1!==c.indexOf("MSIE 7."),b.isIE8=-1!==c.indexOf("MSIE 8."),b.isLowIE=b.isIE7||b.isIE8,b.isAndroid=/android/gi.test(c),b.isIOS=/iphone|ipad|ipod/gi.test(c),b.supportsTransition=E(),b.probablyMobile=b.isAndroid||b.isIOS||/(Opera Mini)|Kindle|webOS|BlackBerry|(Opera Mobi)|(Windows Phone)|IEMobile/i.test(navigator.userAgent),d=a(document.body),e=a(document),b.popupsCache={}},open:function(c){var d;if(c.isObj===!1){b.items=c.items.toArray(),b.index=0;var f,h=c.items;for(d=0;d(a||w.height())},_parseMarkup:function(b,c,d){var e;d.data&&(c=a.extend(d.data,c)),z(m,[b,c,d]),a.each(c,function(a,c){if(void 0===c||c===!1)return!0;if(e=a.split("_"),e.length>1){var d=b.find(q+"-"+e[0]);if(d.length>0){var f=e[1];"replaceWith"===f?d[0]!==c[0]&&d.replaceWith(c):"img"===f?d.is("img")?d.attr("src",c):d.replaceWith(''):d.attr(e[1],c)}}else b.find(q+"-"+a).html(c)})},_getScrollbarSize:function(){if(void 0===b.scrollbarSize){var a=document.createElement("div");a.id="mfp-sbm",a.style.cssText="width: 99px; height: 99px; overflow: scroll; position: absolute; top: -9999px;",document.body.appendChild(a),b.scrollbarSize=a.offsetWidth-a.clientWidth,document.body.removeChild(a)}return b.scrollbarSize}},a.magnificPopup={instance:null,proto:u.prototype,modules:[],open:function(a,b){return C(),a||(a={}),a.isObj=!0,a.index=b||0,this.instance.open(a)},close:function(){return a.magnificPopup.instance.close()},registerModule:function(b,c){c.options&&(a.magnificPopup.defaults[b]=c.options),a.extend(this.proto,c.proto),this.modules.push(b)},defaults:{disableOn:0,key:null,midClick:!1,mainClass:"",preloader:!0,focus:"",closeOnContentClick:!1,closeOnBgClick:!0,closeBtnInside:!0,showCloseBtn:!0,enableEscapeKey:!0,modal:!1,alignTop:!1,removalDelay:0,fixedContentPos:"auto",fixedBgPos:"auto",overflowY:"auto",closeMarkup:'',tClose:"Close (Esc)",tLoading:"Loading..."}},a.fn.magnificPopup=function(c){C();var d=a(this);if("string"==typeof c)if("open"===c){var e,f=v?d.data("magnificPopup"):d[0].magnificPopup,g=parseInt(arguments[1],10)||0;f.items?e=f.items[g]:(e=d,f.delegate&&(e=e.find(f.delegate)),e=e.eq(g)),b._openClick({mfpEl:e},d,f)}else b.isOpen&&b[c].apply(b,Array.prototype.slice.call(arguments,1));else v?d.data("magnificPopup",c):d[0].magnificPopup=c,b.addGroup(d,c);return d};var F,G,H,I="inline",J=function(){H&&(G.after(H.addClass(F)).detach(),H=null)};a.magnificPopup.registerModule(I,{options:{hiddenClass:"hide",markup:"",tNotFound:"Content not found"},proto:{initInline:function(){b.types.push(I),x(i+"."+I,function(){J()})},getInline:function(c,d){if(J(),c.src){var e=b.st.inline,f=a(c.src);if(f.length){var g=f[0].parentNode;g&&g.tagName&&(G||(F=e.hiddenClass,G=y(F),F="mfp-"+F),H=f.after(G).detach().removeClass(F)),b.updateStatus("ready")}else b.updateStatus("error",e.tNotFound),f=a("
    ");return c.inlineElement=f,f}return b.updateStatus("ready"),b._parseMarkup(d,{},c),d}}});var K,L="ajax",M=function(){K&&d.removeClass(K)};a.magnificPopup.registerModule(L,{options:{settings:null,cursor:"mfp-ajax-cur",tError:'The content could not be loaded.'},proto:{initAjax:function(){b.types.push(L),K=b.st.ajax.cursor,x(i+"."+L,function(){M(),b.req&&b.req.abort()})},getAjax:function(c){K&&d.addClass(K),b.updateStatus("loading");var e=a.extend({url:c.src,success:function(d,e,f){var g={data:d,xhr:f};z("ParseAjax",g),b.appendContent(a(g.data),L),c.finished=!0,M(),A(),setTimeout(function(){b.wrap.addClass(r)},16),b.updateStatus("ready"),z("AjaxContentAdded")},error:function(){M(),c.finished=c.loadError=!0,b.updateStatus("error",b.st.ajax.tError.replace("%url%",c.src))}},b.st.ajax.settings);return b.req=a.ajax(e),""}}});var N,O=function(c){if(c.data&&void 0!==c.data.title)return c.data.title;var d=b.st.image.titleSrc;if(d){if(a.isFunction(d))return d.call(b,c);if(c.el)return c.el.attr(d)||""}return""};a.magnificPopup.registerModule("image",{options:{markup:'
    ',cursor:"mfp-zoom-out-cur",titleSrc:"title",verticalFit:!0,tError:'The image could not be loaded.'},proto:{initImage:function(){var a=b.st.image,c=".image";b.types.push("image"),x(n+c,function(){"image"===b.currItem.type&&a.cursor&&d.addClass(a.cursor)}),x(i+c,function(){a.cursor&&d.removeClass(a.cursor),w.off("resize"+q)}),x("Resize"+c,b.resizeImage),b.isLowIE&&x("AfterChange",b.resizeImage)},resizeImage:function(){var a=b.currItem;if(a.img&&b.st.image.verticalFit){var c=0;b.isLowIE&&(c=parseInt(a.img.css("padding-top"),10)+parseInt(a.img.css("padding-bottom"),10)),a.img.css("max-height",b.wH-c)}},_onImageHasSize:function(a){a.img&&(a.hasSize=!0,N&&clearInterval(N),a.isCheckingImgSize=!1,z("ImageHasSize",a),a.imgHidden&&(b.content&&b.content.removeClass("mfp-loading"),a.imgHidden=!1))},findImageSize:function(a){var c=0,d=a.img[0],e=function(f){N&&clearInterval(N),N=setInterval(function(){return d.naturalWidth>0?(b._onImageHasSize(a),void 0):(c>200&&clearInterval(N),c++,3===c?e(10):40===c?e(50):100===c&&e(500),void 0)},f)};e(1)},getImage:function(c,d){var e=0,f=function(){c&&(c.img[0].complete?(c.img.off(".mfploader"),c===b.currItem&&(b._onImageHasSize(c),b.updateStatus("ready")),c.hasSize=!0,c.loaded=!0,z("ImageLoadComplete")):(e++,200>e?setTimeout(f,100):g()))},g=function(){c&&(c.img.off(".mfploader"),c===b.currItem&&(b._onImageHasSize(c),b.updateStatus("error",h.tError.replace("%url%",c.src))),c.hasSize=!0,c.loaded=!0,c.loadError=!0)},h=b.st.image,i=d.find(".mfp-img");if(i.length){var j=new Image;j.className="mfp-img",c.img=a(j).on("load.mfploader",f).on("error.mfploader",g),j.src=c.src,i.is("img")&&(c.img=c.img.clone()),c.img[0].naturalWidth>0&&(c.hasSize=!0)}return b._parseMarkup(d,{title:O(c),img_replaceWith:c.img},c),b.resizeImage(),c.hasSize?(N&&clearInterval(N),c.loadError?(d.addClass("mfp-loading"),b.updateStatus("error",h.tError.replace("%url%",c.src))):(d.removeClass("mfp-loading"),b.updateStatus("ready")),d):(b.updateStatus("loading"),c.loading=!0,c.hasSize||(c.imgHidden=!0,d.addClass("mfp-loading"),b.findImageSize(c)),d)}}});var P,Q=function(){return void 0===P&&(P=void 0!==document.createElement("p").style.MozTransform),P};a.magnificPopup.registerModule("zoom",{options:{enabled:!1,easing:"ease-in-out",duration:300,opener:function(a){return a.is("img")?a:a.find("img")}},proto:{initZoom:function(){var a=b.st.zoom,c=".zoom";if(a.enabled&&b.supportsTransition){var d,e,f=a.duration,g=function(b){var c=b.clone().removeAttr("style").removeAttr("class").addClass("mfp-animated-image"),d="all "+a.duration/1e3+"s "+a.easing,e={position:"fixed",zIndex:9999,left:0,top:0,"-webkit-backface-visibility":"hidden"},f="transition";return e["-webkit-"+f]=e["-moz-"+f]=e["-o-"+f]=e[f]=d,c.css(e),c},h=function(){b.content.css("visibility","visible")};x("BuildControls"+c,function(){if(b._allowZoom()){if(clearTimeout(d),b.content.css("visibility","hidden"),image=b._getItemToZoom(),!image)return h(),void 0;e=g(image),e.css(b._getOffset()),b.wrap.append(e),d=setTimeout(function(){e.css(b._getOffset(!0)),d=setTimeout(function(){h(),setTimeout(function(){e.remove(),image=e=null,z("ZoomAnimationEnded")},16)},f)},16)}}),x(j+c,function(){if(b._allowZoom()){if(clearTimeout(d),b.st.removalDelay=f,!image){if(image=b._getItemToZoom(),!image)return;e=g(image)}e.css(b._getOffset(!0)),b.wrap.append(e),b.content.css("visibility","hidden"),setTimeout(function(){e.css(b._getOffset())},16)}}),x(i+c,function(){b._allowZoom()&&(h(),e&&e.remove())})}},_allowZoom:function(){return"image"===b.currItem.type},_getItemToZoom:function(){return b.currItem.hasSize?b.currItem.img:!1},_getOffset:function(c){var d;d=c?b.currItem.img:b.st.zoom.opener(b.currItem.el||b.currItem);var e=d.offset(),f=parseInt(d.css("padding-top"),10),g=parseInt(d.css("padding-bottom"),10);e.top-=a(window).scrollTop()-f;var h={width:d.width(),height:(v?d.innerHeight():d[0].offsetHeight)-g-f};return Q()?h["-moz-transform"]=h.transform="translate("+e.left+"px,"+e.top+"px)":(h.left=e.left,h.top=e.top),h}}});var R="iframe",S="//about:blank",T=function(a){if(b.currTemplate[R]){var c=b.currTemplate[R].find("iframe");c.length&&(a||(c[0].src=S),b.isIE8&&c.css("display",a?"block":"none"))}};a.magnificPopup.registerModule(R,{options:{markup:'
    ',srcAction:"iframe_src",patterns:{youtube:{index:"youtube.com",id:"v=",src:"//www.youtube.com/embed/%id%?autoplay=1"},vimeo:{index:"vimeo.com/",id:"/",src:"//player.vimeo.com/video/%id%?autoplay=1"},gmaps:{index:"//maps.google.",src:"%id%&output=embed"}}},proto:{initIframe:function(){b.types.push(R),x("BeforeChange",function(a,b,c){b!==c&&(b===R?T():c===R&&T(!0))}),x(i+"."+R,function(){T()})},getIframe:function(c,d){var e=c.src,f=b.st.iframe;a.each(f.patterns,function(){return e.indexOf(this.index)>-1?(this.id&&(e="string"==typeof this.id?e.substr(e.lastIndexOf(this.id)+this.id.length,e.length):this.id.call(this,e)),e=this.src.replace("%id%",e),!1):void 0});var g={};return f.srcAction&&(g[f.srcAction]=e),b._parseMarkup(d,g,c),b.updateStatus("ready"),d}}});var U=function(a){var c=b.items.length;return a>c-1?a-c:0>a?c+a:a},V=function(a,b,c){return a.replace("%curr%",b+1).replace("%total%",c)};a.magnificPopup.registerModule("gallery",{options:{enabled:!1,arrowMarkup:'',preload:[0,2],navigateByImgClick:!0,arrows:!0,tPrev:"Previous (Left arrow key)",tNext:"Next (Right arrow key)",tCounter:"%curr% of %total%"},proto:{initGallery:function(){var c=b.st.gallery,d=".mfp-gallery",f=Boolean(a.fn.mfpFastClick);return b.direction=!0,c&&c.enabled?(g+=" mfp-gallery",x(n+d,function(){c.navigateByImgClick&&b.wrap.on("click"+d,".mfp-img",function(){return b.items.length>1?(b.next(),!1):void 0}),e.on("keydown"+d,function(a){37===a.keyCode?b.prev():39===a.keyCode&&b.next()})}),x("UpdateStatus"+d,function(a,c){c.text&&(c.text=V(c.text,b.currItem.index,b.items.length))}),x(m+d,function(a,d,e,f){var g=b.items.length;e.counter=g>1?V(c.tCounter,f.index,g):""}),x("BuildControls"+d,function(){if(b.items.length>1&&c.arrows&&!b.arrowLeft){var d=c.arrowMarkup,e=b.arrowLeft=a(d.replace("%title%",c.tPrev).replace("%dir%","left")).addClass(t),g=b.arrowRight=a(d.replace("%title%",c.tNext).replace("%dir%","right")).addClass(t),h=f?"mfpFastClick":"click";e[h](function(){b.prev()}),g[h](function(){b.next()}),b.isIE7&&(y("b",e[0],!1,!0),y("a",e[0],!1,!0),y("b",g[0],!1,!0),y("a",g[0],!1,!0)),b.container.append(e.add(g))}}),x(o+d,function(){b._preloadTimeout&&clearTimeout(b._preloadTimeout),b._preloadTimeout=setTimeout(function(){b.preloadNearbyImages(),b._preloadTimeout=null},16)}),x(i+d,function(){e.off(d),b.wrap.off("click"+d),b.arrowLeft&&f&&b.arrowLeft.add(b.arrowRight).destroyMfpFastClick(),b.arrowRight=b.arrowLeft=null}),void 0):!1},next:function(){b.direction=!0,b.index=U(b.index+1),b.updateItemHTML()},prev:function(){b.direction=!1,b.index=U(b.index-1),b.updateItemHTML()},goTo:function(a){b.direction=a>=b.index,b.index=a,b.updateItemHTML()},preloadNearbyImages:function(){var a,c=b.st.gallery.preload,d=Math.min(c[0],b.items.length),e=Math.min(c[1],b.items.length);for(a=1;a<=(b.direction?e:d);a++)b._preloadItem(b.index+a);for(a=1;a<=(b.direction?d:e);a++)b._preloadItem(b.index-a)},_preloadItem:function(c){if(c=U(c),!b.items[c].preloaded){var d=b.items[c];d.parsed||(d=b.parseEl(c)),z("LazyLoad",d),"image"===d.type&&(d.img=a('').on("load.mfploader",function(){d.hasSize=!0}).on("error.mfploader",function(){d.hasSize=!0,d.loadError=!0,z("LazyLoadError",d)}).attr("src",d.src)),d.preloaded=!0}}}});var W="retina";a.magnificPopup.registerModule(W,{options:{replaceSrc:function(a){return a.src.replace(/\.\w+$/,function(a){return"@2x"+a})},ratio:1},proto:{initRetina:function(){if(window.devicePixelRatio>1){var a=b.st.retina,c=a.ratio;c=isNaN(c)?c():c,c>1&&(x("ImageHasSize."+W,function(a,b){b.img.css({"max-width":b.img[0].naturalWidth/c,width:"100%"})}),x("ElementParse."+W,function(b,d){d.src=a.replaceSrc(d,c)}))}}}}),function(){var b=1e3,c="ontouchstart"in window,d=function(){w.off("touchmove"+f+" touchend"+f)},e="mfpFastClick",f="."+e;a.fn.mfpFastClick=function(e){return a(this).each(function(){var g,h=a(this);if(c){var i,j,k,l,m,n;h.on("touchstart"+f,function(a){l=!1,n=1,m=a.originalEvent?a.originalEvent.touches[0]:a.touches[0],j=m.clientX,k=m.clientY,w.on("touchmove"+f,function(a){m=a.originalEvent?a.originalEvent.touches:a.touches,n=m.length,m=m[0],(Math.abs(m.clientX-j)>10||Math.abs(m.clientY-k)>10)&&(l=!0,d())}).on("touchend"+f,function(a){d(),l||n>1||(g=!0,a.preventDefault(),clearTimeout(i),i=setTimeout(function(){g=!1},b),e())})})}h.on("click"+f,function(){g||e()})})},a.fn.destroyMfpFastClick=function(){a(this).off("touchstart"+f+" click"+f),c&&w.off("touchmove"+f+" touchend"+f)}}()}(window.jQuery||window.Zepto),window.matchMedia=window.matchMedia||function(a){"use strict";var b,c=a.documentElement,d=c.firstElementChild||c.firstChild,e=a.createElement("body"),f=a.createElement("div");return f.id="mq-test-1",f.style.cssText="position:absolute;top:-100em",e.style.background="none",e.appendChild(f),function(a){return f.innerHTML='­',c.insertBefore(e,d),b=42===f.offsetWidth,c.removeChild(e),{matches:b,media:a}}}(document),function(a){"use strict";function b(){v(!0)}var c={};if(a.respond=c,c.update=function(){},c.mediaQueriesSupported=a.matchMedia&&a.matchMedia("only all").matches,!c.mediaQueriesSupported){var d,e,f,g=a.document,h=g.documentElement,i=[],j=[],k=[],l={},m=30,n=g.getElementsByTagName("head")[0]||h,o=g.getElementsByTagName("base")[0],p=n.getElementsByTagName("link"),q=[],r=function(){for(var b=0;bh;h++){var k,l,m,n;g?(k=c,j.push(f(a))):(k=d[h].match(/@media *([^\{]+)\{([\S\s]+?)$/)&&RegExp.$1,j.push(RegExp.$2&&f(RegExp.$2))),m=k.split(","),n=m.length;for(var o=0;n>o;o++)l=m[o],i.push({media:l.split("(")[0].match(/(only\s+)?([a-zA-Z]+)\s?/)&&RegExp.$2||"all",rules:j.length-1,hasquery:l.indexOf("(")>-1,minw:l.match(/\(\s*min\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:l.match(/\(\s*max\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}v()},u=function(){var a,b=g.createElement("div"),c=g.body,d=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",c||(c=d=g.createElement("body"),c.style.background="none"),c.appendChild(b),h.insertBefore(c,h.firstChild),a=b.offsetWidth,d?h.removeChild(c):c.removeChild(b),a=f=parseFloat(a)},v=function(b){var c="clientWidth",l=h[c],o="CSS1Compat"===g.compatMode&&l||g.body[c]||l,q={},r=p[p.length-1],s=(new Date).getTime();if(b&&d&&m>s-d)return a.clearTimeout(e),e=a.setTimeout(v,m),void 0;d=s;for(var t in i)if(i.hasOwnProperty(t)){var w=i[t],x=w.minw,y=w.maxw,z=null===x,A=null===y,B="em";x&&(x=parseFloat(x)*(x.indexOf(B)>-1?f||u():1)),y&&(y=parseFloat(y)*(y.indexOf(B)>-1?f||u():1)),w.hasquery&&(z&&A||!(z||o>=x)||!(A||y>=o))||(q[w.media]||(q[w.media]=[]),q[w.media].push(j[w.rules]))}for(var C in k)k.hasOwnProperty(C)&&k[C]&&k[C].parentNode===n&&n.removeChild(k[C]);for(var D in q)if(q.hasOwnProperty(D)){var E=g.createElement("style"),F=q[D].join("\n");E.type="text/css",E.media=D,n.insertBefore(E,r.nextSibling),E.styleSheet?E.styleSheet.cssText=F:E.appendChild(g.createTextNode(F)),k.push(E)}},w=function(a,b){var c=x();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))},x=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}();r(),c.update=r,a.addEventListener?a.addEventListener("resize",b,!1):a.attachEvent&&a.attachEvent("onresize",b)}}(this);var responsiveNav=function(a,b){function c(a,b){return s||(s=new r(a,b)),s}var d=!!a.getComputedStyle;a.getComputedStyle||(a.getComputedStyle=function(a){return this.el=a,this.getPropertyValue=function(b){var c=/(\-([a-z]){1})/g;return"float"===b&&(b="styleFloat"),c.test(b)&&(b=b.replace(c,function(){return arguments[2].toUpperCase()})),a.currentStyle[b]?a.currentStyle[b]:null},this});var e,f,g,h=b.documentElement,i=b.getElementsByTagName("head")[0],j=b.createElement("style"),k=!1,l=function(a,b,c,d){if("addEventListener"in a)try{a.addEventListener(b,c,d)}catch(e){if("object"!=typeof c||!c.handleEvent)throw e;a.addEventListener(b,function(a){c.handleEvent.call(c,a)},d)}else"attachEvent"in a&&("object"==typeof c&&c.handleEvent?a.attachEvent("on"+b,function(){c.handleEvent.call(c)}):a.attachEvent("on"+b,c))},m=function(a,b,c,d){if("removeEventListener"in a)try{a.removeEventListener(b,c,d)}catch(e){if("object"!=typeof c||!c.handleEvent)throw e;a.removeEventListener(b,function(a){c.handleEvent.call(c,a)},d)}else"detachEvent"in a&&("object"==typeof c&&c.handleEvent?a.detachEvent("on"+b,function(){c.handleEvent.call(c)}):a.detachEvent("on"+b,c))},n=function(a){for(var b=a.firstChild;null!==b&&1!==b.nodeType;)b=b.nextSibling;return b},o=function(a,b){for(var c in b)a.setAttribute(c,b[c])},p=function(a,b){a.className+=" "+b,a.className=a.className.replace(/(^\s*)|(\s*$)/g,"")},q=function(a,b){var c=new RegExp("(\\s|^)"+b+"(\\s|$)");a.className=a.className.replace(c," ").replace(/(^\s*)|(\s*$)/g,"")},r=function(a,c){var d;this.options={animate:!0,transition:400,label:"Menu",insert:"after",customToggle:"",openPos:"relative",jsClass:"js",init:function(){},open:function(){},close:function(){}};for(d in c)this.options[d]=c[d];if(p(h,this.options.jsClass),this.wrapperEl=a.replace("#",""),!b.getElementById(this.wrapperEl))throw new Error("The nav element you are trying to select doesn't exist");this.wrapper=b.getElementById(this.wrapperEl),this.wrapper.inner=n(this.wrapper),f=this.options,e=this.wrapper,this._init(this)};r.prototype={destroy:function(){this._removeStyles(),q(e,"closed"),q(e,"opened"),e.removeAttribute("style"),e.removeAttribute("aria-hidden"),e=null,s=null,m(a,"load",this,!1),m(a,"resize",this,!1),m(g,"mousedown",this,!1),m(g,"touchstart",this,!1),m(g,"touchend",this,!1),m(g,"keyup",this,!1),m(g,"click",this,!1),f.customToggle?g.removeAttribute("aria-hidden"):g.parentNode.removeChild(g)},toggle:function(){k?(q(e,"opened"),p(e,"closed"),o(e,{"aria-hidden":"true"}),k=!1,f.close()):(q(e,"closed"),p(e,"opened"),e.style.position=f.openPos,o(e,{"aria-hidden":"false"}),k=!0,f.open())},handleEvent:function(b){var c=b||a.event;switch(c.type){case"mousedown":this._onmousedown(c);break;case"touchstart":this._ontouchstart(c);break;case"touchend":this._ontouchend(c);break;case"keyup":this._onkeyup(c);break;case"click":this._onclick(c);break;case"load":this._transitions(c),this._resize(c);break;case"resize":this._resize(c)}},_init:function(){p(e,"closed"),this._createToggle(),l(a,"load",this,!1),l(a,"resize",this,!1),l(g,"mousedown",this,!1),l(g,"touchstart",this,!1),l(g,"touchend",this,!1),l(g,"keyup",this,!1),l(g,"click",this,!1)},_createStyles:function(){j.parentNode||i.appendChild(j)},_removeStyles:function(){j.parentNode&&j.parentNode.removeChild(j)},_createToggle:function(){if(f.customToggle){var a=f.customToggle.replace("#","");if(!b.getElementById(a))throw new Error("The custom nav toggle you are trying to select doesn't exist");g=b.getElementById(a)}else{var c=b.createElement("a");c.innerHTML=f.label,o(c,{href:"#",id:"nav-toggle"}),"after"===f.insert?e.parentNode.insertBefore(c,e.nextSibling):e.parentNode.insertBefore(c,e),g=b.getElementById("nav-toggle")}},_preventDefault:function(a){a.preventDefault?(a.preventDefault(),a.stopPropagation()):a.returnValue=!1},_onmousedown:function(b){var c=b||a.event;3!==c.which&&2!==c.button&&(this._preventDefault(b),this.toggle(b))},_ontouchstart:function(a){g.onmousedown=null,this._preventDefault(a),this.toggle(a)},_ontouchend:function(){var a=this;e.addEventListener("click",a._preventDefault,!0),setTimeout(function(){e.removeEventListener("click",a._preventDefault,!0)},f.transition)},_onkeyup:function(b){var c=b||a.event;13===c.keyCode&&this.toggle(b)},_onclick:function(a){this._preventDefault(a)},_transitions:function(){if(f.animate){var a=e.style,b="max-height "+f.transition+"ms";a.WebkitTransition=b,a.MozTransition=b,a.OTransition=b,a.transition=b}},_calcHeight:function(){var a=e.inner.offsetHeight,b="#"+this.wrapperEl+".opened{max-height:"+a+"px}";d&&(j.innerHTML=b,b="")},_resize:function(){"none"!==a.getComputedStyle(g,null).getPropertyValue("display")?(o(g,{"aria-hidden":"false"}),e.className.match(/(^|\s)closed(\s|$)/)&&(o(e,{"aria-hidden":"true"}),e.style.position="absolute"),this._createStyles(),this._calcHeight()):(o(g,{"aria-hidden":"true"}),o(e,{"aria-hidden":"false"}),e.style.position=f.openPos,this._removeStyles()),f.init()}};var s;return c}(window,document);!function(a){a.fn.simpleJekyllSearch=function(b){function c(){j.keyup(function(){a(this).val().length?e(d(a(this).val())):f()})}function d(b){var c=[];return a.each(i,function(a,d){for(var a=0;a1&&(c.push(d),a=h.length)}),c}function e(b){f(),k.append(a(g.searchResultsTitle)),b.length?a.each(b,function(b,c){if(b{title}',searchResults:".results",searchResultsTitle:"

    Search results

    ",limit:"10",noResults:"

    Oh shucks
    Nothing found :(

    "},b),h=g.jsonFormat.split(","),i=[],j=this,k=a(g.searchResults);g.jsonFile.length&&k.length&&a.ajax({type:"GET",url:g.jsonFile,dataType:"json",success:function(a){i=a,c()},error:function(a,b,c){console.log("***ERROR in simpleJekyllSearch.js***"),console.log(a),console.log(b),console.log(c)}})}}(jQuery);var navigation=responsiveNav("#site-nav",{animate:!0,transition:400,label:" Menu",insert:"before",customToggle:"",openPos:"relative",jsClass:"js",init:function(){},open:function(){},close:function(){}}); -$("html").click(function(){navigation.toggle()}),$("#site-nav").click(function(a){a.stopPropagation()}),$(function(){$("article").fitVids()}),$("a[href$='.jpg'],a[href$='.jpeg'],a[href$='.JPG'],a[href$='.png'],a[href$='.gif']").addClass("image-popup"),$(document).ready(function(){$(".image-popup").magnificPopup({type:"image",tLoading:"Loading image #%curr%...",gallery:{enabled:!0,navigateByImgClick:!0,preload:[0,1]},image:{tError:'Image #%curr% could not be loaded.'},removalDelay:300,mainClass:"mfp-fade"})}); \ No newline at end of file +!function(a){"use strict";a.fn.fitVids=function(b){var c={customSelector:null};if(!document.getElementById("fit-vids-style")){var d=document.createElement("div"),e=document.getElementsByTagName("base")[0]||document.getElementsByTagName("script")[0],f="­";d.className="fit-vids-style",d.id="fit-vids-style",d.style.display="none",d.innerHTML=f,e.parentNode.insertBefore(d,e)}return b&&a.extend(c,b),this.each(function(){var b=["iframe[src*='player.vimeo.com']","iframe[src*='youtube.com']","iframe[src*='youtube-nocookie.com']","iframe[src*='kickstarter.com'][src*='video.html']","object","embed"];c.customSelector&&b.push(c.customSelector);var d=a(this).find(b.join(","));d=d.not("object object"),d.each(function(){var b=a(this);if(!("embed"===this.tagName.toLowerCase()&&b.parent("object").length||b.parent(".fluid-width-video-wrapper").length)){var c="object"===this.tagName.toLowerCase()||b.attr("height")&&!isNaN(parseInt(b.attr("height"),10))?parseInt(b.attr("height"),10):b.height(),d=isNaN(parseInt(b.attr("width"),10))?b.width():parseInt(b.attr("width"),10),e=c/d;if(!b.attr("id")){var f="fitvid"+Math.floor(999999*Math.random());b.attr("id",f)}b.wrap('
    ').parent(".fluid-width-video-wrapper").css("padding-top",100*e+"%"),b.removeAttr("height").removeAttr("width")}})})}}(window.jQuery||window.Zepto),function(a){var b,c,d,e,f,g,h,i="Close",j="BeforeClose",k="AfterClose",l="BeforeAppend",m="MarkupParse",n="Open",o="Change",p="mfp",q="."+p,r="mfp-ready",s="mfp-removing",t="mfp-prevent-close",u=function(){},v=!!window.jQuery,w=a(window),x=function(a,c){b.ev.on(p+a+q,c)},y=function(b,c,d,e){var f=document.createElement("div");return f.className="mfp-"+b,d&&(f.innerHTML=d),e?c&&c.appendChild(f):(f=a(f),c&&f.appendTo(c)),f},z=function(c,d){b.ev.triggerHandler(p+c,d),b.st.callbacks&&(c=c.charAt(0).toLowerCase()+c.slice(1),b.st.callbacks[c]&&b.st.callbacks[c].apply(b,a.isArray(d)?d:[d]))},A=function(c){return c===h&&b.currTemplate.closeBtn||(b.currTemplate.closeBtn=a(b.st.closeMarkup.replace("%title%",b.st.tClose)),h=c),b.currTemplate.closeBtn},B=function(){a.magnificPopup.instance||(b=new u,b.init(),a.magnificPopup.instance=b)},C=function(){var a=document.createElement("p").style,b=["ms","O","Moz","Webkit"];if(void 0!==a.transition)return!0;for(;b.length;)if(b.pop()+"Transition"in a)return!0;return!1};u.prototype={constructor:u,init:function(){var c=navigator.appVersion;b.isIE7=-1!==c.indexOf("MSIE 7."),b.isIE8=-1!==c.indexOf("MSIE 8."),b.isLowIE=b.isIE7||b.isIE8,b.isAndroid=/android/gi.test(c),b.isIOS=/iphone|ipad|ipod/gi.test(c),b.supportsTransition=C(),b.probablyMobile=b.isAndroid||b.isIOS||/(Opera Mini)|Kindle|webOS|BlackBerry|(Opera Mobi)|(Windows Phone)|IEMobile/i.test(navigator.userAgent),e=a(document),b.popupsCache={}},open:function(c){d||(d=a(document.body));var f;if(c.isObj===!1){b.items=c.items.toArray(),b.index=0;var h,i=c.items;for(f=0;f(a||w.height())},_setFocus:function(){(b.st.focus?b.content.find(b.st.focus).eq(0):b.wrap).focus()},_onFocusIn:function(c){return c.target===b.wrap[0]||a.contains(b.wrap[0],c.target)?void 0:(b._setFocus(),!1)},_parseMarkup:function(b,c,d){var e;d.data&&(c=a.extend(d.data,c)),z(m,[b,c,d]),a.each(c,function(a,c){if(void 0===c||c===!1)return!0;if(e=a.split("_"),e.length>1){var d=b.find(q+"-"+e[0]);if(d.length>0){var f=e[1];"replaceWith"===f?d[0]!==c[0]&&d.replaceWith(c):"img"===f?d.is("img")?d.attr("src",c):d.replaceWith(''):d.attr(e[1],c)}}else b.find(q+"-"+a).html(c)})},_getScrollbarSize:function(){if(void 0===b.scrollbarSize){var a=document.createElement("div");a.id="mfp-sbm",a.style.cssText="width: 99px; height: 99px; overflow: scroll; position: absolute; top: -9999px;",document.body.appendChild(a),b.scrollbarSize=a.offsetWidth-a.clientWidth,document.body.removeChild(a)}return b.scrollbarSize}},a.magnificPopup={instance:null,proto:u.prototype,modules:[],open:function(b,c){return B(),b=b?a.extend(!0,{},b):{},b.isObj=!0,b.index=c||0,this.instance.open(b)},close:function(){return a.magnificPopup.instance&&a.magnificPopup.instance.close()},registerModule:function(b,c){c.options&&(a.magnificPopup.defaults[b]=c.options),a.extend(this.proto,c.proto),this.modules.push(b)},defaults:{disableOn:0,key:null,midClick:!1,mainClass:"",preloader:!0,focus:"",closeOnContentClick:!1,closeOnBgClick:!0,closeBtnInside:!0,showCloseBtn:!0,enableEscapeKey:!0,modal:!1,alignTop:!1,removalDelay:0,prependTo:null,fixedContentPos:"auto",fixedBgPos:"auto",overflowY:"auto",closeMarkup:'',tClose:"Close (Esc)",tLoading:"Loading..."}},a.fn.magnificPopup=function(c){B();var d=a(this);if("string"==typeof c)if("open"===c){var e,f=v?d.data("magnificPopup"):d[0].magnificPopup,g=parseInt(arguments[1],10)||0;f.items?e=f.items[g]:(e=d,f.delegate&&(e=e.find(f.delegate)),e=e.eq(g)),b._openClick({mfpEl:e},d,f)}else b.isOpen&&b[c].apply(b,Array.prototype.slice.call(arguments,1));else c=a.extend(!0,{},c),v?d.data("magnificPopup",c):d[0].magnificPopup=c,b.addGroup(d,c);return d};var D,E,F,G="inline",H=function(){F&&(E.after(F.addClass(D)).detach(),F=null)};a.magnificPopup.registerModule(G,{options:{hiddenClass:"hide",markup:"",tNotFound:"Content not found"},proto:{initInline:function(){b.types.push(G),x(i+"."+G,function(){H()})},getInline:function(c,d){if(H(),c.src){var e=b.st.inline,f=a(c.src);if(f.length){var g=f[0].parentNode;g&&g.tagName&&(E||(D=e.hiddenClass,E=y(D),D="mfp-"+D),F=f.after(E).detach().removeClass(D)),b.updateStatus("ready")}else b.updateStatus("error",e.tNotFound),f=a("
    ");return c.inlineElement=f,f}return b.updateStatus("ready"),b._parseMarkup(d,{},c),d}}});var I,J="ajax",K=function(){I&&d.removeClass(I)},L=function(){K(),b.req&&b.req.abort()};a.magnificPopup.registerModule(J,{options:{settings:null,cursor:"mfp-ajax-cur",tError:'The content could not be loaded.'},proto:{initAjax:function(){b.types.push(J),I=b.st.ajax.cursor,x(i+"."+J,L),x("BeforeChange."+J,L)},getAjax:function(c){I&&d.addClass(I),b.updateStatus("loading");var e=a.extend({url:c.src,success:function(d,e,f){var g={data:d,xhr:f};z("ParseAjax",g),b.appendContent(a(g.data),J),c.finished=!0,K(),b._setFocus(),setTimeout(function(){b.wrap.addClass(r)},16),b.updateStatus("ready"),z("AjaxContentAdded")},error:function(){K(),c.finished=c.loadError=!0,b.updateStatus("error",b.st.ajax.tError.replace("%url%",c.src))}},b.st.ajax.settings);return b.req=a.ajax(e),""}}});var M,N=function(c){if(c.data&&void 0!==c.data.title)return c.data.title;var d=b.st.image.titleSrc;if(d){if(a.isFunction(d))return d.call(b,c);if(c.el)return c.el.attr(d)||""}return""};a.magnificPopup.registerModule("image",{options:{markup:'
    ',cursor:"mfp-zoom-out-cur",titleSrc:"title",verticalFit:!0,tError:'The image could not be loaded.'},proto:{initImage:function(){var a=b.st.image,c=".image";b.types.push("image"),x(n+c,function(){"image"===b.currItem.type&&a.cursor&&d.addClass(a.cursor)}),x(i+c,function(){a.cursor&&d.removeClass(a.cursor),w.off("resize"+q)}),x("Resize"+c,b.resizeImage),b.isLowIE&&x("AfterChange",b.resizeImage)},resizeImage:function(){var a=b.currItem;if(a&&a.img&&b.st.image.verticalFit){var c=0;b.isLowIE&&(c=parseInt(a.img.css("padding-top"),10)+parseInt(a.img.css("padding-bottom"),10)),a.img.css("max-height",b.wH-c)}},_onImageHasSize:function(a){a.img&&(a.hasSize=!0,M&&clearInterval(M),a.isCheckingImgSize=!1,z("ImageHasSize",a),a.imgHidden&&(b.content&&b.content.removeClass("mfp-loading"),a.imgHidden=!1))},findImageSize:function(a){var c=0,d=a.img[0],e=function(f){M&&clearInterval(M),M=setInterval(function(){return d.naturalWidth>0?(b._onImageHasSize(a),void 0):(c>200&&clearInterval(M),c++,3===c?e(10):40===c?e(50):100===c&&e(500),void 0)},f)};e(1)},getImage:function(c,d){var e=0,f=function(){c&&(c.img[0].complete?(c.img.off(".mfploader"),c===b.currItem&&(b._onImageHasSize(c),b.updateStatus("ready")),c.hasSize=!0,c.loaded=!0,z("ImageLoadComplete")):(e++,200>e?setTimeout(f,100):g()))},g=function(){c&&(c.img.off(".mfploader"),c===b.currItem&&(b._onImageHasSize(c),b.updateStatus("error",h.tError.replace("%url%",c.src))),c.hasSize=!0,c.loaded=!0,c.loadError=!0)},h=b.st.image,i=d.find(".mfp-img");if(i.length){var j=document.createElement("img");j.className="mfp-img",c.img=a(j).on("load.mfploader",f).on("error.mfploader",g),j.src=c.src,i.is("img")&&(c.img=c.img.clone()),j=c.img[0],j.naturalWidth>0?c.hasSize=!0:j.width||(c.hasSize=!1)}return b._parseMarkup(d,{title:N(c),img_replaceWith:c.img},c),b.resizeImage(),c.hasSize?(M&&clearInterval(M),c.loadError?(d.addClass("mfp-loading"),b.updateStatus("error",h.tError.replace("%url%",c.src))):(d.removeClass("mfp-loading"),b.updateStatus("ready")),d):(b.updateStatus("loading"),c.loading=!0,c.hasSize||(c.imgHidden=!0,d.addClass("mfp-loading"),b.findImageSize(c)),d)}}});var O,P=function(){return void 0===O&&(O=void 0!==document.createElement("p").style.MozTransform),O};a.magnificPopup.registerModule("zoom",{options:{enabled:!1,easing:"ease-in-out",duration:300,opener:function(a){return a.is("img")?a:a.find("img")}},proto:{initZoom:function(){var a,c=b.st.zoom,d=".zoom";if(c.enabled&&b.supportsTransition){var e,f,g=c.duration,h=function(a){var b=a.clone().removeAttr("style").removeAttr("class").addClass("mfp-animated-image"),d="all "+c.duration/1e3+"s "+c.easing,e={position:"fixed",zIndex:9999,left:0,top:0,"-webkit-backface-visibility":"hidden"},f="transition";return e["-webkit-"+f]=e["-moz-"+f]=e["-o-"+f]=e[f]=d,b.css(e),b},k=function(){b.content.css("visibility","visible")};x("BuildControls"+d,function(){if(b._allowZoom()){if(clearTimeout(e),b.content.css("visibility","hidden"),a=b._getItemToZoom(),!a)return k(),void 0;f=h(a),f.css(b._getOffset()),b.wrap.append(f),e=setTimeout(function(){f.css(b._getOffset(!0)),e=setTimeout(function(){k(),setTimeout(function(){f.remove(),a=f=null,z("ZoomAnimationEnded")},16)},g)},16)}}),x(j+d,function(){if(b._allowZoom()){if(clearTimeout(e),b.st.removalDelay=g,!a){if(a=b._getItemToZoom(),!a)return;f=h(a)}f.css(b._getOffset(!0)),b.wrap.append(f),b.content.css("visibility","hidden"),setTimeout(function(){f.css(b._getOffset())},16)}}),x(i+d,function(){b._allowZoom()&&(k(),f&&f.remove(),a=null)})}},_allowZoom:function(){return"image"===b.currItem.type},_getItemToZoom:function(){return b.currItem.hasSize?b.currItem.img:!1},_getOffset:function(c){var d;d=c?b.currItem.img:b.st.zoom.opener(b.currItem.el||b.currItem);var e=d.offset(),f=parseInt(d.css("padding-top"),10),g=parseInt(d.css("padding-bottom"),10);e.top-=a(window).scrollTop()-f;var h={width:d.width(),height:(v?d.innerHeight():d[0].offsetHeight)-g-f};return P()?h["-moz-transform"]=h.transform="translate("+e.left+"px,"+e.top+"px)":(h.left=e.left,h.top=e.top),h}}});var Q="iframe",R="//about:blank",S=function(a){if(b.currTemplate[Q]){var c=b.currTemplate[Q].find("iframe");c.length&&(a||(c[0].src=R),b.isIE8&&c.css("display",a?"block":"none"))}};a.magnificPopup.registerModule(Q,{options:{markup:'
    ',srcAction:"iframe_src",patterns:{youtube:{index:"youtube.com",id:"v=",src:"//www.youtube.com/embed/%id%?autoplay=1"},vimeo:{index:"vimeo.com/",id:"/",src:"//player.vimeo.com/video/%id%?autoplay=1"},gmaps:{index:"//maps.google.",src:"%id%&output=embed"}}},proto:{initIframe:function(){b.types.push(Q),x("BeforeChange",function(a,b,c){b!==c&&(b===Q?S():c===Q&&S(!0))}),x(i+"."+Q,function(){S()})},getIframe:function(c,d){var e=c.src,f=b.st.iframe;a.each(f.patterns,function(){return e.indexOf(this.index)>-1?(this.id&&(e="string"==typeof this.id?e.substr(e.lastIndexOf(this.id)+this.id.length,e.length):this.id.call(this,e)),e=this.src.replace("%id%",e),!1):void 0});var g={};return f.srcAction&&(g[f.srcAction]=e),b._parseMarkup(d,g,c),b.updateStatus("ready"),d}}});var T=function(a){var c=b.items.length;return a>c-1?a-c:0>a?c+a:a},U=function(a,b,c){return a.replace(/%curr%/gi,b+1).replace(/%total%/gi,c)};a.magnificPopup.registerModule("gallery",{options:{enabled:!1,arrowMarkup:'',preload:[0,2],navigateByImgClick:!0,arrows:!0,tPrev:"Previous (Left arrow key)",tNext:"Next (Right arrow key)",tCounter:"%curr% of %total%"},proto:{initGallery:function(){var c=b.st.gallery,d=".mfp-gallery",f=Boolean(a.fn.mfpFastClick);return b.direction=!0,c&&c.enabled?(g+=" mfp-gallery",x(n+d,function(){c.navigateByImgClick&&b.wrap.on("click"+d,".mfp-img",function(){return b.items.length>1?(b.next(),!1):void 0}),e.on("keydown"+d,function(a){37===a.keyCode?b.prev():39===a.keyCode&&b.next()})}),x("UpdateStatus"+d,function(a,c){c.text&&(c.text=U(c.text,b.currItem.index,b.items.length))}),x(m+d,function(a,d,e,f){var g=b.items.length;e.counter=g>1?U(c.tCounter,f.index,g):""}),x("BuildControls"+d,function(){if(b.items.length>1&&c.arrows&&!b.arrowLeft){var d=c.arrowMarkup,e=b.arrowLeft=a(d.replace(/%title%/gi,c.tPrev).replace(/%dir%/gi,"left")).addClass(t),g=b.arrowRight=a(d.replace(/%title%/gi,c.tNext).replace(/%dir%/gi,"right")).addClass(t),h=f?"mfpFastClick":"click";e[h](function(){b.prev()}),g[h](function(){b.next()}),b.isIE7&&(y("b",e[0],!1,!0),y("a",e[0],!1,!0),y("b",g[0],!1,!0),y("a",g[0],!1,!0)),b.container.append(e.add(g))}}),x(o+d,function(){b._preloadTimeout&&clearTimeout(b._preloadTimeout),b._preloadTimeout=setTimeout(function(){b.preloadNearbyImages(),b._preloadTimeout=null},16)}),x(i+d,function(){e.off(d),b.wrap.off("click"+d),b.arrowLeft&&f&&b.arrowLeft.add(b.arrowRight).destroyMfpFastClick(),b.arrowRight=b.arrowLeft=null}),void 0):!1},next:function(){b.direction=!0,b.index=T(b.index+1),b.updateItemHTML()},prev:function(){b.direction=!1,b.index=T(b.index-1),b.updateItemHTML()},goTo:function(a){b.direction=a>=b.index,b.index=a,b.updateItemHTML()},preloadNearbyImages:function(){var a,c=b.st.gallery.preload,d=Math.min(c[0],b.items.length),e=Math.min(c[1],b.items.length);for(a=1;a<=(b.direction?e:d);a++)b._preloadItem(b.index+a);for(a=1;a<=(b.direction?d:e);a++)b._preloadItem(b.index-a)},_preloadItem:function(c){if(c=T(c),!b.items[c].preloaded){var d=b.items[c];d.parsed||(d=b.parseEl(c)),z("LazyLoad",d),"image"===d.type&&(d.img=a('').on("load.mfploader",function(){d.hasSize=!0}).on("error.mfploader",function(){d.hasSize=!0,d.loadError=!0,z("LazyLoadError",d)}).attr("src",d.src)),d.preloaded=!0}}}});var V="retina";a.magnificPopup.registerModule(V,{options:{replaceSrc:function(a){return a.src.replace(/\.\w+$/,function(a){return"@2x"+a})},ratio:1},proto:{initRetina:function(){if(window.devicePixelRatio>1){var a=b.st.retina,c=a.ratio;c=isNaN(c)?c():c,c>1&&(x("ImageHasSize."+V,function(a,b){b.img.css({"max-width":b.img[0].naturalWidth/c,width:"100%"})}),x("ElementParse."+V,function(b,d){d.src=a.replaceSrc(d,c)}))}}}}),function(){var b=1e3,c="ontouchstart"in window,d=function(){w.off("touchmove"+f+" touchend"+f)},e="mfpFastClick",f="."+e;a.fn.mfpFastClick=function(e){return a(this).each(function(){var g,h=a(this);if(c){var i,j,k,l,m,n;h.on("touchstart"+f,function(a){l=!1,n=1,m=a.originalEvent?a.originalEvent.touches[0]:a.touches[0],j=m.clientX,k=m.clientY,w.on("touchmove"+f,function(a){m=a.originalEvent?a.originalEvent.touches:a.touches,n=m.length,m=m[0],(Math.abs(m.clientX-j)>10||Math.abs(m.clientY-k)>10)&&(l=!0,d())}).on("touchend"+f,function(a){d(),l||n>1||(g=!0,a.preventDefault(),clearTimeout(i),i=setTimeout(function(){g=!1},b),e())})})}h.on("click"+f,function(){g||e()})})},a.fn.destroyMfpFastClick=function(){a(this).off("touchstart"+f+" click"+f),c&&w.off("touchmove"+f+" touchend"+f)}}(),B()}(window.jQuery||window.Zepto),window.matchMedia=window.matchMedia||function(a){"use strict";var b,c=a.documentElement,d=c.firstElementChild||c.firstChild,e=a.createElement("body"),f=a.createElement("div");return f.id="mq-test-1",f.style.cssText="position:absolute;top:-100em",e.style.background="none",e.appendChild(f),function(a){return f.innerHTML='­',c.insertBefore(e,d),b=42===f.offsetWidth,c.removeChild(e),{matches:b,media:a}}}(document),function(a){"use strict";function b(){v(!0)}var c={};if(a.respond=c,c.update=function(){},c.mediaQueriesSupported=a.matchMedia&&a.matchMedia("only all").matches,!c.mediaQueriesSupported){var d,e,f,g=a.document,h=g.documentElement,i=[],j=[],k=[],l={},m=30,n=g.getElementsByTagName("head")[0]||h,o=g.getElementsByTagName("base")[0],p=n.getElementsByTagName("link"),q=[],r=function(){for(var b=0;bh;h++){var k,l,m,n;g?(k=c,j.push(f(a))):(k=d[h].match(/@media *([^\{]+)\{([\S\s]+?)$/)&&RegExp.$1,j.push(RegExp.$2&&f(RegExp.$2))),m=k.split(","),n=m.length;for(var o=0;n>o;o++)l=m[o],i.push({media:l.split("(")[0].match(/(only\s+)?([a-zA-Z]+)\s?/)&&RegExp.$2||"all",rules:j.length-1,hasquery:l.indexOf("(")>-1,minw:l.match(/\(\s*min\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:l.match(/\(\s*max\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}v()},u=function(){var a,b=g.createElement("div"),c=g.body,d=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",c||(c=d=g.createElement("body"),c.style.background="none"),c.appendChild(b),h.insertBefore(c,h.firstChild),a=b.offsetWidth,d?h.removeChild(c):c.removeChild(b),a=f=parseFloat(a)},v=function(b){var c="clientWidth",l=h[c],o="CSS1Compat"===g.compatMode&&l||g.body[c]||l,q={},r=p[p.length-1],s=(new Date).getTime();if(b&&d&&m>s-d)return a.clearTimeout(e),e=a.setTimeout(v,m),void 0;d=s;for(var t in i)if(i.hasOwnProperty(t)){var w=i[t],x=w.minw,y=w.maxw,z=null===x,A=null===y,B="em";x&&(x=parseFloat(x)*(x.indexOf(B)>-1?f||u():1)),y&&(y=parseFloat(y)*(y.indexOf(B)>-1?f||u():1)),w.hasquery&&(z&&A||!(z||o>=x)||!(A||y>=o))||(q[w.media]||(q[w.media]=[]),q[w.media].push(j[w.rules]))}for(var C in k)k.hasOwnProperty(C)&&k[C]&&k[C].parentNode===n&&n.removeChild(k[C]);for(var D in q)if(q.hasOwnProperty(D)){var E=g.createElement("style"),F=q[D].join("\n");E.type="text/css",E.media=D,n.insertBefore(E,r.nextSibling),E.styleSheet?E.styleSheet.cssText=F:E.appendChild(g.createTextNode(F)),k.push(E)}},w=function(a,b){var c=x();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))},x=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}();r(),c.update=r,a.addEventListener?a.addEventListener("resize",b,!1):a.attachEvent&&a.attachEvent("onresize",b)}}(this);var responsiveNav=function(a,b){function c(a,b){return s||(s=new r(a,b)),s}var d=!!a.getComputedStyle;a.getComputedStyle||(a.getComputedStyle=function(a){return this.el=a,this.getPropertyValue=function(b){var c=/(\-([a-z]){1})/g;return"float"===b&&(b="styleFloat"),c.test(b)&&(b=b.replace(c,function(){return arguments[2].toUpperCase()})),a.currentStyle[b]?a.currentStyle[b]:null},this});var e,f,g,h=b.documentElement,i=b.getElementsByTagName("head")[0],j=b.createElement("style"),k=!1,l=function(a,b,c,d){if("addEventListener"in a)try{a.addEventListener(b,c,d)}catch(e){if("object"!=typeof c||!c.handleEvent)throw e;a.addEventListener(b,function(a){c.handleEvent.call(c,a)},d)}else"attachEvent"in a&&("object"==typeof c&&c.handleEvent?a.attachEvent("on"+b,function(){c.handleEvent.call(c)}):a.attachEvent("on"+b,c))},m=function(a,b,c,d){if("removeEventListener"in a)try{a.removeEventListener(b,c,d)}catch(e){if("object"!=typeof c||!c.handleEvent)throw e;a.removeEventListener(b,function(a){c.handleEvent.call(c,a)},d)}else"detachEvent"in a&&("object"==typeof c&&c.handleEvent?a.detachEvent("on"+b,function(){c.handleEvent.call(c)}):a.detachEvent("on"+b,c))},n=function(a){for(var b=a.firstChild;null!==b&&1!==b.nodeType;)b=b.nextSibling;return b},o=function(a,b){for(var c in b)a.setAttribute(c,b[c])},p=function(a,b){a.className+=" "+b,a.className=a.className.replace(/(^\s*)|(\s*$)/g,"")},q=function(a,b){var c=new RegExp("(\\s|^)"+b+"(\\s|$)");a.className=a.className.replace(c," ").replace(/(^\s*)|(\s*$)/g,"")},r=function(a,c){var d;this.options={animate:!0,transition:400,label:"Menu",insert:"after",customToggle:"",openPos:"relative",jsClass:"js",init:function(){},open:function(){},close:function(){}};for(d in c)this.options[d]=c[d];if(p(h,this.options.jsClass),this.wrapperEl=a.replace("#",""),!b.getElementById(this.wrapperEl))throw new Error("The nav element you are trying to select doesn't exist");this.wrapper=b.getElementById(this.wrapperEl),this.wrapper.inner=n(this.wrapper),f=this.options,e=this.wrapper,this._init(this)};r.prototype={destroy:function(){this._removeStyles(),q(e,"closed"),q(e,"opened"),e.removeAttribute("style"),e.removeAttribute("aria-hidden"),e=null,s=null,m(a,"load",this,!1),m(a,"resize",this,!1),m(g,"mousedown",this,!1),m(g,"touchstart",this,!1),m(g,"touchend",this,!1),m(g,"keyup",this,!1),m(g,"click",this,!1),f.customToggle?g.removeAttribute("aria-hidden"):g.parentNode.removeChild(g)},toggle:function(){k?(q(e,"opened"),p(e,"closed"),o(e,{"aria-hidden":"true"}),k=!1,f.close()):(q(e,"closed"),p(e,"opened"),e.style.position=f.openPos,o(e,{"aria-hidden":"false"}),k=!0,f.open())},handleEvent:function(b){var c=b||a.event;switch(c.type){case"mousedown":this._onmousedown(c);break;case"touchstart":this._ontouchstart(c);break;case"touchend":this._ontouchend(c);break;case"keyup":this._onkeyup(c);break;case"click":this._onclick(c);break;case"load":this._transitions(c),this._resize(c);break;case"resize":this._resize(c)}},_init:function(){p(e,"closed"),this._createToggle(),l(a,"load",this,!1),l(a,"resize",this,!1),l(g,"mousedown",this,!1),l(g,"touchstart",this,!1),l(g,"touchend",this,!1),l(g,"keyup",this,!1),l(g,"click",this,!1)},_createStyles:function(){j.parentNode||i.appendChild(j)},_removeStyles:function(){j.parentNode&&j.parentNode.removeChild(j)},_createToggle:function(){if(f.customToggle){var a=f.customToggle.replace("#","");if(!b.getElementById(a))throw new Error("The custom nav toggle you are trying to select doesn't exist");g=b.getElementById(a)}else{var c=b.createElement("a");c.innerHTML=f.label,o(c,{href:"#",id:"nav-toggle"}),"after"===f.insert?e.parentNode.insertBefore(c,e.nextSibling):e.parentNode.insertBefore(c,e),g=b.getElementById("nav-toggle")}},_preventDefault:function(a){a.preventDefault?(a.preventDefault(),a.stopPropagation()):a.returnValue=!1},_onmousedown:function(b){var c=b||a.event;3!==c.which&&2!==c.button&&(this._preventDefault(b),this.toggle(b))},_ontouchstart:function(a){g.onmousedown=null,this._preventDefault(a),this.toggle(a)},_ontouchend:function(){var a=this;e.addEventListener("click",a._preventDefault,!0),setTimeout(function(){e.removeEventListener("click",a._preventDefault,!0)},f.transition)},_onkeyup:function(b){var c=b||a.event;13===c.keyCode&&this.toggle(b)},_onclick:function(a){this._preventDefault(a)},_transitions:function(){if(f.animate){var a=e.style,b="max-height "+f.transition+"ms";a.WebkitTransition=b,a.MozTransition=b,a.OTransition=b,a.transition=b}},_calcHeight:function(){var a=e.inner.offsetHeight,b="#"+this.wrapperEl+".opened{max-height:"+a+"px}";d&&(j.innerHTML=b,b="")},_resize:function(){"none"!==a.getComputedStyle(g,null).getPropertyValue("display")?(o(g,{"aria-hidden":"false"}),e.className.match(/(^|\s)closed(\s|$)/)&&(o(e,{"aria-hidden":"true"}),e.style.position="absolute"),this._createStyles(),this._calcHeight()):(o(g,{"aria-hidden":"true"}),o(e,{"aria-hidden":"false"}),e.style.position=f.openPos,this._removeStyles()),f.init()}};var s;return c}(window,document);!function(a){a.fn.simpleJekyllSearch=function(b){function c(){j.keyup(function(){a(this).val().length?e(d(a(this).val())):f()})}function d(b){var c=[];return a.each(i,function(a,d){for(var a=0;a1&&(c.push(d),a=h.length)}),c}function e(b){f(),k.append(a(g.searchResultsTitle)),b.length?a.each(b,function(b,c){if(b{title}',searchResults:".results",searchResultsTitle:"

    Search results

    ",limit:"10",noResults:"

    Oh shucks
    Nothing found :(

    "},b),h=g.jsonFormat.split(","),i=[],j=this,k=a(g.searchResults);g.jsonFile.length&&k.length&&a.ajax({type:"GET",url:g.jsonFile,dataType:"json",success:function(a){i=a,c() +},error:function(a,b,c){console.log("***ERROR in simpleJekyllSearch.js***"),console.log(a),console.log(b),console.log(c)}})}}(jQuery);var navigation=responsiveNav("#site-nav",{animate:!0,transition:400,label:" Menu",insert:"before",customToggle:"",openPos:"relative",jsClass:"js",init:function(){},open:function(){},close:function(){}});$("html").click(function(){navigation.toggle()}),$("#site-nav").click(function(a){a.stopPropagation()}),$(function(){$("article").fitVids()}),$("a[href$='.jpg'],a[href$='.jpeg'],a[href$='.JPG'],a[href$='.png'],a[href$='.gif']").addClass("image-popup"),$(document).ready(function(){$(".image-popup").magnificPopup({type:"image",tLoading:"Loading image #%curr%...",gallery:{enabled:!0,navigateByImgClick:!0,preload:[0,1]},image:{tError:'Image #%curr% could not be loaded.'},removalDelay:300,mainClass:"mfp-fade"})}); \ No newline at end of file diff --git a/assets/js/vendor/html5shiv.min.js b/assets/js/vendor/html5shiv.min.js new file mode 100644 index 0000000..6168aac --- /dev/null +++ b/assets/js/vendor/html5shiv.min.js @@ -0,0 +1,8 @@ +/* + HTML5 Shiv v3.7.0 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed +*/ +(function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag(); +a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/[\w\-]+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x"; +c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode|| +"undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output progress section summary template time video",version:"3.7.0",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f); +if(g)return a.createDocumentFragment();for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d',a,""].join(""),l.id=h,(m?l:n).innerHTML+=f,n.appendChild(l),m||(n.style.background="",n.style.overflow="hidden",k=g.style.overflow,g.style.overflow="hidden",g.appendChild(n)),i=c(l,a),m?l.parentNode.removeChild(l):(n.parentNode.removeChild(n),g.style.overflow=k),!!i},v={}.hasOwnProperty,w;!z(v,"undefined")&&!z(v.call,"undefined")?w=function(a,b){return v.call(a,b)}:w=function(a,b){return b in a&&z(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=s.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(s.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(s.call(arguments)))};return e}),o.touch=function(){var c;return"ontouchstart"in a||a.DocumentTouch&&b instanceof DocumentTouch?c=!0:u(["@media (",m.join("touch-enabled),("),h,")","{#modernizr{top:9px;position:absolute}}"].join(""),function(a){c=a.offsetTop===9}),c},o.rgba=function(){return x("background-color:rgba(150,255,150,.5)"),A(j.backgroundColor,"rgba")},o.hsla=function(){return x("background-color:hsla(120,40%,100%,.5)"),A(j.backgroundColor,"rgba")||A(j.backgroundColor,"hsla")},o.textshadow=function(){return b.createElement("div").style.textShadow===""},o.opacity=function(){return y("opacity:.55"),/^0.55$/.test(j.opacity)},o.svg=function(){return!!b.createElementNS&&!!b.createElementNS(n.svg,"svg").createSVGRect};for(var C in o)w(o,C)&&(t=C.toLowerCase(),e[t]=o[C](),r.push((e[t]?"":"no-")+t));return e.addTest=function(a,b){if(typeof a=="object")for(var d in a)w(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return e;b=typeof b=="function"?b():b,typeof f!="undefined"&&f&&(g.className+=" "+(b?"":"no-")+a),e[a]=b}return e},x(""),i=k=null,function(a,b){function k(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x",d.insertBefore(c.lastChild,d.firstChild)}function l(){var a=r.elements;return typeof a=="string"?a.split(" "):a}function m(a){var b=i[a[g]];return b||(b={},h++,a[g]=h,i[h]=b),b}function n(a,c,f){c||(c=b);if(j)return c.createElement(a);f||(f=m(c));var g;return f.cache[a]?g=f.cache[a].cloneNode():e.test(a)?g=(f.cache[a]=f.createElem(a)).cloneNode():g=f.createElem(a),g.canHaveChildren&&!d.test(a)?f.frag.appendChild(g):g}function o(a,c){a||(a=b);if(j)return a.createDocumentFragment();c=c||m(a);var d=c.frag.cloneNode(),e=0,f=l(),g=f.length;for(;e",f="hidden"in a,j=a.childNodes.length==1||function(){b.createElement("a");var a=b.createDocumentFragment();return typeof a.cloneNode=="undefined"||typeof a.createDocumentFragment=="undefined"||typeof a.createElement=="undefined"}()}catch(c){f=!0,j=!0}})();var r={elements:c.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS:c.shivCSS!==!1,supportsUnknownElements:j,shivMethods:c.shivMethods!==!1,type:"default",shivDocument:q,createElement:n,createDocumentFragment:o};a.html5=r,q(b)}(this,b),e._version=d,e._prefixes=m,e.testStyles=u,g.className=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(f?" js "+r.join(" "):""),e}(this,this.document),function(a,b,c){function d(a){return"[object Function]"==o.call(a)}function e(a){return"string"==typeof a}function f(){}function g(a){return!a||"loaded"==a||"complete"==a||"uninitialized"==a}function h(){var a=p.shift();q=1,a?a.t?m(function(){("c"==a.t?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1)},0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){"img"!=a&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l=b.createElement(a),o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};1===y[c]&&(r=1,y[c]=[]),"object"==a?l.data=c:(l.src=c,l.type=a),l.width=l.height="0",l.onerror=l.onload=l.onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),"img"!=a&&(r||2===y[c]?(t.insertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||"j",e(a)?i("c"==b?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),1==p.length&&h()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&"[object Opera]"==o.call(a.opera),l=!!b.attachEvent&&!l,u=r?"object":l?"script":"img",v=l?"script":u,w=Array.isArray||function(a){return"[object Array]"==o.call(a)},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split("!"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f=0;f',a,""].join(""),l.id=h,(m?l:n).innerHTML+=f,n.appendChild(l),m||(n.style.background="",n.style.overflow="hidden",k=g.style.overflow,g.style.overflow="hidden",g.appendChild(n)),i=c(l,a),m?l.parentNode.removeChild(l):(n.parentNode.removeChild(n),g.style.overflow=k),!!i},v={}.hasOwnProperty,w;!z(v,"undefined")&&!z(v.call,"undefined")?w=function(a,b){return v.call(a,b)}:w=function(a,b){return b in a&&z(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=s.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(s.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(s.call(arguments)))};return e}),o.touch=function(){var c;return"ontouchstart"in a||a.DocumentTouch&&b instanceof DocumentTouch?c=!0:u(["@media (",m.join("touch-enabled),("),h,")","{#modernizr{top:9px;position:absolute}}"].join(""),function(a){c=a.offsetTop===9}),c},o.rgba=function(){return x("background-color:rgba(150,255,150,.5)"),A(j.backgroundColor,"rgba")},o.hsla=function(){return x("background-color:hsla(120,40%,100%,.5)"),A(j.backgroundColor,"rgba")||A(j.backgroundColor,"hsla")},o.textshadow=function(){return b.createElement("div").style.textShadow===""},o.opacity=function(){return y("opacity:.55"),/^0.55$/.test(j.opacity)},o.svg=function(){return!!b.createElementNS&&!!b.createElementNS(n.svg,"svg").createSVGRect};for(var C in o)w(o,C)&&(t=C.toLowerCase(),e[t]=o[C](),r.push((e[t]?"":"no-")+t));return e.addTest=function(a,b){if(typeof a=="object")for(var d in a)w(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return e;b=typeof b=="function"?b():b,typeof f!="undefined"&&f&&(g.className+=" "+(b?"":"no-")+a),e[a]=b}return e},x(""),i=k=null,e._version=d,e._prefixes=m,e.testStyles=u,g.className=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(f?" js "+r.join(" "):""),e}(this,this.document),function(a,b,c){function d(a){return"[object Function]"==o.call(a)}function e(a){return"string"==typeof a}function f(){}function g(a){return!a||"loaded"==a||"complete"==a||"uninitialized"==a}function h(){var a=p.shift();q=1,a?a.t?m(function(){("c"==a.t?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1)},0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){"img"!=a&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l=b.createElement(a),o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};1===y[c]&&(r=1,y[c]=[]),"object"==a?l.data=c:(l.src=c,l.type=a),l.width=l.height="0",l.onerror=l.onload=l.onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),"img"!=a&&(r||2===y[c]?(t.insertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||"j",e(a)?i("c"==b?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),1==p.length&&h()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&"[object Opera]"==o.call(a.opera),l=!!b.attachEvent&&!l,u=r?"object":l?"script":"img",v=l?"script":u,w=Array.isArray||function(a){return"[object Array]"==o.call(a)},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split("!"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f=0;f #mq-test-1 { width: 42px; }';r.insertBefore(s,i);n=o.offsetWidth===42;r.removeChild(s);return{matches:n,media:e}}}(document);(function(e){"use strict";function x(){w(true)}var t={};e.respond=t;t.update=function(){};t.mediaQueriesSupported=e.matchMedia&&e.matchMedia("only all").matches;if(t.mediaQueriesSupported){return}var n=e.document,r=n.documentElement,i=[],s=[],o=[],u={},a=30,f=n.getElementsByTagName("head")[0]||r,l=n.getElementsByTagName("base")[0],c=f.getElementsByTagName("link"),h=[],p=function(){for(var t=0;t-1,minw:c.match(/\(\s*min\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:c.match(/\(\s*max\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}}w()},m,g,y=function(){var e,t=n.createElement("div"),i=n.body,s=false;t.style.cssText="position:absolute;font-size:1em;width:1em";if(!i){i=s=n.createElement("body");i.style.background="none"}i.appendChild(t);r.insertBefore(i,r.firstChild);e=t.offsetWidth;if(s){r.removeChild(i)}else{i.removeChild(t)}e=b=parseFloat(e);return e},b,w=function(t){var u="clientWidth",l=r[u],h=n.compatMode==="CSS1Compat"&&l||n.body[u]||l,p={},d=c[c.length-1],v=(new Date).getTime();if(t&&m&&v-m-1?b||y():1)}if(!!T){T=parseFloat(T)*(T.indexOf(k)>-1?b||y():1)}if(!S.hasquery||(!N||!C)&&(N||h>=x)&&(C||h<=T)){if(!p[S.media]){p[S.media]=[]}p[S.media].push(s[S.rules])}}}for(var L in o){if(o.hasOwnProperty(L)){if(o[L]&&o[L].parentNode===f){f.removeChild(o[L])}}}for(var A in p){if(p.hasOwnProperty(A)){var O=n.createElement("style"),M=p[A].join("\n");O.type="text/css";O.media=A;f.insertBefore(O,d.nextSibling);if(O.styleSheet){O.styleSheet.cssText=M}else{O.appendChild(n.createTextNode(M))}o.push(O)}}},E=function(e,t){var n=S();if(!n){return}n.open("GET",e,true);n.onreadystatechange=function(){if(n.readyState!==4||n.status!==200&&n.status!==304){return}t(n.responseText)};if(n.readyState===4){return}n.send(null)},S=function(){var t=false;try{t=new e.XMLHttpRequest}catch(n){t=new e.ActiveXObject("Microsoft.XMLHTTP")}return function(){return t}}();p();t.update=p;if(e.addEventListener){e.addEventListener("resize",x,false)}else if(e.attachEvent){e.attachEvent("onresize",x)}})(this) \ No newline at end of file diff --git a/assets/less/font-awesome.less b/assets/less/font-awesome.less deleted file mode 100644 index 18f042d..0000000 --- a/assets/less/font-awesome.less +++ /dev/null @@ -1,1471 +0,0 @@ -/*! - * Font Awesome 3.2.0 - * the iconic font designed for Bootstrap - * ------------------------------------------------------------------------------ - * The full suite of pictographic icons, examples, and documentation can be - * found at http://fontawesome.io. Stay up to date on Twitter at - * http://twitter.com/fontawesome. - * - * License - * ------------------------------------------------------------------------------ - * - The Font Awesome font is licensed under SIL OFL 1.1 - - * http://scripts.sil.org/OFL - * - Font Awesome CSS, LESS, and SASS files are licensed under MIT License - - * http://opensource.org/licenses/mit-license.html - * - Font Awesome documentation licensed under CC BY 3.0 - - * http://creativecommons.org/licenses/by/3.0/ - * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: - * "Font Awesome by Dave Gandy - http://fontawesome.io" - * - * Author - Dave Gandy - * ------------------------------------------------------------------------------ - * Email: dave@fontawesome.io - * Twitter: http://twitter.com/byscuits - * Work: Lead Product Designer @ Kyruus - http://kyruus.com - */ -/* FONT PATH - * -------------------------- */ -@font-face { - font-family: 'FontAwesome'; - src: url('//netdna.bootstrapcdn.com/font-awesome/3.2.0/font/fontawesome-webfont.eot?v=3.2.0'); - src: url('//netdna.bootstrapcdn.com/font-awesome/3.2.0/font/fontawesome-webfont.eot?#iefix&v=3.2.0') format('embedded-opentype'), url('//netdna.bootstrapcdn.com/font-awesome/3.2.0/font/fontawesome-webfont.woff?v=3.2.0') format('woff'), url('//netdna.bootstrapcdn.com/font-awesome/3.2.0/font/fontawesome-webfont.ttf?v=3.2.0') format('truetype'), url('//netdna.bootstrapcdn.com/font-awesome/3.2.0/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.0') format('svg'); - font-weight: normal; - font-style: normal; -} -/* FONT AWESOME CORE - * -------------------------- */ -[class^="icon-"], -[class*=" icon-"] { - font-family: FontAwesome; - font-weight: normal; - font-style: normal; - text-decoration: inherit; - -webkit-font-smoothing: antialiased; - *margin-right: .3em; -} -[class^="icon-"]:before, -[class*=" icon-"]:before { - text-decoration: inherit; - display: inline-block; - cursor: default; - speak: none; -} -/* makes the font 33% larger relative to the icon container */ -.icon-large:before { - vertical-align: -10%; - font-size: 1.3333333333333333em; -} -/* makes sure icons active on rollover in links */ -a [class^="icon-"], -a [class*=" icon-"] { - display: inline; -} -/* increased font size for icon-large */ -[class^="icon-"].icon-fixed-width, -[class*=" icon-"].icon-fixed-width { - display: inline-block; - width: 1.1428571428571428em; - text-align: right; - padding-right: 0.2857142857142857em; -} -[class^="icon-"].icon-fixed-width.icon-large, -[class*=" icon-"].icon-fixed-width.icon-large { - width: 1.4285714285714286em; -} -.icons-ul { - margin-left: 2.142857142857143em; - list-style-type: none; -} -.icons-ul > li { - position: relative; -} -.icons-ul .icon-li { - position: absolute; - left: -2.142857142857143em; - width: 2.142857142857143em; - text-align: center; - line-height: inherit; -} -[class^="icon-"].hide, -[class*=" icon-"].hide { - display: none; -} -.icon-muted { - color: #eeeeee; -} -.icon-light { - color: #ffffff; -} -.icon-dark { - color: #333333; -} -.icon-border { - border: solid 1px #eeeeee; - padding: .2em .25em .15em; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; -} -.icon-2x { - font-size: 2em; -} -.icon-2x.icon-border { - border-width: 2px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; -} -.icon-3x { - font-size: 3em; -} -.icon-3x.icon-border { - border-width: 3px; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; -} -.icon-4x { - font-size: 4em; -} -.icon-4x.icon-border { - border-width: 4px; - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; -} -.icon-5x { - font-size: 5em; -} -.icon-5x.icon-border { - border-width: 5px; - -webkit-border-radius: 7px; - -moz-border-radius: 7px; - border-radius: 7px; -} -.pull-right { - float: right; -} -.pull-left { - float: left; -} -[class^="icon-"].pull-left, -[class*=" icon-"].pull-left { - margin-right: .3em; -} -[class^="icon-"].pull-right, -[class*=" icon-"].pull-right { - margin-left: .3em; -} -/* BOOTSTRAP SPECIFIC CLASSES - * -------------------------- */ -/* Bootstrap 2.0 sprites.less reset */ -[class^="icon-"], -[class*=" icon-"] { - display: inline; - width: auto; - height: auto; - line-height: normal; - vertical-align: baseline; - background-image: none; - background-position: 0% 0%; - background-repeat: repeat; - margin-top: 0; -} -/* more sprites.less reset */ -.icon-white, -.nav-pills > .active > a > [class^="icon-"], -.nav-pills > .active > a > [class*=" icon-"], -.nav-list > .active > a > [class^="icon-"], -.nav-list > .active > a > [class*=" icon-"], -.navbar-inverse .nav > .active > a > [class^="icon-"], -.navbar-inverse .nav > .active > a > [class*=" icon-"], -.dropdown-menu > li > a:hover > [class^="icon-"], -.dropdown-menu > li > a:hover > [class*=" icon-"], -.dropdown-menu > .active > a > [class^="icon-"], -.dropdown-menu > .active > a > [class*=" icon-"], -.dropdown-submenu:hover > a > [class^="icon-"], -.dropdown-submenu:hover > a > [class*=" icon-"] { - background-image: none; -} -/* keeps Bootstrap styles with and without icons the same */ -.btn [class^="icon-"].icon-large, -.nav [class^="icon-"].icon-large, -.btn [class*=" icon-"].icon-large, -.nav [class*=" icon-"].icon-large { - line-height: .9em; -} -.btn [class^="icon-"].icon-spin, -.nav [class^="icon-"].icon-spin, -.btn [class*=" icon-"].icon-spin, -.nav [class*=" icon-"].icon-spin { - display: inline-block; -} -.nav-tabs [class^="icon-"], -.nav-pills [class^="icon-"], -.nav-tabs [class*=" icon-"], -.nav-pills [class*=" icon-"], -.nav-tabs [class^="icon-"].icon-large, -.nav-pills [class^="icon-"].icon-large, -.nav-tabs [class*=" icon-"].icon-large, -.nav-pills [class*=" icon-"].icon-large { - line-height: .9em; -} -.btn [class^="icon-"].pull-left.icon-2x, -.btn [class*=" icon-"].pull-left.icon-2x, -.btn [class^="icon-"].pull-right.icon-2x, -.btn [class*=" icon-"].pull-right.icon-2x { - margin-top: .18em; -} -.btn [class^="icon-"].icon-spin.icon-large, -.btn [class*=" icon-"].icon-spin.icon-large { - line-height: .8em; -} -.btn.btn-small [class^="icon-"].pull-left.icon-2x, -.btn.btn-small [class*=" icon-"].pull-left.icon-2x, -.btn.btn-small [class^="icon-"].pull-right.icon-2x, -.btn.btn-small [class*=" icon-"].pull-right.icon-2x { - margin-top: .25em; -} -.btn.btn-large [class^="icon-"], -.btn.btn-large [class*=" icon-"] { - margin-top: 0; -} -.btn.btn-large [class^="icon-"].pull-left.icon-2x, -.btn.btn-large [class*=" icon-"].pull-left.icon-2x, -.btn.btn-large [class^="icon-"].pull-right.icon-2x, -.btn.btn-large [class*=" icon-"].pull-right.icon-2x { - margin-top: .05em; -} -.btn.btn-large [class^="icon-"].pull-left.icon-2x, -.btn.btn-large [class*=" icon-"].pull-left.icon-2x { - margin-right: .2em; -} -.btn.btn-large [class^="icon-"].pull-right.icon-2x, -.btn.btn-large [class*=" icon-"].pull-right.icon-2x { - margin-left: .2em; -} -/* EXTRAS - * -------------------------- */ -/* Stacked and layered icon */ -.icon-stack { - position: relative; - display: inline-block; - width: 2em; - height: 2em; - line-height: 2em; - vertical-align: -35%; -} -.icon-stack [class^="icon-"], -.icon-stack [class*=" icon-"] { - display: block; - text-align: center; - position: absolute; - width: 100%; - height: 100%; - font-size: 1em; - line-height: inherit; - *line-height: 2em; -} -.icon-stack .icon-stack-base { - font-size: 2em; - *line-height: 1em; -} -/* Animated rotating icon */ -.icon-spin { - display: inline-block; - -moz-animation: spin 2s infinite linear; - -o-animation: spin 2s infinite linear; - -webkit-animation: spin 2s infinite linear; - animation: spin 2s infinite linear; -} -a .icon-spin { - display: inline-block; - text-decoration: none; -} -@-moz-keyframes spin { - 0% { - -moz-transform: rotate(0deg); - } - 100% { - -moz-transform: rotate(359deg); - } -} -@-webkit-keyframes spin { - 0% { - -webkit-transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(359deg); - } -} -@-o-keyframes spin { - 0% { - -o-transform: rotate(0deg); - } - 100% { - -o-transform: rotate(359deg); - } -} -@-ms-keyframes spin { - 0% { - -ms-transform: rotate(0deg); - } - 100% { - -ms-transform: rotate(359deg); - } -} -@keyframes spin { - 0% { - transform: rotate(0deg); - } - 100% { - transform: rotate(359deg); - } -} -/* Icon rotations and mirroring */ -.icon-rotate-90:before { - -webkit-transform: rotate(90deg); - -moz-transform: rotate(90deg); - -ms-transform: rotate(90deg); - -o-transform: rotate(90deg); - transform: rotate(90deg); - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -} -.icon-rotate-180:before { - -webkit-transform: rotate(180deg); - -moz-transform: rotate(180deg); - -ms-transform: rotate(180deg); - -o-transform: rotate(180deg); - transform: rotate(180deg); - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -} -.icon-rotate-270:before { - -webkit-transform: rotate(270deg); - -moz-transform: rotate(270deg); - -ms-transform: rotate(270deg); - -o-transform: rotate(270deg); - transform: rotate(270deg); - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -} -.icon-flip-horizontal:before { - -webkit-transform: scale(-1, 1); - -moz-transform: scale(-1, 1); - -ms-transform: scale(-1, 1); - -o-transform: scale(-1, 1); - transform: scale(-1, 1); -} -.icon-flip-vertical:before { - -webkit-transform: scale(1, -1); - -moz-transform: scale(1, -1); - -ms-transform: scale(1, -1); - -o-transform: scale(1, -1); - transform: scale(1, -1); -} -/* ensure rotation occurs inside anchor tags */ -a .icon-rotate-90:before, -a .icon-rotate-180:before, -a .icon-rotate-270:before, -a .icon-flip-horizontal:before, -a .icon-flip-vertical:before { - display: inline-block; -} -/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen - readers do not read off random characters that represent icons */ -.icon-glass:before { - content: "\f000"; -} -.icon-music:before { - content: "\f001"; -} -.icon-search:before { - content: "\f002"; -} -.icon-envelope-alt:before { - content: "\f003"; -} -.icon-heart:before { - content: "\f004"; -} -.icon-star:before { - content: "\f005"; -} -.icon-star-empty:before { - content: "\f006"; -} -.icon-user:before { - content: "\f007"; -} -.icon-film:before { - content: "\f008"; -} -.icon-th-large:before { - content: "\f009"; -} -.icon-th:before { - content: "\f00a"; -} -.icon-th-list:before { - content: "\f00b"; -} -.icon-ok:before { - content: "\f00c"; -} -.icon-remove:before { - content: "\f00d"; -} -.icon-zoom-in:before { - content: "\f00e"; -} -.icon-zoom-out:before { - content: "\f010"; -} -.icon-power-off:before, -.icon-off:before { - content: "\f011"; -} -.icon-signal:before { - content: "\f012"; -} -.icon-cog:before { - content: "\f013"; -} -.icon-trash:before { - content: "\f014"; -} -.icon-home:before { - content: "\f015"; -} -.icon-file-alt:before { - content: "\f016"; -} -.icon-time:before { - content: "\f017"; -} -.icon-road:before { - content: "\f018"; -} -.icon-download-alt:before { - content: "\f019"; -} -.icon-download:before { - content: "\f01a"; -} -.icon-upload:before { - content: "\f01b"; -} -.icon-inbox:before { - content: "\f01c"; -} -.icon-play-circle:before { - content: "\f01d"; -} -.icon-rotate-right:before, -.icon-repeat:before { - content: "\f01e"; -} -.icon-refresh:before { - content: "\f021"; -} -.icon-list-alt:before { - content: "\f022"; -} -.icon-lock:before { - content: "\f023"; -} -.icon-flag:before { - content: "\f024"; -} -.icon-headphones:before { - content: "\f025"; -} -.icon-volume-off:before { - content: "\f026"; -} -.icon-volume-down:before { - content: "\f027"; -} -.icon-volume-up:before { - content: "\f028"; -} -.icon-qrcode:before { - content: "\f029"; -} -.icon-barcode:before { - content: "\f02a"; -} -.icon-tag:before { - content: "\f02b"; -} -.icon-tags:before { - content: "\f02c"; -} -.icon-book:before { - content: "\f02d"; -} -.icon-bookmark:before { - content: "\f02e"; -} -.icon-print:before { - content: "\f02f"; -} -.icon-camera:before { - content: "\f030"; -} -.icon-font:before { - content: "\f031"; -} -.icon-bold:before { - content: "\f032"; -} -.icon-italic:before { - content: "\f033"; -} -.icon-text-height:before { - content: "\f034"; -} -.icon-text-width:before { - content: "\f035"; -} -.icon-align-left:before { - content: "\f036"; -} -.icon-align-center:before { - content: "\f037"; -} -.icon-align-right:before { - content: "\f038"; -} -.icon-align-justify:before { - content: "\f039"; -} -.icon-list:before { - content: "\f03a"; -} -.icon-indent-left:before { - content: "\f03b"; -} -.icon-indent-right:before { - content: "\f03c"; -} -.icon-facetime-video:before { - content: "\f03d"; -} -.icon-picture:before { - content: "\f03e"; -} -.icon-pencil:before { - content: "\f040"; -} -.icon-map-marker:before { - content: "\f041"; -} -.icon-adjust:before { - content: "\f042"; -} -.icon-tint:before { - content: "\f043"; -} -.icon-edit:before { - content: "\f044"; -} -.icon-share:before { - content: "\f045"; -} -.icon-check:before { - content: "\f046"; -} -.icon-move:before { - content: "\f047"; -} -.icon-step-backward:before { - content: "\f048"; -} -.icon-fast-backward:before { - content: "\f049"; -} -.icon-backward:before { - content: "\f04a"; -} -.icon-play:before { - content: "\f04b"; -} -.icon-pause:before { - content: "\f04c"; -} -.icon-stop:before { - content: "\f04d"; -} -.icon-forward:before { - content: "\f04e"; -} -.icon-fast-forward:before { - content: "\f050"; -} -.icon-step-forward:before { - content: "\f051"; -} -.icon-eject:before { - content: "\f052"; -} -.icon-chevron-left:before { - content: "\f053"; -} -.icon-chevron-right:before { - content: "\f054"; -} -.icon-plus-sign:before { - content: "\f055"; -} -.icon-minus-sign:before { - content: "\f056"; -} -.icon-remove-sign:before { - content: "\f057"; -} -.icon-ok-sign:before { - content: "\f058"; -} -.icon-question-sign:before { - content: "\f059"; -} -.icon-info-sign:before { - content: "\f05a"; -} -.icon-screenshot:before { - content: "\f05b"; -} -.icon-remove-circle:before { - content: "\f05c"; -} -.icon-ok-circle:before { - content: "\f05d"; -} -.icon-ban-circle:before { - content: "\f05e"; -} -.icon-arrow-left:before { - content: "\f060"; -} -.icon-arrow-right:before { - content: "\f061"; -} -.icon-arrow-up:before { - content: "\f062"; -} -.icon-arrow-down:before { - content: "\f063"; -} -.icon-mail-forward:before, -.icon-share-alt:before { - content: "\f064"; -} -.icon-resize-full:before { - content: "\f065"; -} -.icon-resize-small:before { - content: "\f066"; -} -.icon-plus:before { - content: "\f067"; -} -.icon-minus:before { - content: "\f068"; -} -.icon-asterisk:before { - content: "\f069"; -} -.icon-exclamation-sign:before { - content: "\f06a"; -} -.icon-gift:before { - content: "\f06b"; -} -.icon-leaf:before { - content: "\f06c"; -} -.icon-fire:before { - content: "\f06d"; -} -.icon-eye-open:before { - content: "\f06e"; -} -.icon-eye-close:before { - content: "\f070"; -} -.icon-warning-sign:before { - content: "\f071"; -} -.icon-plane:before { - content: "\f072"; -} -.icon-calendar:before { - content: "\f073"; -} -.icon-random:before { - content: "\f074"; -} -.icon-comment:before { - content: "\f075"; -} -.icon-magnet:before { - content: "\f076"; -} -.icon-chevron-up:before { - content: "\f077"; -} -.icon-chevron-down:before { - content: "\f078"; -} -.icon-retweet:before { - content: "\f079"; -} -.icon-shopping-cart:before { - content: "\f07a"; -} -.icon-folder-close:before { - content: "\f07b"; -} -.icon-folder-open:before { - content: "\f07c"; -} -.icon-resize-vertical:before { - content: "\f07d"; -} -.icon-resize-horizontal:before { - content: "\f07e"; -} -.icon-bar-chart:before { - content: "\f080"; -} -.icon-twitter-sign:before { - content: "\f081"; -} -.icon-facebook-sign:before { - content: "\f082"; -} -.icon-camera-retro:before { - content: "\f083"; -} -.icon-key:before { - content: "\f084"; -} -.icon-cogs:before { - content: "\f085"; -} -.icon-comments:before { - content: "\f086"; -} -.icon-thumbs-up-alt:before { - content: "\f087"; -} -.icon-thumbs-down-alt:before { - content: "\f088"; -} -.icon-star-half:before { - content: "\f089"; -} -.icon-heart-empty:before { - content: "\f08a"; -} -.icon-signout:before { - content: "\f08b"; -} -.icon-linkedin-sign:before { - content: "\f08c"; -} -.icon-pushpin:before { - content: "\f08d"; -} -.icon-external-link:before { - content: "\f08e"; -} -.icon-signin:before { - content: "\f090"; -} -.icon-trophy:before { - content: "\f091"; -} -.icon-github-sign:before { - content: "\f092"; -} -.icon-upload-alt:before { - content: "\f093"; -} -.icon-lemon:before { - content: "\f094"; -} -.icon-phone:before { - content: "\f095"; -} -.icon-unchecked:before, -.icon-check-empty:before { - content: "\f096"; -} -.icon-bookmark-empty:before { - content: "\f097"; -} -.icon-phone-sign:before { - content: "\f098"; -} -.icon-twitter:before { - content: "\f099"; -} -.icon-facebook:before { - content: "\f09a"; -} -.icon-github:before { - content: "\f09b"; -} -.icon-unlock:before { - content: "\f09c"; -} -.icon-credit-card:before { - content: "\f09d"; -} -.icon-rss:before { - content: "\f09e"; -} -.icon-hdd:before { - content: "\f0a0"; -} -.icon-bullhorn:before { - content: "\f0a1"; -} -.icon-bell:before { - content: "\f0a2"; -} -.icon-certificate:before { - content: "\f0a3"; -} -.icon-hand-right:before { - content: "\f0a4"; -} -.icon-hand-left:before { - content: "\f0a5"; -} -.icon-hand-up:before { - content: "\f0a6"; -} -.icon-hand-down:before { - content: "\f0a7"; -} -.icon-circle-arrow-left:before { - content: "\f0a8"; -} -.icon-circle-arrow-right:before { - content: "\f0a9"; -} -.icon-circle-arrow-up:before { - content: "\f0aa"; -} -.icon-circle-arrow-down:before { - content: "\f0ab"; -} -.icon-globe:before { - content: "\f0ac"; -} -.icon-wrench:before { - content: "\f0ad"; -} -.icon-tasks:before { - content: "\f0ae"; -} -.icon-filter:before { - content: "\f0b0"; -} -.icon-briefcase:before { - content: "\f0b1"; -} -.icon-fullscreen:before { - content: "\f0b2"; -} -.icon-group:before { - content: "\f0c0"; -} -.icon-link:before { - content: "\f0c1"; -} -.icon-cloud:before { - content: "\f0c2"; -} -.icon-beaker:before { - content: "\f0c3"; -} -.icon-cut:before { - content: "\f0c4"; -} -.icon-copy:before { - content: "\f0c5"; -} -.icon-paperclip:before, -.icon-paper-clip:before { - content: "\f0c6"; -} -.icon-save:before { - content: "\f0c7"; -} -.icon-sign-blank:before { - content: "\f0c8"; -} -.icon-reorder:before { - content: "\f0c9"; -} -.icon-list-ul:before { - content: "\f0ca"; -} -.icon-list-ol:before { - content: "\f0cb"; -} -.icon-strikethrough:before { - content: "\f0cc"; -} -.icon-underline:before { - content: "\f0cd"; -} -.icon-table:before { - content: "\f0ce"; -} -.icon-magic:before { - content: "\f0d0"; -} -.icon-truck:before { - content: "\f0d1"; -} -.icon-pinterest:before { - content: "\f0d2"; -} -.icon-pinterest-sign:before { - content: "\f0d3"; -} -.icon-google-plus-sign:before { - content: "\f0d4"; -} -.icon-google-plus:before { - content: "\f0d5"; -} -.icon-money:before { - content: "\f0d6"; -} -.icon-caret-down:before { - content: "\f0d7"; -} -.icon-caret-up:before { - content: "\f0d8"; -} -.icon-caret-left:before { - content: "\f0d9"; -} -.icon-caret-right:before { - content: "\f0da"; -} -.icon-columns:before { - content: "\f0db"; -} -.icon-sort:before { - content: "\f0dc"; -} -.icon-sort-down:before { - content: "\f0dd"; -} -.icon-sort-up:before { - content: "\f0de"; -} -.icon-envelope:before { - content: "\f0e0"; -} -.icon-linkedin:before { - content: "\f0e1"; -} -.icon-rotate-left:before, -.icon-undo:before { - content: "\f0e2"; -} -.icon-legal:before { - content: "\f0e3"; -} -.icon-dashboard:before { - content: "\f0e4"; -} -.icon-comment-alt:before { - content: "\f0e5"; -} -.icon-comments-alt:before { - content: "\f0e6"; -} -.icon-bolt:before { - content: "\f0e7"; -} -.icon-sitemap:before { - content: "\f0e8"; -} -.icon-umbrella:before { - content: "\f0e9"; -} -.icon-paste:before { - content: "\f0ea"; -} -.icon-lightbulb:before { - content: "\f0eb"; -} -.icon-exchange:before { - content: "\f0ec"; -} -.icon-cloud-download:before { - content: "\f0ed"; -} -.icon-cloud-upload:before { - content: "\f0ee"; -} -.icon-user-md:before { - content: "\f0f0"; -} -.icon-stethoscope:before { - content: "\f0f1"; -} -.icon-suitcase:before { - content: "\f0f2"; -} -.icon-bell-alt:before { - content: "\f0f3"; -} -.icon-coffee:before { - content: "\f0f4"; -} -.icon-food:before { - content: "\f0f5"; -} -.icon-file-text-alt:before { - content: "\f0f6"; -} -.icon-building:before { - content: "\f0f7"; -} -.icon-hospital:before { - content: "\f0f8"; -} -.icon-ambulance:before { - content: "\f0f9"; -} -.icon-medkit:before { - content: "\f0fa"; -} -.icon-fighter-jet:before { - content: "\f0fb"; -} -.icon-beer:before { - content: "\f0fc"; -} -.icon-h-sign:before { - content: "\f0fd"; -} -.icon-plus-sign-alt:before { - content: "\f0fe"; -} -.icon-double-angle-left:before { - content: "\f100"; -} -.icon-double-angle-right:before { - content: "\f101"; -} -.icon-double-angle-up:before { - content: "\f102"; -} -.icon-double-angle-down:before { - content: "\f103"; -} -.icon-angle-left:before { - content: "\f104"; -} -.icon-angle-right:before { - content: "\f105"; -} -.icon-angle-up:before { - content: "\f106"; -} -.icon-angle-down:before { - content: "\f107"; -} -.icon-desktop:before { - content: "\f108"; -} -.icon-laptop:before { - content: "\f109"; -} -.icon-tablet:before { - content: "\f10a"; -} -.icon-mobile-phone:before { - content: "\f10b"; -} -.icon-circle-blank:before { - content: "\f10c"; -} -.icon-quote-left:before { - content: "\f10d"; -} -.icon-quote-right:before { - content: "\f10e"; -} -.icon-spinner:before { - content: "\f110"; -} -.icon-circle:before { - content: "\f111"; -} -.icon-mail-reply:before, -.icon-reply:before { - content: "\f112"; -} -.icon-github-alt:before { - content: "\f113"; -} -.icon-folder-close-alt:before { - content: "\f114"; -} -.icon-folder-open-alt:before { - content: "\f115"; -} -.icon-expand-alt:before { - content: "\f116"; -} -.icon-collapse-alt:before { - content: "\f117"; -} -.icon-smile:before { - content: "\f118"; -} -.icon-frown:before { - content: "\f119"; -} -.icon-meh:before { - content: "\f11a"; -} -.icon-gamepad:before { - content: "\f11b"; -} -.icon-keyboard:before { - content: "\f11c"; -} -.icon-flag-alt:before { - content: "\f11d"; -} -.icon-flag-checkered:before { - content: "\f11e"; -} -.icon-terminal:before { - content: "\f120"; -} -.icon-code:before { - content: "\f121"; -} -.icon-reply-all:before { - content: "\f122"; -} -.icon-mail-reply-all:before { - content: "\f122"; -} -.icon-star-half-full:before, -.icon-star-half-empty:before { - content: "\f123"; -} -.icon-location-arrow:before { - content: "\f124"; -} -.icon-crop:before { - content: "\f125"; -} -.icon-code-fork:before { - content: "\f126"; -} -.icon-unlink:before { - content: "\f127"; -} -.icon-question:before { - content: "\f128"; -} -.icon-info:before { - content: "\f129"; -} -.icon-exclamation:before { - content: "\f12a"; -} -.icon-superscript:before { - content: "\f12b"; -} -.icon-subscript:before { - content: "\f12c"; -} -.icon-eraser:before { - content: "\f12d"; -} -.icon-puzzle-piece:before { - content: "\f12e"; -} -.icon-microphone:before { - content: "\f130"; -} -.icon-microphone-off:before { - content: "\f131"; -} -.icon-shield:before { - content: "\f132"; -} -.icon-calendar-empty:before { - content: "\f133"; -} -.icon-fire-extinguisher:before { - content: "\f134"; -} -.icon-rocket:before { - content: "\f135"; -} -.icon-maxcdn:before { - content: "\f136"; -} -.icon-chevron-sign-left:before { - content: "\f137"; -} -.icon-chevron-sign-right:before { - content: "\f138"; -} -.icon-chevron-sign-up:before { - content: "\f139"; -} -.icon-chevron-sign-down:before { - content: "\f13a"; -} -.icon-html5:before { - content: "\f13b"; -} -.icon-css3:before { - content: "\f13c"; -} -.icon-anchor:before { - content: "\f13d"; -} -.icon-unlock-alt:before { - content: "\f13e"; -} -.icon-bullseye:before { - content: "\f140"; -} -.icon-ellipsis-horizontal:before { - content: "\f141"; -} -.icon-ellipsis-vertical:before { - content: "\f142"; -} -.icon-rss-sign:before { - content: "\f143"; -} -.icon-play-sign:before { - content: "\f144"; -} -.icon-ticket:before { - content: "\f145"; -} -.icon-minus-sign-alt:before { - content: "\f146"; -} -.icon-check-minus:before { - content: "\f147"; -} -.icon-level-up:before { - content: "\f148"; -} -.icon-level-down:before { - content: "\f149"; -} -.icon-check-sign:before { - content: "\f14a"; -} -.icon-edit-sign:before { - content: "\f14b"; -} -.icon-external-link-sign:before { - content: "\f14c"; -} -.icon-share-sign:before { - content: "\f14d"; -} -.icon-compass:before { - content: "\f14e"; -} -.icon-collapse:before { - content: "\f150"; -} -.icon-collapse-top:before { - content: "\f151"; -} -.icon-expand:before { - content: "\f152"; -} -.icon-euro:before, -.icon-eur:before { - content: "\f153"; -} -.icon-gbp:before { - content: "\f154"; -} -.icon-dollar:before, -.icon-usd:before { - content: "\f155"; -} -.icon-rupee:before, -.icon-inr:before { - content: "\f156"; -} -.icon-yen:before, -.icon-jpy:before { - content: "\f157"; -} -.icon-renminbi:before, -.icon-cny:before { - content: "\f158"; -} -.icon-won:before, -.icon-krw:before { - content: "\f159"; -} -.icon-bitcoin:before, -.icon-btc:before { - content: "\f15a"; -} -.icon-file:before { - content: "\f15b"; -} -.icon-file-text:before { - content: "\f15c"; -} -.icon-sort-by-alphabet:before { - content: "\f15d"; -} -.icon-sort-by-alphabet-alt:before { - content: "\f15e"; -} -.icon-sort-by-attributes:before { - content: "\f160"; -} -.icon-sort-by-attributes-alt:before { - content: "\f161"; -} -.icon-sort-by-order:before { - content: "\f162"; -} -.icon-sort-by-order-alt:before { - content: "\f163"; -} -.icon-thumbs-up:before { - content: "\f164"; -} -.icon-thumbs-down:before { - content: "\f165"; -} -.icon-youtube-sign:before { - content: "\f166"; -} -.icon-youtube:before { - content: "\f167"; -} -.icon-xing:before { - content: "\f168"; -} -.icon-xing-sign:before { - content: "\f169"; -} -.icon-youtube-play:before { - content: "\f16a"; -} -.icon-dropbox:before { - content: "\f16b"; -} -.icon-stackexchange:before { - content: "\f16c"; -} -.icon-instagram:before { - content: "\f16d"; -} -.icon-flickr:before { - content: "\f16e"; -} -.icon-adn:before { - content: "\f170"; -} -.icon-bitbucket:before { - content: "\f171"; -} -.icon-bitbucket-sign:before { - content: "\f172"; -} -.icon-tumblr:before { - content: "\f173"; -} -.icon-tumblr-sign:before { - content: "\f174"; -} -.icon-long-arrow-down:before { - content: "\f175"; -} -.icon-long-arrow-up:before { - content: "\f176"; -} -.icon-long-arrow-left:before { - content: "\f177"; -} -.icon-long-arrow-right:before { - content: "\f178"; -} -.icon-apple:before { - content: "\f179"; -} -.icon-windows:before { - content: "\f17a"; -} -.icon-android:before { - content: "\f17b"; -} -.icon-linux:before { - content: "\f17c"; -} -.icon-dribble:before { - content: "\f17d"; -} -.icon-skype:before { - content: "\f17e"; -} -.icon-foursquare:before { - content: "\f180"; -} -.icon-trello:before { - content: "\f181"; -} -.icon-female:before { - content: "\f182"; -} -.icon-male:before { - content: "\f183"; -} -.icon-gittip:before { - content: "\f184"; -} -.icon-sun:before { - content: "\f185"; -} -.icon-moon:before { - content: "\f186"; -} -.icon-archive:before { - content: "\f187"; -} -.icon-bug:before { - content: "\f188"; -} -.icon-vk:before { - content: "\f189"; -} -.icon-weibo:before { - content: "\f18a"; -} -.icon-renren:before { - content: "\f18b"; -} diff --git a/assets/less/grid.less b/assets/less/grid.less deleted file mode 100644 index ed5ef3e..0000000 --- a/assets/less/grid.less +++ /dev/null @@ -1,47 +0,0 @@ -// Defining number of columns in the grid. -// Common Values would be 12, 16 or 24 -@width: 100%; -@def_grid: 12; -@margin: 0; - -.container(){ - margin:0 auto; - width:@width; -} - -// Works out the width of elements based -// on total number of columns and width -// number of columns being displayed. -// Removes 20px for margins -.grid(@grid:@def_grid,@cols:'',@float:left,@display:inline){ - display:@display; - float:@float; - width:(100%/@grid * @cols) - (@margin * 2); -} - -// Allows for padding before element -.prefix(@grid:@def_grid,@cols:''){ - margin-left:(100%/@grid * @cols); -} -// Allows for padding after element -.suffix(@grid:@def_grid,@cols:''){ - margin-right:(100%/@grid * @cols); -} -// Removes left margin -.first(){ - margin-left:0; -} -// Removes right margin -.last(){ - margin-right:0; -} - -.push(@grid:@def_grid,@move:'') { - position:relative; - left:(100%/@grid * @move); -} - -.pull(@grid:@def_grid,@move:''){ - position:relative; - left:(100%/@grid * @move) * -1; -} \ No newline at end of file diff --git a/assets/less/magnific-popup.less b/assets/less/magnific-popup.less deleted file mode 100644 index f65a6a6..0000000 --- a/assets/less/magnific-popup.less +++ /dev/null @@ -1,454 +0,0 @@ -/* Magnific Popup CSS */ -// Modified by Michael Rose - -.mfp-bg { - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 502; - overflow: hidden; - position: fixed; - background: #0b0b0b; - opacity: 0.8; - filter: alpha(opacity=80); } - -.mfp-wrap { - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 503; - position: fixed; - outline: none !important; - -webkit-backface-visibility: hidden; } - -.mfp-container { - height: 100%; - text-align: center; - position: absolute; - width: 100%; - height: 100%; - left: 0; - top: 0; - padding: 0 8px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - -.mfp-container:before { - content: ''; - display: inline-block; - height: 100%; - vertical-align: middle; } - -.mfp-align-top .mfp-container:before { - display: none; } - -.mfp-content { - position: relative; - display: inline-block; - vertical-align: middle; - margin: 0 auto; - text-align: left; - z-index: 505; } - -.mfp-inline-holder .mfp-content, -.mfp-ajax-holder .mfp-content { - width: 100%; - cursor: auto; - &:after { - content: ''; - display: block; - width: auto; - height: auto; - position: absolute; - left: 0; - top: 0; - bottom: 0; - right: 0; - z-index: -1; - box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); - } -} - -.mfp-ajax-cur { - cursor: progress; } - -.mfp-zoom-out-cur, -.mfp-zoom-out-cur .mfp-image-holder .mfp-close { - cursor: -moz-zoom-out; - cursor: -webkit-zoom-out; - cursor: zoom-out; } - -.mfp-zoom, -.image-popup { - cursor: pointer; - cursor: -webkit-zoom-in; - cursor: -moz-zoom-in; - cursor: zoom-in; } - -.mfp-auto-cursor .mfp-content { - cursor: auto; } - -.mfp-close, -.mfp-arrow, -.mfp-preloader, -.mfp-counter { - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; } - -.mfp-loading.mfp-figure { - display: none; } - -.mfp-hide { - display: none !important; } - -.mfp-preloader { - color: #cccccc; - position: absolute; - top: 50%; - width: auto; - text-align: center; - margin-top: -0.8em; - left: 8px; - right: 8px; - z-index: 504; } - -.mfp-preloader a { - color: #cccccc; } - -.mfp-preloader a:hover { - color: white; } - -.mfp-s-ready .mfp-preloader { - display: none; } - -.mfp-s-error .mfp-content { - display: none; } - -button.mfp-close, -button.mfp-arrow { - overflow: visible; - cursor: pointer; - border: 0; - -webkit-appearance: none; - display: block; - padding: 0; - z-index: 506; } - -button.mfp-close { - background: transparent; } - -button::-moz-focus-inner { - padding: 0; - border: 0; } - -.mfp-close { - width: 44px; - height: 44px; - line-height: 44px; - position: absolute; - right: 0; - top: 0; - text-decoration: none; - text-align: center; - opacity: 0.65; - padding: 0 0 18px 10px; - color: white; - font-style: normal; - font-size: 28px; - font-family: Arial, Baskerville, monospace; } - .mfp-close:hover, .mfp-close:focus { - opacity: 1; } - .mfp-close:active { - top: 1px; } - -.mfp-close-btn-in .mfp-close { - color: #333333; } - -.mfp-image-holder .mfp-close, -.mfp-iframe-holder .mfp-close { - color: white; - right: -6px; - text-align: right; - padding-right: 6px; - width: 100%; } - -.mfp-counter { - position: absolute; - top: 0; - right: 0; - color: #cccccc; - font-size: 12px; - line-height: 18px; } - -.mfp-arrow { - .hide-text(); - position: absolute; - top: 0; - opacity: 0.65; - margin: 0; - top: 50%; - margin-top: -55px; - padding: 0; - width: 90px; - height: 110px; - background-color: @black; - .transition(opacity 0.2s ease-in-out); - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } - -.mfp-arrow:active { - margin-top: -54px; } - -.mfp-arrow:hover, -.mfp-arrow:focus { - opacity: 1; } - -.mfp-arrow:before, .mfp-arrow:after, -.mfp-arrow .mfp-b, -.mfp-arrow .mfp-a { - content: ''; - display: block; - width: 0; - height: 0; - position: absolute; - left: 0; - top: 0; - margin-top: 35px; - margin-left: 35px; - border: solid transparent; } -.mfp-arrow:after, -.mfp-arrow .mfp-a { - opacity: 0.8; - border-top-width: 12px; - border-bottom-width: 12px; - top: 8px; } -.mfp-arrow:before, -.mfp-arrow .mfp-b { - border-top-width: 20px; - border-bottom-width: 20px; } - -.mfp-arrow-left { - left: 0; - .border-radius(5px, 5px, 0, 0); } - .mfp-arrow-left:after, - .mfp-arrow-left .mfp-a { - border-right: 12px solid #fff; - left: 5px; } - .mfp-arrow-left:before, - .mfp-arrow-left .mfp-b { - border-right: 20px solid #fff; } - -.mfp-arrow-right { - right: 0; - .border-radius(0, 0, 5px, 5px); } - .mfp-arrow-right:after, - .mfp-arrow-right .mfp-a { - border-left: 12px solid #fff; - left: 3px; } - .mfp-arrow-right:before, - .mfp-arrow-right .mfp-b { - border-left: 20px solid #fff; } - -.mfp-iframe-holder { - padding-top: 40px; - padding-bottom: 40px; } - -.mfp-iframe-holder .mfp-content { - line-height: 0; - width: 100%; - max-width: 900px; } - -.mfp-iframe-scaler { - width: 100%; - height: 0; - overflow: hidden; - padding-top: 56.25%; } - -.mfp-iframe-scaler iframe { - position: absolute; - display: block; - top: 0; - left: 0; - width: 100%; - height: 100%; - box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); - background: black; } - -.mfp-iframe-holder .mfp-close { - top: -40px; } - -/* Main image in popup */ -img.mfp-img { - width: auto; - max-width: 100%; - height: auto; - display: block; - line-height: 0; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - padding: 40px 0 40px; - margin: 0 auto; } - -/* The shadow behind the image */ -.mfp-figure:after { - content: ''; - position: absolute; - left: 0; - top: 40px; - bottom: 40px; - display: block; - right: 0; - width: auto; - height: auto; - z-index: -1; - box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } - -.mfp-figure { - line-height: 0; } - -.mfp-bottom-bar { - margin-top: -36px; - position: absolute; - top: 100%; - left: 0; - width: 100%; - cursor: auto; } - -.mfp-title { - text-align: left; - line-height: 18px; - color: #f3f3f3; } - -.mfp-figure small { - color: #bdbdbd; - display: block; - font-size: 12px; - line-height: 14px; } - -.mfp-image-holder .mfp-content { - max-width: 100%; } - -.mfp-gallery .mfp-image-holder .mfp-figure { - cursor: pointer; } - -@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { - /** - * Remove all paddings around the image on small screen - */ - .mfp-img-mobile .mfp-image-holder { - padding-left: 0; - padding-right: 0; } - - .mfp-img-mobile img.mfp-img { - padding: 0; } - - /* The shadow behind the image */ - .mfp-img-mobile .mfp-figure:after { - top: 0; - bottom: 0; } - - .mfp-img-mobile .mfp-bottom-bar { - background: rgba(0, 0, 0, 0.6); - bottom: 0; - margin: 0; - top: auto; - padding: 3px 5px; - position: fixed; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - - .mfp-img-mobile .mfp-bottom-bar:empty { - padding: 0; } - - .mfp-img-mobile .mfp-counter { - right: 5px; - top: 3px; } - - .mfp-img-mobile .mfp-close { - top: 0; - right: 0; - width: 35px; - height: 35px; - line-height: 35px; - background: rgba(0, 0, 0, 0.6); - position: fixed; - text-align: center; - padding: 0; } - - .mfp-img-mobile .mfp-figure small { - display: inline; - margin-left: 5px; } } -@media all and (max-width: 800px) { - .mfp-arrow { - -webkit-transform: scale(0.75); - transform: scale(0.75); } - - .mfp-arrow-left { - -webkit-transform-origin: 0; - transform-origin: 0; } - - .mfp-arrow-right { - -webkit-transform-origin: 100%; - transform-origin: 100%; } - - .mfp-container { - padding-left: 6px; - padding-right: 6px; } } -.mfp-ie7 .mfp-img { - padding: 0; } -.mfp-ie7 .mfp-bottom-bar { - width: 600px; - left: 50%; - margin-left: -300px; - margin-top: 5px; - padding-bottom: 5px; } -.mfp-ie7 .mfp-container { - padding: 0; } -.mfp-ie7 .mfp-content { - padding-top: 44px; } -.mfp-ie7 .mfp-close { - top: 0; - right: 0; - padding-top: 0; } - -/** - * Fade-zoom animation for first dialog - */ - -/* start state */ -.mfp-fade .zoom-anim-dialog { - opacity: 0; - .transition(all 0.2s ease-in-out); - .scale(0.8); -} - -/* animate in */ -.mfp-fade.mfp-ready .zoom-anim-dialog { - opacity: 1; - .scale(1); -} - -/* animate out */ -.mfp-fade.mfp-removing .zoom-anim-dialog { - .scale(0.8); - opacity: 0; -} - -/* Dark overlay, start state */ -.mfp-fade.mfp-bg { - opacity: 0; - .transition(opacity 0.3s ease-out); -} -/* animate in */ -.mfp-fade.mfp-ready.mfp-bg { - opacity: 0.8; -} -/* animate out */ -.mfp-fade.mfp-removing.mfp-bg { - opacity: 0; -} diff --git a/assets/less/main.less b/assets/less/main.less deleted file mode 100644 index 99fb0e1..0000000 --- a/assets/less/main.less +++ /dev/null @@ -1,33 +0,0 @@ -// =========================================================== -// So Simple Theme -// By: Michael Rose -// =========================================================== - -// ROOT ======================================================= -// CSS Reset ================================================== -@import "reset.less"; -// Variables and mixins ======================================= -@import "variables.less"; -// Site wide styles (html, body, global classes) ============== -@import "site.less"; -// TYPOGRAPHY ================================================= -@import "typography.less"; -// Pygments Syntax highlighting =============================== -@import "pygments.less"; -// Coderay Syntax highlighting =============================== -@import "coderay.less"; -// MIXINS ===================================================== -@import "mixins.less"; -@import "grid.less"; -// ELEMENTS =================================================== -// Figures, images, social media, other elements ============== -@import "elements.less"; -// Font Awesome webfont icons ================================= -@import "font-awesome.less"; -// Magnific Popup ============================================= -@import "magnific-popup.less"; -// Standard form controls ===================================== -@import "forms.less"; -// LAYOUT ===================================================== -// Page level layout styles =================================== -@import "page.less"; \ No newline at end of file diff --git a/assets/less/mixins.less b/assets/less/mixins.less deleted file mode 100644 index a408b7d..0000000 --- a/assets/less/mixins.less +++ /dev/null @@ -1,305 +0,0 @@ -// UTILITY MIXINS -// -------------------------------------------------- - -// Clearfix -// -------------------- -// For clearing floats like a boss h5bp.com/q -.clearfix { - *zoom: 1; - &:before, - &:after { - display: table; - content: ""; - // Fixes Opera/contenteditable bug: - // http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952 - line-height: 0; - } - &:after { - clear: both; - } -} - -// Webkit-style focus -// -------------------- -.tab-focus() { - // Default - outline: thin dotted #333; - // Webkit - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} - -// Center-align a block level element -// ---------------------------------- -.center-block() { - display: block; - margin-left: auto; - margin-right: auto; -} - -// TYPOGRAPHY -// -------------------------------------------------- - -// Full-fat vertical rhythm -// ------------------------ -.font-size(@size) { - font-size: 0px + @size; - font-size: 0rem + @size / @doc-font-size; - line-height: 0 + round(@doc-line-height / @size*10000) / 10000; - margin-bottom: 0px + @doc-line-height; - margin-bottom: 0rem + (@doc-line-height / @doc-font-size); -} - -// Just the REMs -// ------------- -.font-rem(@size) { - font-size: 0px + @size; - font-size: 0rem + @size / @doc-font-size; -} - -// Just font-size and line-height -// ------------------------------ -.font(@size) { - font-size: 0px + @size; - font-size: 0rem + @size / @doc-font-size; - line-height: 0 + round(@doc-line-height / @size*10000) / 10000; -} - -.text-overflow() { -overflow: hidden; -text-overflow: ellipsis; -white-space: nowrap; } - -// GRADIENTS -// -------------------------------------------------- - -.horizontal(@startColor : @white, @endColor : @lightergrey) { -background-color: @endColor; -background-image : -webkit-gradient(linear, 0 0, 100% 0, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+ -background-image : -webkit-linear-gradient(left, @startColor, @endColor); // Safari 5.1+, Chrome 10+ -background-image : -moz-linear-gradient(left, @startColor, @endColor); // FF 3.6+ -background-image : -ms-linear-gradient(left, @startColor, @endColor); // IE10 -background-image : -o-linear-gradient(left, @startColor, @endColor); // Opera 11.10 -background-image : linear-gradient(left, @startColor, @endColor); // W3C -background-repeat : repeat-x; } - -.vertical(@startColor : @white, @endColor: @lightergrey) { -background-image : -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+ -background-image : -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+ -background-color : @endColor; -background-image : -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+ -background-image : -ms-linear-gradient(top, @startColor, @endColor); // IE10 -background-image : -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10 -background-image : linear-gradient(top, @startColor, @endColor); // W3C -background-repeat : repeat-x; } - -.directional(@startColor : @white, @endColor : @lightergrey, @deg : 45deg) { -background-color : @endColor; -background-image : -moz-linear-gradient(@deg, @startColor, @endColor); // FF 3.6+ -background-image : -ms-linear-gradient(@deg, @startColor, @endColor); // IE10 -background-image : -webkit-linear-gradient(@deg, @startColor, @endColor); // Safari 5.1+, Chrome 10+ -background-image : -o-linear-gradient(@deg, @startColor, @endColor); // Opera 11.10 -background-image : linear-gradient(@deg, @startColor, @endColor); // W3C -background-repeat : repeat-x; } - -// .bordered(COLOR, COLOR, COLOR, COLOR); -.bordered(@top-color: #eee, @right-color: #eee, @bottom-color: #eee, @left-color: #eee) { -border-top : solid 1px @top-color; -border-left : solid 1px @left-color; -border-right : solid 1px @right-color; -border-bottom : solid 1px @bottom-color; } - -// ROUND CORNERS -// -------------------------------------------------- - -// .rounded(VALUE); -.rounded(@radius:4px) { --webkit-border-radius : @radius; --moz-border-radius : @radius; -border-radius : @radius; } - -// .border-radius(VALUE,VALUE,VALUE,VALUE); -.border-radius(@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) { --webkit-border-top-right-radius : @topright; --webkit-border-bottom-right-radius : @bottomright; --webkit-border-bottom-left-radius : @bottomleft; --webkit-border-top-left-radius : @topleft; --moz-border-radius-topright : @topright; --moz-border-radius-bottomright : @bottomright; --moz-border-radius-bottomleft : @bottomleft; --moz-border-radius-topleft : @topleft; -border-top-right-radius : @topright; -border-bottom-right-radius : @bottomright; -border-bottom-left-radius : @bottomleft; -border-top-left-radius : @topleft; --webkit-background-clip : padding-box; --moz-background-clip : padding; -background-clip : padding-box; } - -// .box-shadow(HORIZONTAL VERTICAL BLUR COLOR)) -.box-shadow(@shadow: 0 1px 3px rgba(0,0,0,.25)) { --webkit-box-shadow : @shadow; --moz-box-shadow : @shadow; -box-shadow : @shadow; } - -// .drop-shadow(HORIZONTAL, VERTICAL, BLUR, ALPHA); -.drop-shadow(@x-axis: 0, @y-axis: 1px, @blur: 2px, @alpha: 0.1) { --webkit-box-shadow : @x-axis @y-axis @blur rgba(0, 0, 0, @alpha); --moz-box-shadow : @x-axis @y-axis @blur rgba(0, 0, 0, @alpha); -box-shadow : @x-axis @y-axis @blur rgba(0, 0, 0, @alpha); } - -// .text-shadow(); -.text-shadow(@shadow: 0 2px 3px rgba(0,0,0,.25)) { -text-shadow : @shadow; } - -// .opacity(VALUE); -.opacity(@opacity : .5) { --webkit-opacity : @opacity; --moz-opacity : @opacity; -opacity : @opacity; } - -// TRANSFORMATIONS -// -------------------------------------------------- - -// .rotate(VALUEdeg); -.rotate(@deg) { --webkit-transform : rotate(@deg); --moz-transform : rotate(@deg); --ms-transform : rotate(@deg); --o-transform : rotate(@deg); -transform : rotate(@deg); } - -// .scale(VALUE); -.scale(@ratio) { --webkit-transform : scale(@ratio); --moz-transform : scale(@ratio); --ms-transform : scale(@ratio); --o-transform : scale(@ratio); -transform : scale(@ratio); } - -// .skew(VALUE, VALUE); -.skew(@x: 0, @y: 0) { --webkit-transform : skew(@x, @y); --moz-transform : skew(@x, @y); --ms-transform : skew(@x, @y); --o-transform : skew(@x, @y); -transform : skew(@x, @y); } - -// .transition(PROPERTY DURATION DELAY(OPTIONAL) TIMING-FINCTION); -.transition(@transition) { --webkit-transition : @transition; --moz-transition : @transition; --ms-transition : @transition; --o-transition : @transition; -transition : @transition; } - -// .translate(VALUE, VALUE) -.translate(@x: 0, @y: 0) { --webkit-transform : translate(@x, @y); --moz-transform : translate(@x, @y); --ms-transform : translate(@x, @y); --o-transform : translate(@x, @y); -transform : translate(@x, @y); } - -.translate3d(@x: 0, @y: 0, @z: 0) { --webkit-transform : translate(@x, @y, @z); --moz-transform : translate(@x, @y, @z); --ms-transform : translate(@x, @y, @z); --o-transform : translate(@x, @y, @z); -transform : translate(@x, @y, @z); } - -.animation(@name, @duration: 300ms, @delay: 0, @ease: ease) { - -webkit-animation: @name @duration @delay @ease; - -moz-animation: @name @duration @delay @ease; - -ms-animation: @name @duration @delay @ease; -} - -// BACKGROUND -// -------------------------------------------------- - -// .background-alpha(VALUE VALUE); -.background-alpha(@color: @white, @alpha: 1) { -background-color : hsla(hue(@color), saturation(@color), lightness(@color), @alpha); } - -// .background-size(VALUE VALUE); -.background-size(@size){ --webkit-background-size : @size; --moz-background-size : @size; --o-background-size : @size; -background-size : @size; } - -// .background-clip(VALUE); (border-box, padding-box, content-box) -.background-clip(@clip) { --webkit-background-clip : @clip; --moz-background-clip : @clip; -background-clip : @clip; } - -// .box-sizing(VALUE); (border-box, padding-box, content-box) -.box-sizing(@boxsize: border-box) { --webkit-box-sizing : @boxsize; --moz-box-sizing : @boxsize; --ms-box-sizing : @boxsize; -box-sizing : @boxsize; } - -// For image replacement -.hide-text() { -text-indent : 100%; -white-space : nowrap; -overflow : hidden; } - -// Hide from visual and speaking browsers -.hidden() { -display : none !important; -visibility : hidden; } -.hidden { - display: none; - visibility: hidden; -} - -// Hide but maintain layout -.invisible() { -visibility : hidden; } - -// .resize(VALUE) (none, both, horizontal, vertical, inherit) -.resize(@direction: both) { -resize : @direction; -overflow : auto; } - -// .userselect(VALUE) (all, element, none, text) -.user-select(@select) { --webkit-user-select : @select; --moz-user-select : @select; --o-user-select : @select; -user-select : @select; } - -// Hidden but available to speaking browsers -.visuallyhidden() { -overflow : hidden; -position : absolute; -clip : rect(0 0 0 0); -height : 1px; -width : 1px; -margin : -1px; -padding : 0; -border : 0; } - -// Make visuallyhidden focusable with a keyboard -.visuallyhidden.focusable:active, -.visuallyhidden.focusable:focus { -position : static; -clip : auto; -height : auto; -width : auto; -margin : 0; -overflow: visible; } - -// MEDIA QUERIES -// -------------------------------------------------- - -@small: ~"only screen and (min-width: 30em)"; -@medium: ~"only screen and (min-width: 48em)"; -@large: ~"only screen and (min-width: 62.5em)"; -@highdensity: ~"only screen and (-webkit-min-device-pixel-ratio: 1.5)", - ~"only screen and (-o-min-device-pixel-ratio: 3/2)", - ~"only screen and (min-resolution: 144dpi)", - ~"only screen and (min-resolution: 1.5dppx)"; \ No newline at end of file diff --git a/assets/less/site.less b/assets/less/site.less deleted file mode 100644 index b81e95e..0000000 --- a/assets/less/site.less +++ /dev/null @@ -1,66 +0,0 @@ -// Selection -// -------------------------------------------------- - -::-moz-selection { - background-color: lighten(@base-color, 65%); - color: @base-color; - text-shadow: none; -} -::selection { - background-color: lighten(@base-color, 65%); - color: @base-color; - text-shadow: none; -} - -// Webkit Custom Scrollbar -// -------------------------------------------------- -::-webkit-scrollbar { - width: 12px; - height: 12px; -} -/* Track */ -::-webkit-scrollbar-track { - -webkit-box-shadow: inset 0 0 6px fade(@black,30); - -webkit-border-radius: 10px; - border-radius: 10px; -} -/* Handle */ -::-webkit-scrollbar-thumb { - -webkit-border-radius: 10px; - border-radius: 10px; - background: rgba(0,0,0,0.5); -} -::-webkit-scrollbar-thumb:window-inactive { - background: rgba(0,0,0,0.2); -} - -// Global Classes -// -------------------------------------------------- - -.wrap { - margin: 0 auto; -} -.all-caps { - text-transform: uppercase; -} -.pull-left { - float: left; -} -.pull-right { - float:right; -} -.unstyled-list { - list-style: none; - margin-left: 0; - padding-left: 0; - li { - list-style-type: none; - } -} - -// Global Transition -// --------------------------------------------------- - -b, i, strong, em, blockquote, p, q, span, figure, img, h1, h2, header, input, a { - .transition(all .2s ease); -} \ No newline at end of file diff --git a/assets/less/variables.less b/assets/less/variables.less deleted file mode 100644 index 57d33bb..0000000 --- a/assets/less/variables.less +++ /dev/null @@ -1,31 +0,0 @@ -// Typography -// -------------------------------------------------- - -@base-font: 'source-sans-pro', sans-serif; -@heading-font: @base-font; -@caption-font: @base-font; -@code-font: 'source-code-pro', monospace; -@alt-font: 'volkhov', serif; - -@doc-font-size: 16; -@doc-line-height: 24; - - -// set-up the body font-size / line-height -body { - margin-top: 0px + @doc-line-height; - font-size: 0px + @doc-font-size; -} - -// Colors -// -------------------------------------------------- - -@body-color : #ebebeb; -@text-color : #222; -@base-color : #343434; -@comp-color : spin(@base-color, 180); -@border-color : @base-color; -@white : #fff; -@black : #000; -@accent-color : @black; -@link-color : #222; diff --git a/blog/index.md b/blog/index.md new file mode 100644 index 0000000..07107b0 --- /dev/null +++ b/blog/index.md @@ -0,0 +1,11 @@ +--- +layout: page +title: Blog +excerpt: "An archive of blog posts sorted by date." +--- + + diff --git a/images/bio-photo-2.jpg b/images/bio-photo-2.jpg new file mode 100644 index 0000000..076a358 Binary files /dev/null and b/images/bio-photo-2.jpg differ diff --git a/index.html b/index.html index 38f4b5c..856d53d 100644 --- a/index.html +++ b/index.html @@ -1,8 +1,7 @@ --- layout: page title: Latest Posts -description: "A simple and clean responsive Jekyll theme for words and photos." -tags: [Jekyll, theme, themes, responsive, blog, minimalism] +excerpt: "A simple and clean responsive Jekyll theme for words and photos." ---
      diff --git a/package.json b/package.json index 229cea7..a3b4c53 100644 --- a/package.json +++ b/package.json @@ -18,7 +18,6 @@ "grunt-contrib-jshint": "~0.6.3", "grunt-contrib-uglify": "~0.2.2", "grunt-contrib-watch": "~0.5.2", - "grunt-recess": "~0.3.5", "grunt-contrib-imagemin": "~0.2.0", "grunt-svgmin": "~0.2.0" } diff --git a/post.thor b/post.thor deleted file mode 100644 index 71a5f6a..0000000 --- a/post.thor +++ /dev/null @@ -1,28 +0,0 @@ -require 'active_support/all' - -class Post < Thor - include Thor::Actions - - desc "new", "Creates a new post" - argument :title - def new - date = Time.now.strftime("%Y-%m-%d") - create_file "_posts/#{(date + '-' + title).parameterize}.md", <<-eos ---- -layout: post -title: #{title} -description: A description -modified: #{date} -category: articles -tags: [] -image: - credit: - creditlink: - feature: -comments: true ---- - - eos - end - -end \ No newline at end of file diff --git a/search.json b/search.json index 71caa6b..ca1542c 100644 --- a/search.json +++ b/search.json @@ -1,4 +1,5 @@ --- +sitemap: false --- [ {% for post in site.posts %} diff --git a/tags.html b/tags/index.md similarity index 91% rename from tags.html rename to tags/index.md index a7c0be1..9a3c93f 100644 --- a/tags.html +++ b/tags/index.md @@ -1,8 +1,7 @@ --- layout: page -permalink: /tags/ title: Tag Index -description: "An archive of posts sorted by tag." +excerpt: "An archive of posts sorted by tag." --- {% capture site_tags %}{% for tag in site.tags %}{{ tag | first }}{% unless forloop.last %},{% endunless %}{% endfor %}{% endcapture %} diff --git a/theme-setup.md b/theme-setup.md deleted file mode 100644 index a7d2637..0000000 --- a/theme-setup.md +++ /dev/null @@ -1,293 +0,0 @@ ---- -layout: page -permalink: /theme-setup/ -title: Theme Setup -description: "Instructions on how to install and customize the Jekyll theme So Simple." -modified: 2013-09-11 -tags: [Jekyll, theme, install, setup] ---- - -General notes and suggestions for customizing **So Simple Theme**. - -* Table of Contents -{:toc} - -## Basic Setup for a new Jekyll site - -1. [Install Bundler](http://bundler.io) `gem install bundler` and then install [Jekyll](http://jekyllrb.com) and all dependencies `bundle install`. -2. Fork the [So Simple Theme repo](https://github.com/mmistakes/so-simple-theme/fork). -3. Clone the repo you just forked and rename it. -4. Edit `_config.yml` to personalize your site. -5. Check out the sample posts in `_posts` to see examples for pulling in large feature images, assigning categories and tags, and other YAML data. -6. Read the documentation below for further customization pointers and documentation. - - - -**Pro-tip:** Delete the `gh-pages` branch after cloning and start fresh by branching off `master`. There is a bunch of garbage in `gh-pages` used for the theme's demo site that I'm guessing you don't want on your site. -{: .notice} - ---- - -## Setup for an Existing Jekyll site - -1. Clone the following folders: `_includes`, `_layouts`, `assets`, and `images`. -2. Clone the following files and personalize content as need: `about.md`, `articles.html`, `index.html`, `tags.html`, `feed.xml`, and `sitemap.xml`. -3. Set the following variables in your `config.yml` file: - -{% highlight yaml %} -title: Site Title -description: Site description for the metas. -logo: site-logo.png -disqus_shortname: shortname -search: true -# Your site's domain goes here. When working locally use localhost server leave blank -# PS. If you set this wrong stylesheets and scripts won't load and most links will break. -# PPS. If you leave it blank for local testing home links won't work, they'll be fine for live domains though. -url: http://localhost:4000 - -# Owner/author information -owner: - name: Your Name - avatar: your-photo.jpg - email: your@email.com - # Social networking links used in footer. Update and remove as you like. - twitter: - facebook: - github: - linkedin: - instagram: - tumblr: - # For Google Authorship https://plus.google.com/authorship - google_plus: "http://plus.google.com/123123123123132123" - -# Analytics and webmaster tools stuff goes here -google_analytics: -google_verify: -# https://ssl.bing.com/webmaster/configure/verify/ownership Option 2 content= goes here -bing_verify: - -# Links to include in top navigation -# For external links add external: true -links: - - title: About - url: /about/ - - title: Articles - url: /articles/ - - title: Google - url: http://google.com - external: true - -# http://en.wikipedia.org/wiki/List_of_tz_database_time_zones -timezone: America/New_York -pygments: true -markdown: kramdown - -# https://github.com/mojombo/jekyll/wiki/Permalinks -permalink: /:categories/:title/ -{% endhighlight %} - ---- - -## Folder Structure - -{% highlight bash %} -so-simple-theme/ -├── _includes/ -| ├── browser-upgrade.html #prompt to upgrade browser on < IE8 -| ├── footer.html #site footer -| ├── head.html #site head -| ├── navigation.html #site navigation and masthead -| └── scripts.html #jQuery, plugins, GA, etc. -├── _layouts/ -| ├── page.html #page layout -| └── post.html #post layout -├── _posts/ -├── assets/ -| ├── css/ #preprocessed less styles -| ├── fonts/ #icon webfonts -| ├── js/ -| | ├── _main.js #main JavaScript file, plugin settings, etc -| | ├── plugins #jQuery plugins -| | └── vendor/ #jQuery and Modernizr -| └── less/ -├── images #images for posts and pages -├── _config.yml #Jekyll site options -├── about.md #about page -├── articles.html #lists all posts from latest to oldest -├── index.html #homepage. lists 10 latest posts -└── tags.html #lists all posts sorted by tag -{% endhighlight %} - ---- - -## Customization - -### _config.yml - -Most of the variables found here are used in the .html files found in `_includes` if you need to add or remove anything. A good place to start would be to change the title, tagline, description, and url of your site. Links are absolute and prefixed with `{{ "{{ site.url " }}}}` in the various `_includes` and `_layouts`, so remember to properly set `url`[^1] and use `http://localhost:4000` when developing locally or else the theme's stylesheet and scripts won't load. -#### Disqus Comments - -Create a [Disqus](http://disqus.com) account and change `disqus_shortname` in `_config.yml` to the Disqus *shortname* you just setup. To enable commenting on a post, add the following to its front matter: - -{% highlight yaml %} -comments: true -{% endhighlight %} - -#### Owner/Author Information - -Change your name, and avatar photo (200x200 pixels or larger), email, and social networking urls. If you want to link to an external image on Gravatar or something similiar you'll need to edit the path in `head.html` since it assumes it is located in `/images`. - -Including a link to your Google+ profile has the added benefit of displaying [Google Authorship](https://plus.google.com/authorship) in Google search results if you've went ahead and applied for it. - -#### Google Analytics and Webmaster Tools - -Your Google Analytics ID goes here along with meta tags for [Google Webmaster Tools](http://support.google.com/webmasters/bin/answer.py?hl=en&answer=35179) and [Bing Webmaster Tools](https://ssl.bing.com/webmaster/configure/verify/ownership) site verification. - -#### Top Navigation Links - -Edit page/post titles and URLs to include in the site's navigation. For external links add `external: true`. - -{% highlight yaml %} -# sample top navigation links -links: - - title: About Page - url: /about/ - - title: Articles - url: /articles/ - - title: Other Page - url: /other-page/ - - title: External Link - url: http://mademistakes.com - external: true -{% endhighlight %} - -#### Simple Search - -Adding the following to `_config.yml` enables search using Christian Fei's [Simple Jekyll jQuery plugin](https://github.com/christian-fei/Simple-Jekyll-Search). Clicking search will trigger a fullscreen overlay that searches post titles' using an autogenerated JSON file. - -{% highlight yaml %} -search: true -{% endhighlight %} - -
      - search screenshot -
      Clicking search triggers an overlay that allows you to search by post title.
      -
      - -#### Other Stuff - -The rest is just your average Jekyll config settings. Nothing too crazy here... - -### _includes - -For the most part you can leave these as is since the author/owner details are pulled from `_config.yml`. That said you'll probably want to customize the copyright stuff in `footer.html` to your liking. - -### Adding Posts and Pages - -There are two main content layouts: `post.html` (for posts) and `page.html` (for pages). Both have support for large **feature images** that span the full-width of the screen, and both are meant for text heavy blog posts (or articles). - -There are two rake tasks that can be used to create a new post or page with all YAML Front Matter. Using either `rake new_post` or `rake new_page` will prompt you for a title and tags to classify them. Example below: - -{% highlight bash %} -rake new_post - -Enter a title for your post: My Awesome Post -Enter tags to classify your post (comma separated): web development, code -Creating new post: _posts/2014-02-10-my-awesome-post.md -{% endhighlight %} - -There are a few configuration variables that can be changed in `Rakefile.rb`. By default posts and pages will be created in MarkDown using the `.md` extension. - -#### Feature Images - -A good rule of thumb is to keep feature images nice and wide so you don't push the body text too far down. An image cropped to around 1024 x 256 pixels will keep file size down with an acceptable resolution for most devices. If you want to serve these images responsively I'd suggest looking at [Picturefill](https://github.com/scottjehl/picturefill) or [Adaptive Images](http://adaptive-images.com/). - -The two layouts make the assumption that the feature images live in the *images* folder. To add a feature image to a post or page just include the filename in the front matter like so. - -{% highlight yaml %} -image: - feature: feature-image-filename.jpg - thumb: thumbnail-image.jpg #keep it square 200x200 px is good -{% endhighlight %} - -If you want to apply attribution to a feature image use the following YAML front matter on posts or pages. Image credits appear directly below the feature image with a link back to the original source. - -{% highlight yaml %} -image: - feature: feature-image-filename.jpg - credit: Michael Rose #name of the person or site you want to credit - creditlink: http://mademistakes.com #url to their site or licensing -{% endhighlight %} - -#### Categories - -In the sample `_posts` folder you may have noticed `category: articles` in the front matter. I like keeping all posts grouped in the same folder. If you decide to rename or add categories you will need to modify the permalink in `articles.md` along with the filename (if renaming). - -For example. Say you want to group all your posts under `blog/` instead of `articles/`. In your post add `category: blog` to the front matter, rename or duplicate `articles.html` to `blog.html` and change the permalink in that file to `permalink: /blog/`. - -If done correctly `/blog/` should be a page listing all of the site's posts. - -**ProTip:** To create multiple category pages, listing posts assigned to just that category modify the `for post` loop found in `articles.html` to something like `{{ "{% for post in site.categories.articles " }}%}`. Just be careful if you decide to paginate this page, Jekyll won't limit it to the category and will pull from all of your posts unless you use a plugin or a mess of Liquid if statements. -{: .notice} - -#### Post/Page Thumbnails for OG and Twitter Cards - -Post and page thumbnails work the same way. These are used by [Open Graph](https://developers.facebook.com/docs/opengraph/) and [Twitter Cards](https://dev.twitter.com/docs/cards) meta tags found in `head.html`. If you don't assign a thumbnail the image you assigned to `site.owner.avatar` in `_config.yml will be used. - -Here's an example of what a tweet to your site could look like if you activate Twitter Cards and include all the metas in your post's YAML. - -![Twitter Card summary large image screenshot]({{ site.url }}/images/twitter-card-summary-large-image.jpg) - -#### Videos - -Video embeds are responsive and scale with the width of the main content block with the help of [FitVids](http://fitvidsjs.com/). - -Not sure if this only effects Kramdown or if it's an issue with Markdown in general. But adding YouTube video embeds causes errors when building your Jekyll site. To fix add a space between the ` -{% endhighlight %} - -#### Social Share Links - -To enable Facebook, Twitter, and Google+ share links on a post or page, add the following to its front matter: - -{% highlight yaml %} -share: true -{% endhighlight %} - -#### Twitter Cards - -Twitter cards make it possible to attach images and post summaries to Tweets that link to your content. Summary Card meta tags have been added to `head.html` to support this, you just need to [validate and apply your domain](https://dev.twitter.com/docs/cards) to turn it on. - -#### Link Post Type - -So Simple Theme now supports **link posts**, made famous by John Gruber. To activate just add `link: http://url-you-want-linked` to the post's YAML front matter and you're done. Here's an [example of a link post]({{ site.url }}/articles/sample-link-post) if you need a visual. - ---- - -## Theme Development - -If you want to easily skin the themes' colors and fonts, take a look at `variables.less` in `assets/less/` and make the necessary changes to the color and font variables. To make development easier I setup a Grunt build script to compile/minify the LESS files into `main.min.css` and lint/concatenate/minify all scripts into `scripts.min.js`. [Install Node.js](http://nodejs.org/), then [install Grunt](http://gruntjs.com/getting-started), and then finally install the dependencies for the theme contained in `package.json`: - -{% highlight bash %} -npm install -{% endhighlight %} - -From the theme's root, use `grunt` to rebuild the CSS, concatenate JavaScript files, and optimize .jpg, .png, and .svg files in the `images/` folder. You can also use `grunt watch` in combination with `jekyll build --watch` to watch for updates to your LESS and JS files that Grunt will then automatically re-build as you write your code which will in turn auto-generate your Jekyll site when developing locally. - -And if the command line isn't your thing (you're using Jekyll so it probably is), [CodeKit](http://incident57.com/codekit/) for Mac OS X and [Prepros](http://alphapixels.com/prepros/) for Windows are great alternatives. - ---- - -## Questions? - -Having a problem getting something to work or want to know why I setup something in a certain way? Ping me on Twitter [@mmistakes](http://twitter.com/mmistakes) or [file a GitHub Issue](https://github.com/mmistakes/so-simple-theme/issues/new). - -## License - -This theme is free and open source software, distributed under the MIT License. So feel free to to modify this theme to suit your needs. - -If you'd like to give me credit somewhere on your blog or tweet a shout out to [@mmistakes](https://twitter.com/mmistakes), that would be pretty sweet. - -[^1]: Used to generate absolute urls in `sitemap.xml`, `feed.xml`, and for canonical urls in `head.html`. Don't include a trailing `/` in your base url ie: http://mademistakes.com. When developing locally I suggest using `http://localhost:4000` or whatever server you're using to properly load the theme's stylesheet, scripts, and image assets. If you leave this variable blank all links will resolve correctly except those pointing home. \ No newline at end of file diff --git a/theme-setup/index.md b/theme-setup/index.md new file mode 100644 index 0000000..184e2e1 --- /dev/null +++ b/theme-setup/index.md @@ -0,0 +1,326 @@ +--- +layout: page +title: Theme Setup +excerpt: "Instructions on how to install and customize the Jekyll theme So Simple." +modified: +--- + +General notes and suggestions for customizing **So Simple Theme**. + +* Table of Contents +{:toc} + +## Installation + +So Simple now requires [Jekyll](http://jekyllrb.com/) 2.x. Make sure to run `gem update jekyll` if you aren't on the latest version or `gem install jekyll` if this is your first time installing it. + +If you are creating a new Jekyll site using So Simple follow these steps: + +1. Fork the [So Simple repo](http://github.com/mmistakes/so-simple-theme/fork). +2. Clone the repo you just forked and rename it. +3. [Install Bundler](http://bundler.io) `gem install bundler` and Run `bundle install` to install all dependencies (Jekyll, [Jekyll-Sitemap](https://github.com/jekyll/jekyll-sitemap), [Octopress](https://github.com/octopress/octopress), etc) +4. Update `config.yml`, add navigation, and replace demo posts and pages with your own. Full details below. + +If you want to use So Simple with an existing Jekyll site follow these steps: + +1. [Download So Simple](https://github.com/mmistakes/so-simple-theme/archive/master.zip) and unzip. +2. Rename `so-simple-theme-master` to something meaningful ie: `new-site` +3. Run `bundle install` to install all dependencies (Jekyll, [Jekyll-Sitemap](https://github.com/jekyll/jekyll-sitemap), [Octopress](https://github.com/octopress/octopress), etc) +4. Remove demo posts/pages and replace with your own posts, pages, and any other content you want to move over. +5. Update posts' and pages' YAML to match variables used by So Simple. Full details below. +6. Update `_config.yml` and add navigation links and additional author data if applicable. Full details below. + +**Pro-tip:** Delete the `gh-pages` branch after cloning and start fresh by branching off `master`. There is a bunch of garbage in `gh-pages` used for the theme's demo site that I'm guessing you won't want. +{: .notice} + +--- + +## Scaffolding + +How So Simple is organized and what the various files are. All posts, layouts, includes, stylesheets, assets, and whatever else is grouped nicely under the root folder. The compiled Jekyll site outputs to `_site/`. + +{% highlight text %} +so-simple-theme/ +├── _includes/ +| ├── browser-upgrade.html # prompt to install a modern browser for < IE9 +| ├── disqus_comments.html # Disqus comments script +| ├── footer.html # site footer +| ├── head.html # site head +| ├── navigation.html # site top navigation +| ├── open-graph.html # Twitter Cards and Open Graph meta data +| └── scripts.html # site scripts +| └── site-search.html # site search overlay +├── _layouts/ +| ├── page.html # single column page layout +| └── post.html # main content with sidebar for author/post details +├── _posts/ # MarkDown formatted posts +├── _sass/ # Sass stylesheets +├── _templates/ # used by Octopress to define YAML variables for new posts/pages +├── about/ # sample about page +├── articles/ # sample articles category page +├── assets/ +| ├── css/ # compiled stylesheets +| ├── fonts/ # webfonts +| ├── js/ +| | ├── _main.js # main JavaScript file, plugin settings, etc +| | ├── plugins/ # scripts and jQuery plugins to combine with _main.js +| | ├── scripts.min.js # concatenated and minified _main.js + plugin scripts +| | └── vendor/ # vendor scripts to leave alone and load as is +| └── less/ +├── blog/ # sample blog category page +├── images/ # images for posts and pages +├── 404.md # 404 page +├── feed.xml # Atom feed template +├── index.md # sample homepage. lists 5 latest posts +└── theme-setup/ # theme setup page. safe to remove +{% endhighlight %} + +--- + +## Site Setup + +A quick checklist of the files you'll want to edit to get up and running. + +### Site Wide Configuration + +`_config.yml` is your friend. Open it up and personalize it. Most variables are self explanatory but here's an explanation of each if needed: + +#### title + +The title of your site... shocker! + +Example `title: My Awesome Site` + +#### logo + +Your site's logo, appears in the header below the navigation bar and is used as a default image for Twitter Cards when a feature is not defined. Place in the `images` folder. + +#### url + +Used to generate absolute URLs for sitemaps, feeds and for generating canonical URLs in a page's ``. When developing locally either comment this out or use something like `http://localhost:4000` so all assets load properly. *Don't include a trailing `/`*. + +Examples: + +{% highlight yaml %} +url: http://mmistakes.github.io/so-simple-theme +url: http://localhost:4000 +url: http://mademistakes.com +url: +{% endhighlight %} + +#### Google Analytics and Webmaster Tools + +Google Analytics UA and Webmaster Tool verification tags can be entered under `owner` in `_config.yml`. For more information on obtaining these meta tags check [Google Webmaster Tools](http://support.google.com/webmasters/bin/answer.py?hl=en&answer=35179) and [Bing Webmaster Tools](https://ssl.bing.com/webmaster/configure/verify/ownership) support. + +### Navigation Links + +To set what links appear in the top navigation edit `_data/navigation.yml`. Use the following format to set the URL and title for as many links as you'd like. *External links will open in a new window.* + +{% highlight yaml %} +- title: Portfolio + url: /portfolio/ + +- title: Made Mistakes + url: http://mademistakes.com +{% endhighlight %} + +--- + +## Adding New Content + +Install the [Octopress](https://github.com/octopress/octopress) gem if it isn't already. + +{% highlight bash %} +$ gem install octopress --pre +{% endhighlight %} + +### New Post + +Default command + +{% highlight bash %} +$ octopress new post "Post Title" +{% endhighlight %} + +Default works great if you want all your posts in one directory, but if you're like me and want to group them into subfolders like `/posts`, `/portfolio`, etc. Then this is the command for you. By specifying the DIR it will create a new post in that folder and populate the `categories:` YAML with the same value. + +{% highlight bash %} +$ octopress new post "New Post Title" --dir posts +{% endhighlight %} + +### New Page + +To create a new page use the following command. + +{% highlight bash %} +$ octopress new page new-page/ +{% endhighlight %} + +This will create a page at `/new-page/index.md` + +--- + +## Layouts and Content + +Explanations of the various `_layouts` included with the theme and when to use them. + +### Post and Page + +These two layouts are very similar. Both have an author sidebar, allow for large feature images at the top, and optional Disqus comments. The only real difference is the post layout includes related posts at the end of the page. + +### Post Index Page + +A [sample index page]({{ site.url }}/posts/) listing all posts grouped by the year they were published has been provided. The name can be customized to your liking by editing a few references. For example, to change **Posts** to **Writing** update the following: + +* In `_config.yml` under `links:` rename the title and URL to the following: +{% highlight yaml %} + links: + - title: Writing + url: /writing/ +{% endhighlight %} +* Rename `posts/index.md` to `writing/index.md` and update the YAML front matter accordingly. +* Update the **View all posts** link in the `post.html` layout found in `_layouts` to match title and URL set previously. + +### Categories + +In the sample posts folder you may have noticed `categories: articles` in the YAML front matter. Categories can be used to group posts into sub-folders. If you decide to rename or add categories you will need to create new category index pages. + +For example. Say you want to group all your posts under blog/ instead of articles/. In your post add `category: blog` to the YAML front matter, rename or duplicate articles/index.md to blog/index.md and update the *for loop* to limit posts to just the blog category. + +{% highlight text %} +{% raw %} +{% for post in site.categories.blog %} +{% endraw %} +{% endhighlight %} + +If done correctly /blog/ should be a page index of only posts with a category of `blog`. + +#### Social Share Links + +To add Facebook, Twitter, and Google+ share links to a post add the following YAML front matter. + +{% highlight yaml %} +share: true +{% endhighlight %} + +Share links appear below author details in the sidebar. + +### Feature Images + +A good rule of thumb is to keep feature images nice and wide so you don't push the body text too far down. An image cropped around around 1024 x 256 pixels will keep file size down with an acceptable resolution for most devices. If you want to serve these images responsively I'd suggest looking at the [Jekyll Picture Tag](https://github.com/robwierzbowski/jekyll-picture-tag) plugin[^plugins]. + +[^plugins]: If you're using GitHub Pages to host your site be aware that plugins are disabled. You'll need to build your site locally and then manually deploy if you want to use this sweet plugin. + +The post and page layouts make the assumption that the feature images live in the `images/` folder. To add a feature image to a post or page just include the filename in the front matter like so. + +{% highlight yaml %} +image: + feature: feature-image-filename.jpg + thumb: thumbnail-image.jpg #keep it square 200x200 px is good +{% endhighlight %} + +To add attribution to a feature image use the following YAML front matter on posts or pages. Image credits appear directly below the feature image with a link back to the original source if supplied. + +{% highlight yaml %} +image: + feature: feature-image-filename.jpg + credit: Michael Rose #name of the person or site you want to credit + creditlink: http://mademistakes.com #url to their site or licensing +{% endhighlight %} + +### Twitter Cards + +Feature and thumbnail images are used by [Open Graph](https://developers.facebook.com/docs/opengraph/) and [Twitter Cards](https://dev.twitter.com/docs/cards) as well. If you don't assign a thumbnail the site logo is used. + +Here's an example of a tweet with Twitter Cards enabled. + +![Twitter Card summary large image screenshot]({{ site.url }}/images/twitter-card-summary-large-image.jpg) + +**Pro-Tip**: You need to [apply for Twitter Cards](https://dev.twitter.com/docs/cards) before they will begin showing up when links to your site are shared. +{:.notice} + +#### Link Post Type + +So Simple Theme now supports **link posts**, made famous by John Gruber. To activate just add `link: http://url-you-want-linked` to the post's YAML front matter and you're done. Here's an [example of a link post]({{ site.url }}/articles/sample-link-post) if you need a visual. + +#### Author Override + +By making use of data files you can assign different authors for each post. + +Start by modifying `authors.yml` file in the `_data` folder and add your authors using the following format. + +{% highlight yaml %} +# Authors + +billy_rick: + name: Billy Rick + web: http://thewhip.com + email: billy@rick.com + bio: "What do you want, jewels? I am a very extravagant man." + avatar: bio-photo-2.jpg + twitter: extravagantman + google: + plus: +BillyRick + +cornelius_fiddlebone: + name: Cornelius Fiddlebone + email: cornelius@thewhip.com + bio: "I ordered what?" + avatar: bio-photo.jpg + twitter: rhymeswithsackit + google: + plus: +CorneliusFiddlebone +{% endhighlight %} + +To assign Billy Rick as an author for our post. We'd add the following YAML front matter to a post: + +{% highlight yaml %} +author: billy_rick +{% endhighlight %} + +#### Simple Search + +Adding `search: true` to your `_config.yml` enables search using Christian Fei's [Simple Jekyll jQuery plugin](https://github.com/christian-fei/Simple-Jekyll-Search). Clicking the search link in the navigation bar will overlay a Search box that searches on post titles using an auto generated JSON file. + +
      + search screenshot +
      Search your site by post title
      +
      + +#### Videos + +Video embeds are responsive and scale with the width of the main content block with the help of [FitVids](http://fitvidsjs.com/). + +Not sure if this only effects Kramdown or if it's an issue with Markdown in general. But adding YouTube video embeds causes errors when building your Jekyll site. To fix add a space between the ` +{% endhighlight %} + +--- + +## Further Customization + +Jekyll 2.x added support for Sass files making it much easier to modify a theme's fonts and colors. By editing values found in `_sass/variables.scss` you can fine tune the site's colors and typography. + +For example if you wanted a red background instead of white you'd change `$body-color: #ebebeb;` to `$body-color: $cc0033;`. + +To modify the site's JavaScript files I setup a Grunt build script to lint/concatenate/minify all scripts into `scripts.min.js`. [Install Node.js](http://nodejs.org/), then [install Grunt](http://gruntjs.com/getting-started), and then finally install the dependencies for the theme contained in `package.json`: + +{% highlight bash %} +npm install +{% endhighlight %} + +From the theme's root, run `grunt` to concatenate JavaScript files, and optimize all .jpg, .png, and .svg files in the `images/` folder. You can also use `grunt dev` in combination with `jekyll build --watch` to watch for updates JS files that Grunt will then automatically re-build as you write your code which will in turn auto-generate your Jekyll site when developing locally. + +--- + +## Questions? + +Found a bug or aren't quite sure how something works? By all means Ping me on Twitter [@mmistakes](http://twitter.com/mmistakes) or [file a GitHub Issue](https://github.com/mmistakes/so-simple-theme/issues/new). And if you make something cool with this theme feel free to let me know. + +--- + +## License + +This theme is free and open source software, distributed under the MIT License. So feel free to use this Jekyll theme on your site without linking back to me or including a disclaimer. \ No newline at end of file