First tests with the awesome minimal mistakes theme

This commit is contained in:
julien lengrand-lambert
2014-02-11 21:42:58 +01:00
parent 248269896d
commit 3c697877b5
68 changed files with 5608 additions and 11 deletions

19
404.md Normal file
View File

@@ -0,0 +1,19 @@
---
layout: page
title: "Page Not Found"
description: "Page not found. Your pixels are in another canvas."
image:
feature: texture-feature-01.jpg
credit: Texture Lovers
creditlink: http://texturelovers.com
---
Sorry, but the page you were trying to view does not exist --- perhaps you can try searching for it below.
<script type="text/javascript">
var GOOG_FIXURL_LANG = 'en';
var GOOG_FIXURL_SITE = '{{ site.url }}'
</script>
<script type="text/javascript"
src="http://linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js">
</script>

View File

@@ -1,4 +1,68 @@
name: Look up to the future title: Site Title
markdown: redcarpet tagline: A short tagline
pygments: true description: Describe your website.
# Your site's domain goes here. Leave localhost server or blank when working locally.
url: http://localhost:4000
# Owner/author information
owner:
name: Your Name
avatar: bio-photo.jpg
bio: "Describe your self."
email: your@email.com
# Social networking links are used in author-bio sidebar. Update and remove as you like.
twitter:
facebook:
github:
linkedin:
instagram:
lastfm:
tumblr:
# For Google Authorship https://plus.google.com/authorship
google_plus:
# 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: Posts
url: /posts/
- title: Theme Setup
url: /theme-setup/
- title: Made Mistakes
url: http://mademistakes.com
external: true
# http://en.wikipedia.org/wiki/List_of_tz_database_time_zones
timezone: America/New_York
future: true
pygments: true
markdown: kramdown
# https://github.com/mojombo/jekyll/wiki/Permalinks
# permalink: /:categories/:title/
permalink: /:year/:month/:title permalink: /:year/:month/:title
kramdown:
auto_ids: true
footnote_nr: 1
entity_output: as_char
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", "Capfile", "config", "log", "Rakefile", "Rakefile.rb", "tmp", "less", "*.sublime-project", "*.sublime-workspace", "test", "spec", "Gruntfile.js", "package.json", "node_modules"]

View File

@@ -0,0 +1,11 @@
<img src="{{ site.url }}/images/{{ site.owner.avatar }}" class="bio-photo" alt="{{ site.owner.name }} bio photo"></a>
<h3>{{ site.owner.name }}</h3>
<p>{{ site.owner.bio }}</p>
{% if site.owner.twitter %}<a href="http://twitter.com/{{ site.owner.twitter }}" class="author-social" target="_blank"><i class="icon-twitter"></i> Twitter</a>{% endif %}
{% if site.owner.facebook %}<a href="http://facebook.com/{{ site.owner.facebook }}" class="author-social" target="_blank"><i class="icon-facebook"></i> Facebook</a>{% endif %}
{% if site.owner.google_plus %}<a href="{{ site.owner.google_plus }}" class="author-social" target="_blank"><i class="icon-google-plus"></i> Google+</a>{% endif %}
{% if site.owner.linkedin %}<a href="http://linkedin.com/in/{{ site.owner.linkedin }}" class="author-social" target="_blank"><i class="icon-linkedin"></i> LinkedIn</a>{% endif %}
{% if site.owner.instagram %}<a href="http://instagram.com/{{ site.owner.instagram }}" class="author-social" target="_blank"><i class="icon-instagram"></i> Instagram</a>{% endif %}
{% if site.owner.github %}<a href="http://github.com/{{ site.owner.github }}" class="author-social" target="_blank"><i class="icon-github"></i> Github</a>{% endif %}
{% if site.owner.lastfm %}<a href="http://lastfm.com/user/{{ site.owner.lastfm }}" class="author-social" target="_blank"><i class="icon-lastfm"></i> Last.fm</a>{% endif %}
{% if site.owner.tumblr %}<a href="http://{{ site.owner.tumblr }}.tumblr.com" class="author-social" target="_blank"><i class="icon-tumblr"></i> Tumblr</a>{% endif %}

View File

@@ -0,0 +1 @@
<!--[if lt IE 9]><div class="browser-upgrade alert alert-info">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</div><![endif]-->

1
_includes/_footer.html Normal file
View File

@@ -0,0 +1 @@
<span>&copy; {{ site.time | date: '%Y' }} {{ site.owner.name }}. Powered by <a href="http://jekyllrb.com">Jekyll</a> using the <a href="http://mademistakes.com/">Minimal Mistakes</a> theme.</span>

62
_includes/_head.html Normal file
View File

@@ -0,0 +1,62 @@
<meta charset="utf-8">
<title>{% if page.title %}{{ page.title }} &#8211; {% endif %}{{ site.title }}</title>
<meta name="description" content="{{ page.description }}">
<meta name="keywords" content="{{ page.tags | join: ', ' }}">
{% if site.owner.twitter %}<!-- Twitter Cards -->
{% if page.image.feature %}<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="{{ site.url }}/images/{{ page.image.feature }}">
{% else %}<meta name="twitter:card" content="summary">
<meta name="twitter:image" content="{% if page.image.thumb %}{{ site.url }}/images/{{ page.image.thumb }}{% else %}{{ site.url }}/images/{{ site.logo }}{% endif %}">{% endif %}
<meta name="twitter:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}">
<meta name="twitter:description" content="{% if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}">
<meta name="twitter:creator" content="@{{ site.owner.twitter }}">{% endif %}
<!-- Open Graph -->
<meta property="og:locale" content="en_US">
<meta property="og:type" content="article">
<meta property="og:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}">
<meta property="og:description" content="{% if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}">
<meta property="og:url" content="{{ site.url }}{{ page.url }}">
<meta property="og:site_name" content="{{ site.title }}">
{% if site.google_verify %}<!-- Webmaster Tools verfication -->
<meta name="google-site-verification" content="{{ site.google_verify }}">{% endif %}
{% if site.bing_verify %}<meta name="msvalidate.01" content="{{ site.bing_verify }}">{% endif %}
{% capture canonical %}{{ site.url }}{% if site.permalink contains '.html' %}{{ page.url }}{% else %}{{ page.url | remove:'index.html' | strip_slash }}{% endif %}{% endcapture %}
<link rel="canonical" href="{{ canonical }}">
<link href="{{ site.url }}/feed.xml" type="application/atom+xml" rel="alternate" title="{{ site.title }} Feed">
{% if site.owner.google_plus %}<link rel="author" href="{{ site.owner.google_plus }}?rel=author">{% endif %}
<!-- http://t.co/dKP3o1e -->
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Google Webfonts -->
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700|PT+Serif:400,700,400italic' rel='stylesheet' type='text/css'>
<!-- For all browsers -->
<link rel="stylesheet" href="{{ site.url }}/assets/css/main.min.css">
<!--[if (lt IE 9) & (!IEMobile)]>
<link rel="stylesheet" href="{{ site.url }}/assets/css/ie.min.css">
<![endif]-->
<meta http-equiv="cleartype" content="on">
<!-- Load Modernizr -->
<script src="{{ site.url }}/assets/js/vendor/modernizr-2.6.2.custom.min.js"></script>
<!-- Icons -->
<!-- 16x16 -->
<link rel="shortcut icon" href="{{ site.url }}/favicon.ico">
<!-- 32x32 -->
<link rel="shortcut icon" href="{{ site.url }}/favicon.png">
<!-- 57x57 (precomposed) for iPhone 3GS, pre-2011 iPod Touch and older Android devices -->
<link rel="apple-touch-icon-precomposed" href="{{ site.url }}/images/apple-touch-icon-precomposed.png">
<!-- 72x72 (precomposed) for 1st generation iPad, iPad 2 and iPad mini -->
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="{{ site.url }}/images/apple-touch-icon-72x72-precomposed.png">
<!-- 114x114 (precomposed) for iPhone 4, 4S, 5 and post-2011 iPod Touch -->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="{{ site.url }}/images/apple-touch-icon-114x114-precomposed.png">
<!-- 144x144 (precomposed) for iPad 3rd and 4th generation -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{ site.url }}/images/apple-touch-icon-144x144-precomposed.png">

View File

@@ -0,0 +1,15 @@
<div class="navigation-wrapper">
<div class="site-name">
<a href="{{ site.url }}">{{ site.title }}</a>
</div><!-- /.site-name -->
<div class="top-navigation">
<nav role="navigation">
<ul>
{% for link in site.links %}
<li><a href="{% if link.external %}{{ link.url }}{% else %}{{ site.url }}{{ link.url }}{% endif %}" {% if link.external %}target="_blank"{% endif %}>{{ link.title }}</a></li>
{% endfor %}
<li><i class="icon-feed"></i> <a href="{{ site.url }}/feed.xml" title="Atom/RSS feed">Feed</a>
</ul>
</nav>
</div><!-- /.top-navigation -->
</div><!-- /.navigation-wrapper -->

20
_includes/_scripts.html Normal file
View File

@@ -0,0 +1,20 @@
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="{{ site.url }}/assets/js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
<script src="{{ site.url }}/assets/js/scripts.min.js"></script>
{% if site.google_analytics %}
<!-- Asynchronous Google Analytics snippet -->
<script>
var _gaq = _gaq || [];
var pluginUrl =
'//www.google-analytics.com/plugins/ga/inpage_linkid.js';
_gaq.push(['_require', 'inpage_linkid', pluginUrl]);
_gaq.push(['_setAccount', '{{ site.google_analytics }}']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
{% endif %}

44
_layouts/home.html Normal file
View File

@@ -0,0 +1,44 @@
<!doctype html>
<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if (IE 7)&!(IEMobile)]><html class="no-js lt-ie9 lt-ie8" lang="en"><![endif]-->
<!--[if (IE 8)&!(IEMobile)]><html class="no-js lt-ie9" lang="en"><![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"><!--<![endif]-->
<head>
{% include _head.html %}
</head>
<body class="home">
{% include _browser-upgrade.html %}
{% include _navigation.html %}
{% if page.image.feature %}<div class="image-wrap">
<img src="{{ site.url }}/images/{{ page.image.feature }}" alt="{{ page.title }} feature image">
{% if page.image.credit %}<span class="image-credit">Photo Credit: <a href="{{ page.image.creditlink }}">{{ page.image.credit }}</a></span>{% endif %}
</div><!-- /.image-wrap -->{% endif %}
<div class="article-author-side">
{% include _author-bio.html %}
</div>
<div id="index">
<h3><a href="{{ site.url}}/articles/">Articles</a></h3>
{% for post in site.posts limit:5 %}
<article>
<h2><a href="{{ site.url }}{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a></h2>
<p>{% if post.description %}{{ post.description }}{% else %}{{ post.content | strip_html | strip_newlines | truncate: 120 }}{% endif %}</p>
</article>
{% endfor %}
</div><!-- /#index -->
<div class="footer-wrap">
<footer>
{% include _footer.html %}
</footer>
</div><!-- /.footer-wrap -->
{% include _scripts.html %}
</body>
</html>

42
_layouts/page.html Normal file
View File

@@ -0,0 +1,42 @@
<!doctype html>
<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if (IE 7)&!(IEMobile)]><html class="no-js lt-ie9 lt-ie8" lang="en"><![endif]-->
<!--[if (IE 8)&!(IEMobile)]><html class="no-js lt-ie9" lang="en"><![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"><!--<![endif]-->
<head>
{% include _head.html %}
</head>
<body class="page">
{% include _browser-upgrade.html %}
{% include _navigation.html %}
{% if page.image.feature %}<div class="image-wrap">
<img src="{{ site.url }}/images/{{ page.image.feature }}" alt="{{ page.title }} feature image">
{% if page.image.credit %}<span class="image-credit">Photo Credit: <a href="{{ page.image.creditlink }}">{{ page.image.credit }}</a></span>{% endif %}
</div><!-- /.image-wrap -->{% endif %}
<div id="main" role="main">
<div class="article-author-side">
{% include _author-bio.html %}
</div>
<article>
<h1>{{ page.title }}</h1>
<div class="article-wrap">
{{ content }}
</div><!-- /.article-wrap -->
</article>
</div><!-- /#index -->
<div class="footer-wrap">
<footer>
{% include _footer.html %}
</footer>
</div><!-- /.footer-wrap -->
{% include _scripts.html %}
</body>
</html>

53
_layouts/post-index.html Normal file
View File

@@ -0,0 +1,53 @@
<!doctype html>
<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if (IE 7)&!(IEMobile)]><html class="no-js lt-ie9 lt-ie8" lang="en"><![endif]-->
<!--[if (IE 8)&!(IEMobile)]><html class="no-js lt-ie9" lang="en"><![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"><!--<![endif]-->
<head>
{% include _head.html %}
</head>
<body class="post-index">
{% include _browser-upgrade.html %}
{% include _navigation.html %}
{% if page.image.feature %}<div class="image-wrap">
<img src="{{ site.url }}/images/{{ page.image.feature }}" alt="{{ page.title }} feature image" itemprop="primaryImageOfPage">
{% if page.image.credit %}<span class="image-credit">Photo Credit: <a href="{{ page.image.creditlink }}">{{ page.image.credit }}</a></span>{% endif %}
</div><!-- /.image-wrap -->{% endif %}
<div class="article-author-side">
{% include _author-bio.html %}
</div>
<div id="index">
<h1>{{ page.title }}</h1>
{% for post in site.posts %}
{% unless post.next %}
<h3>{{ post.date | date: '%Y' }}</h3>
{% else %}
{% capture year %}{{ post.date | date: '%Y' }}{% endcapture %}
{% capture nyear %}{{ post.next.date | date: '%Y' }}{% endcapture %}
{% if year != nyear %}
<h3>{{ post.date | date: '%Y' }}</h3>
{% endif %}
{% endunless %}
<article>
<h2><a href="{{ site.url }}{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a></h2>
<p>{% if post.description %}{{ post.description }}{% else %}{{ post.content | strip_html | strip_newlines | truncate: 120 }}{% endif %}</p>
</article>
{% endfor %}
</div><!-- /#index -->
<div class="footer-wrap">
<footer>
{% include _footer.html %}
</footer>
</div><!-- /.footer-wrap -->
{% include _scripts.html %}
</body>
</html>

View File

@@ -1,9 +1,69 @@
--- <!doctype html>
layout: default <!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
--- <!--[if (IE 7)&!(IEMobile)]><html class="no-js lt-ie9 lt-ie8" lang="en"><![endif]-->
<h2>{{ page.title }}</h2> <!--[if (IE 8)&!(IEMobile)]><html class="no-js lt-ie9" lang="en"><![endif]-->
<p class="meta">{{ page.date | date_to_string }}</p> <!--[if gt IE 8]><!--> <html class="no-js" lang="en"><!--<![endif]-->
<head>
{% include _head.html %}
</head>
<div class="post"> <body class="post">
{{ content }}
</div> {% include _browser-upgrade.html %}
{% include _navigation.html %}
{% if page.image.feature %}<div class="image-wrap">
<img src="{{ site.url }}/images/{{ page.image.feature }}" alt="{{ page.title }} feature image">
{% if page.image.credit %}<span class="image-credit">Photo Credit: <a href="{{ page.image.creditlink }}">{{ page.image.credit }}</a></span>{% endif %}
</div><!-- /.image-wrap -->{% endif %}
<div id="main" role="main">
<div class="article-author-side">
{% include _author-bio.html %}
</div>
<article>
<div class="headline-wrap">
<h1>{{ page.title }}</h1>
<h2>{{ page.tagline }}</h2>
</div><!--/ .headline-wrap -->
<div class="article-wrap">
{{ content }}
<hr />
<footer role="contentinfo">
<div class="article-author-bottom">
{% include _author-bio.html %}
</div>
<p class="byline"><strong>{{ page.title }}</strong> was published on <time datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: "%B %d, %Y" }}</time>{% if page.modified %} and last modified on <time datetime="{{ page.modified | date: "%Y-%m-%d" }}">{{ page.modified | date: "%B %d, %Y" }}</time>{% endif %} by <a href="{{ site.url }}/about" title="About {{ site.owner.name }}">{{ site.owner.name }}</a>.</p>
</footer>
</div><!-- /.article-wrap -->
</article>
</div><!-- /#main -->
<div class="footer-wrap">
{% if site.related_posts.size > 0 %}<div class="related-articles">
<h4>You might also enjoy <small class="pull-right">(<a href="{{ site.url }}/posts/">View all posts</a>)</small></h4>
<ul>
{% for post in site.related_posts limit:3 %}
{% assign match = false %}
{% for category in post.categories %}
{% if page.categories contains category %}
{% assign match = true %}
{% endif %}
{% endfor %}
{% if match %}
<li><a href="{{ site.url }}{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a></li>
{% endif %}
{% endfor %}
</ul>
<hr />
</div><!-- /.related-articles -->{% endif %}
<footer>
{% include _footer.html %}
</footer>
</div><!-- /.footer-wrap -->
{% include _scripts.html %}
</body>
</html>

29
about.md Normal file
View File

@@ -0,0 +1,29 @@
---
layout: page
permalink: /about/
title: About the Theme
tagline: Minimal Mistakes, a Jekyll Theme
tags: [about, Jekyll, theme, responsive]
modified: 9-9-2013
image:
feature: texture-feature-02.jpg
credit: Texture Lovers
creditlink: http://texturelovers.com
---
Jekyll is pretty rad and figured releasing a cleaned up version of [my site](http://mademistakes.com)[^1] as a theme for others to hack and build on would be fun. So here be that theme --- I call it **Minimal Mistakes**, a responsive Jekyll theme with large featured images and solid typography.
## Minimal Mistakes is all about:
* Responsive templates. Looking good on mobile, tablet, and desktop.
* Gracefully degrading in older browsers. Compatible with Internet Explorer 8+ and all modern browsers.
* Minimal embellishments --- content first.
* Large feature images for posts and pages.
* Author sidebar to pimp your bio, photo[^2], and social media links.
* Simple and clear permalink structure *(ie: domain.com/category/post-title)*
<a markdown="0" href="{{ site.url }}/theme-setup" class="btn">Install Minimal Mistakes Theme</a>
[^1]: Since open sourcing this theme I have released a couple other Jekyll themes. My website [Made Mistakes](http://mademistakes.com) is currently using a modified version of my [So Simple Theme](http://mmistakes.github.io/so-simple-theme/).
[^2]: Fancy avatars provided by [Brandon Mathis](http://brandonmathis.com/projects/fancy-avatars/demo/) under a [Creative Commons Attribution 3.0 License](http://creativecommons.org/licenses/by/3.0/).

1
assets/css/ie.min.css vendored Normal file

File diff suppressed because one or more lines are too long

1
assets/css/main.min.css vendored Normal file

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,94 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>
This is a custom SVG font generated by IcoMoon.
<iconset grid="16"></iconset>
</metadata>
<defs>
<font id="icomoon" horiz-adv-x="512" >
<font-face units-per-em="512" ascent="480" descent="-32" />
<missing-glyph horiz-adv-x="512" />
<glyph class="hidden" unicode="&#xf000;" d="M0,480L 512 -32L0 -32 z" horiz-adv-x="0" />
<glyph unicode="&#xe004;" d="M 427,480L 85,480 C 38.25,480,0,441.75,0,395l0-342 c0-46.75, 38.25-85, 85-85l 342,0 c 46.75,0, 85,38.25, 85,85L 512,395 C 512,441.75, 473.75,480, 427,480z
M 163.9,256l 184.2,0 c 3.494-10.029, 5.4-20.795, 5.4-32c0-53.762-43.738-97.5-97.5-97.5c-53.762,0-97.5,43.738-97.5,97.5
C 158.5,235.205, 160.406,245.971, 163.9,256z M 448,255.975L 448,128 l0-64 c0-17.6-14.4-32-32-32L 96,32 c-17.6,0-32,14.4-32,32l0,64 L 64,255.975 L 64,256
l 50.054,0 c-2.321-10.301-3.554-21.008-3.554-32c0-80.229, 65.271-145.5, 145.5-145.5c 80.229,0, 145.5,65.271, 145.5,145.5
c0,10.992-1.232,21.699-3.554,32L 448,256 L 448,255.975 z M 448,368c0-8.8-7.2-16-16-16l-32,0 c-8.8,0-16,7.2-16,16L 384,400 c0,8.8, 7.2,16, 16,16l 32,0
c 8.8,0, 16-7.2, 16-16L 448,368 z" data-tags="instagram, social" />
<glyph unicode="&#xe003;" d="M 426.672,480L 85.342,480 C 38.406,480,0,441.593,0,394.656l0-341.313 C0,6.374, 38.406-32, 85.342-32l 341.33,0.001
c 46.938,0, 85.328,38.373, 85.328,85.344L 512,394.656 C 512,441.593, 473.609,480, 426.672,480z M 435.296,224L 352,224 l0-224 l-96,0 L 256,224 l-46.263,0 l0,73.282 L 256,297.282
l0,47.593 C 256,409.546, 283.896,448, 359.935,448l 87.622,0 l0-79.285 l-71.565,0 c-21.241,0.035-23.876-11.076-23.876-31.756L 352,297.282l 96,0
L 435.296,224z" data-tags="facebook, social" />
<glyph unicode="&#xe007;" d="M 426.671,480L 85.343,480 C 38.406,480,0,441.595,0,394.655l0-341.311 C0,6.375, 38.406-32, 85.343-32l 341.328,0
C 473.609-32, 512,6.375, 512,53.345L 512,394.655 C 512,441.595, 473.609,480, 426.671,480z M 419.026,309.083
c 0.164-3.671, 0.245-7.364, 0.245-11.074c0-113.107-84.608-243.534-239.329-243.534c-47.502,0-91.717,14.174-128.943,38.459
c 6.58-0.794, 13.276-1.197, 20.065-1.197c 39.411,0, 75.679,13.685, 104.467,36.641c-36.808,0.69-67.872,25.438-78.577,59.441
c 5.137-1, 10.406-1.537, 15.826-1.537c 7.672,0, 15.103,1.048, 22.16,3.004c-38.48,7.866-67.475,42.458-67.475,83.928
c0,0.361,0,0.719, 0.008,1.076c 11.34-6.41, 24.312-10.26, 38.1-10.705c-22.571,15.349-37.421,41.546-37.421,71.244
c0,15.685, 4.147,30.389, 11.389,43.029c 41.487-51.785, 103.468-85.86, 173.377-89.431c-1.435,6.266-2.179,12.798-2.179,19.507
c0,47.269, 37.663,85.59, 84.115,85.59c 24.195,0, 46.059-10.393, 61.401-27.029c 19.16,3.838, 37.162,10.96, 53.416,20.771
c-6.281-19.988-19.617-36.761-36.983-47.355c 17.013,2.069, 33.226,6.67, 48.31,13.477C 449.725,336.226, 435.463,321.15, 419.026,309.083
z" data-tags="twitter, tweet, social" />
<glyph unicode="&#xe00a;" d="M 0.403,45.168c-0.122,1.266-0.226,2.535-0.292,3.815C 0.176,47.703, 0.281,46.434, 0.403,45.168zM 117.954,197.426c 46.005-1.369, 76.867,46.349, 68.931,106.599c-7.947,60.24-51.698,108.584-97.704,109.961
c-46.013,1.365-76.87-44.741-68.926-105C 28.196,248.752, 71.931,198.799, 117.954,197.426zM 512,352L 512,394.655 C 512,441.595, 473.609,480, 426.671,480L 85.343,480 C 39.205,480, 1.337,442.884, 0.061,397.037
c 29.181,25.693, 69.662,47.158, 111.437,47.158c 44.652,0, 178.622,0, 178.622,0l-39.974-33.809l-56.634,0
c 37.565-14.402, 57.578-58.062, 57.578-102.861c0-37.624-20.905-69.977-50.444-92.984c-28.822-22.451-34.286-31.854-34.286-50.939
c0-16.289, 30.873-44, 47.016-55.394c 47.191-33.269, 62.458-64.156, 62.458-115.728c0-8.214-1.021-16.415-3.033-24.48l 153.871,0
C 473.609-32, 512,6.375, 512,53.345L 512,319.999 l-96,0 L 416,224 l-32,0 l0,96 l-95.999,0 l0,32 L 384,352 L 384,448 l 32,0 l0-96 L 512,352 zM 92.943,97.032c 10.807,0, 20.711,0.295, 30.968,0.295c-13.573,13.167-24.313,29.3-24.313,49.19
c0,11.804, 3.782,23.168, 9.067,33.26c-5.391-0.385-10.895-0.497-16.563-0.497c-37.178,0-68.753,12.038-92.102,31.927l0-33.621
l 0.003-100.865C 26.723,89.408, 58.447,97.032, 92.943,97.032zM 1.71,36.371c-0.556,2.729-0.983,5.503-1.271,8.317C 0.726,41.874, 1.154,39.1, 1.71,36.371zM 227.725,3.577c-7.529,29.403-34.227,43.982-71.444,69.784c-13.536,4.366-28.447,6.937-44.447,7.104
c-44.809,0.482-86.554-17.471-110.108-44.186C 9.686-2.574, 44.243-32, 85.343-32l 143.222,0 c 0.908,5.564, 1.348,11.316, 1.348,17.216
C 229.913-8.517, 229.146-2.388, 227.725,3.577z" data-tags="google plus, social" />
<glyph unicode="&#xe00b;" d="M 68.147,104.535c-37.598,0-68.146-30.667-68.146-68.038c0-37.577, 30.55-67.901, 68.146-67.901
c 37.733,0, 68.247,30.324, 68.247,67.901C 136.393,73.868, 105.882,104.535, 68.147,104.535zM 0.078,306.035l0-98.129 c 63.892,0, 123.979-24.986, 169.229-70.256c 45.192-45.159, 70.141-105.518, 70.141-169.65l 98.561,0
C 338.008,154.41, 186.368,306.035, 0.078,306.035zM 0.194,480l0-98.178 c 227.891,0, 413.378-185.667, 413.378-413.822L 512-32 C 512,250.235, 282.373,480, 0.194,480z" data-tags="feed, rss, social" />
<glyph unicode="&#xe00c;" d="M 426.67,480L 85.343,480 C 38.405,480,0,441.594,0,394.656l0-341.314 C0,6.375, 38.406-32, 85.344-32L 426.67-32
c 46.938,0, 85.33,38.374, 85.33,85.342L 512,394.656 C 512,441.594, 473.608,480, 426.67,480z M 139.472,64.376C 115.487,64.376, 96,83.722, 96,107.69
c0,23.842, 19.486,43.406, 43.472,43.406c 24.079,0, 43.53-19.564, 43.53-43.406C 183.001,83.722, 163.55,64.376, 139.472,64.376z
M 248.734,64.002c0,40.905-15.904,79.409-44.73,108.222c-28.857,28.875-67.188,44.813-107.952,44.813L 96.052,279.63
c 118.826,0, 215.563-96.721, 215.563-215.627L 248.734,64.002L 248.734,64.002z M 359.814,64.002
c0,145.531-118.329,263.97-263.688,263.97L 96.126,390.596 c 180.001,0, 326.473-146.562, 326.473-326.596L 359.814,64.002L 359.814,64.002z" data-tags="feed, rss, social" />
<glyph unicode="&#xe001;" d="M 426,480L 86,480 C 38.7,480,0,441.3,0,394l0-340 c0-47.3, 38.7-86, 86-86l 340,0 c 47.3,0, 86,38.7, 86,86L 512,394 C 512,441.3, 473.3,480, 426,480z M 192,64l-64,0
L 128,288 l 64,0 L 192,64 z M 160,320c-17.673,0-32,14.327-32,32s 14.327,32, 32,32s 32-14.327, 32-32S 177.673,320, 160,320z M 416,64l-64,0 L 352,192
c0,17.673-14.327,32-32,32s-32-14.327-32-32l0-128 l-64,0 L 224,288 l 64,0 l0-39.736 C 301.199,266.396, 321.376,288, 344,288c 39.765,0, 72-35.817, 72-80
L 416,64 z" data-tags="linkedin, social" />
<glyph unicode="&#xe002;" d="M 426.69,480L 85.344,480 C 38.405,480, 0.001,441.593, 0.001,394.657l0-341.313 C 0.001,6.375, 38.405-32, 85.344-32L 426.69-32
C 473.625-32, 512,6.375, 512,53.344L 512,394.658 C 511.996,441.593, 473.621,480, 426.69,480z M 365.858,67.656
c-15.076-7.094-28.764-12.094-41-14.969c-12.248-2.845-25.48-4.279-39.701-4.279c-16.156,0-25.688,2.029-38.094,6.094
c-12.404,4.094-23,9.936-31.75,17.436c-8.779,7.564-14.843,15.599-18.233,24.097c-3.392,8.502-5.078,20.846-5.078,37.002L 192.002,256.938
l-47.998,0 l0,50.033 c 13.872,4.5, 29.968,10.967, 39.842,19.375c 9.92,8.436, 17.859,18.529, 23.842,30.342
c 6.002,11.783, 10.125,26.813, 12.376,45.033l 50.25,0 L 270.314,320 L 352,320 l0-63.063 l-81.689,0 l0-90.594 c0-20.5-0.264-32.313, 1.908-38.125
c 2.156-5.78, 7.563-11.78, 13.451-15.25c 7.828-4.688, 16.752-7.030, 26.813-7.030c 17.893,0, 35.689,5.813, 53.375,17.438L 365.858,67.656
L 365.858,67.656z" data-tags="tumblr, social" />
<glyph unicode="&#xe005;" d="M 426,480L 86,480 C 38.7,480,0,441.3,0,394l0-340 c0-47.3, 38.7-86, 86-86l 340,0 c 47.3,0, 86,38.7, 86,86L 512,394 C 512,441.3, 473.3,480, 426,480z
M 373.258,99.556c-88.779,0-119.569,40.028-135.986,89.802l-16.425,51.318c-12.319,37.463-26.687,66.712-71.842,66.712
c-31.31,0-63.123-22.579-63.123-85.699c0-49.264, 25.144-80.056, 60.557-80.056c 40.021,0, 66.71,29.765, 66.71,29.765l 16.425-44.644
c0,0-27.718-27.197-85.699-27.197c-71.846,0-111.875,42.076-111.875,120.082c0,81.081, 40.029,128.805, 115.464,128.805
c 68.253,0, 102.64-24.632, 124.188-91.346l 16.936-51.313c 12.318-37.465, 33.867-64.662, 85.698-64.662
c 34.896,0, 53.367,7.699, 53.367,26.684c0,14.885-8.72,25.66-34.892,31.82l-34.9,8.207c-42.587,10.262-59.522,32.329-59.522,67.226
c0,55.936, 45.16,73.384, 91.343,73.384c 52.345,0, 84.161-18.988, 88.266-65.172l-51.317-6.16
c-2.054,22.066-15.396,31.305-40.027,31.305c-22.582,0-36.436-10.265-36.436-27.713c0-15.395, 6.671-24.633, 29.247-29.765
l 32.842-7.182c 44.135-10.266, 67.746-31.82, 67.746-73.386C 480.001,119.054, 436.895,99.556, 373.258,99.556z" data-tags="lastfm, social" />
<glyph unicode="&#xe006;" d="M 426.655,480L 85.345,480 C 38.405,480,0,441.608,0,394.671l0-341.328 C0,6.405, 38.405-32, 85.345-32l 341.311,0
C 473.625-32, 512,6.405, 512,53.343L 512,394.671 C 512,441.608, 473.625,480, 426.655,480z M 128,352l 256,0 c 4.569,0, 9.002-0.981, 13.072-2.831
L 256,184.585L 114.928,349.17C 118.998,351.018, 123.431,352, 128,352z M 96,128L 96,320 c0,0.67, 0.028,1.336, 0.070,2l 93.832-109.47
L 97.103,119.73C 96.381,122.399, 96,125.173, 96,128z M 384,96L 128,96 c-2.827,0-5.601,0.381-8.27,1.103l 91.059,91.059L 256,135.414
l 45.212,52.747l 91.058-91.059C 389.6,96.381, 386.827,96, 384,96z M 416,128c0-2.827-0.381-5.6-1.103-8.27l-92.799,92.799L 415.93,322
c 0.042-0.664, 0.070-1.33, 0.070-2L 416,128 z" data-tags="mail, contact, support, newsletter, letter, email, envelop, social" />
<glyph unicode="&#xe000;" d="M 256,480C 114.615,480,0,365.385,0,224s 114.615-256, 256-256s 256,114.615, 256,256S 397.385,480, 256,480z M 408.028,71.972
c-19.759-19.758-42.756-35.266-68.354-46.093c-6.503-2.75-13.107-5.164-19.8-7.246L 319.874,57 c0,20.167-6.917,35-20.75,44.5
c 8.667,0.833, 16.625,2, 23.875,3.5s 14.917,3.667, 23,6.5s 15.333,6.208, 21.75,10.125s 12.583,9, 18.5,15.25s 10.875,13.333, 14.875,21.25
s 7.167,17.417, 9.5,28.5s 3.5,23.292, 3.5,36.625c0,25.833-8.417,47.833-25.25,66c 7.667,20, 6.833,41.75-2.5,65.25l-6.25,0.75
c-4.333,0.5-12.125-1.333-23.375-5.5s-23.875-11-37.875-20.5c-19.833,5.5-40.417,8.25-61.75,8.25c-21.5,0-42-2.75-61.5-8.25
c-8.833,6-17.208,10.958-25.125,14.875c-7.917,3.917-14.25,6.583-19,8s-9.167,2.292-13.25,2.625s-6.708,0.417-7.875,0.25
s-2-0.333-2.5-0.5c-9.333-23.667-10.167-45.417-2.5-65.25c-16.833-18.167-25.25-40.167-25.25-66c0-13.333, 1.167-25.542, 3.5-36.625
s 5.5-20.583, 9.5-28.5s 8.958-15, 14.875-21.25s 12.083-11.333, 18.5-15.25s 13.667-7.292, 21.75-10.125s 15.75-5, 23-6.5
s 15.208-2.667, 23.875-3.5c-13.667-9.333-20.5-24.167-20.5-44.5l0-39.115 c-7.549,2.247-14.99,4.902-22.3,7.994
c-25.597,10.827-48.594,26.335-68.353,46.093c-19.758,19.759-35.267,42.756-46.093,68.354C 46.679,166.805, 41,194.957, 41,224
s 5.679,57.195, 16.879,83.675c 10.827,25.597, 26.335,48.594, 46.093,68.353s 42.756,35.267, 68.353,46.093
C 198.805,433.321, 226.957,439, 256,439s 57.195-5.679, 83.675-16.879c 25.598-10.827, 48.595-26.335, 68.354-46.093
c 19.758-19.758, 35.266-42.756, 46.093-68.353C 465.321,281.195, 471,253.043, 471,224s-5.679-57.195-16.879-83.675
C 443.294,114.728, 427.786,91.73, 408.028,71.972z" data-tags="github, octacat, social" />
<glyph unicode="&#x20;" horiz-adv-x="256" />
</font></defs></svg>

After

Width:  |  Height:  |  Size: 11 KiB

BIN
assets/fonts/icomoon.eot Normal file

Binary file not shown.

94
assets/fonts/icomoon.svg Normal file
View File

@@ -0,0 +1,94 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>
This is a custom SVG font generated by IcoMoon.
<iconset grid="16"></iconset>
</metadata>
<defs>
<font id="icomoon" horiz-adv-x="512" >
<font-face units-per-em="512" ascent="480" descent="-32" />
<missing-glyph horiz-adv-x="512" />
<glyph class="hidden" unicode="&#xf000;" d="M0,480L 512 -32L0 -32 z" horiz-adv-x="0" />
<glyph unicode="&#xe004;" d="M 427,480L 85,480 C 38.25,480,0,441.75,0,395l0-342 c0-46.75, 38.25-85, 85-85l 342,0 c 46.75,0, 85,38.25, 85,85L 512,395 C 512,441.75, 473.75,480, 427,480z
M 163.9,256l 184.2,0 c 3.494-10.029, 5.4-20.795, 5.4-32c0-53.762-43.738-97.5-97.5-97.5c-53.762,0-97.5,43.738-97.5,97.5
C 158.5,235.205, 160.406,245.971, 163.9,256z M 448,255.975L 448,128 l0-64 c0-17.6-14.4-32-32-32L 96,32 c-17.6,0-32,14.4-32,32l0,64 L 64,255.975 L 64,256
l 50.054,0 c-2.321-10.301-3.554-21.008-3.554-32c0-80.229, 65.271-145.5, 145.5-145.5c 80.229,0, 145.5,65.271, 145.5,145.5
c0,10.992-1.232,21.699-3.554,32L 448,256 L 448,255.975 z M 448,368c0-8.8-7.2-16-16-16l-32,0 c-8.8,0-16,7.2-16,16L 384,400 c0,8.8, 7.2,16, 16,16l 32,0
c 8.8,0, 16-7.2, 16-16L 448,368 z" />
<glyph unicode="&#xe003;" d="M 426.672,480L 85.342,480 C 38.406,480,0,441.593,0,394.656l0-341.313 C0,6.374, 38.406-32, 85.342-32l 341.33,0.001
c 46.938,0, 85.328,38.373, 85.328,85.344L 512,394.656 C 512,441.593, 473.609,480, 426.672,480z M 435.296,224L 352,224 l0-224 l-96,0 L 256,224 l-46.263,0 l0,73.282 L 256,297.282
l0,47.593 C 256,409.546, 283.896,448, 359.935,448l 87.622,0 l0-79.285 l-71.565,0 c-21.241,0.035-23.876-11.076-23.876-31.756L 352,297.282l 96,0
L 435.296,224z" />
<glyph unicode="&#xe007;" d="M 426.671,480L 85.343,480 C 38.406,480,0,441.595,0,394.655l0-341.311 C0,6.375, 38.406-32, 85.343-32l 341.328,0
C 473.609-32, 512,6.375, 512,53.345L 512,394.655 C 512,441.595, 473.609,480, 426.671,480z M 419.026,309.083
c 0.164-3.671, 0.245-7.364, 0.245-11.074c0-113.107-84.608-243.534-239.329-243.534c-47.502,0-91.717,14.174-128.943,38.459
c 6.58-0.794, 13.276-1.197, 20.065-1.197c 39.411,0, 75.679,13.685, 104.467,36.641c-36.808,0.69-67.872,25.438-78.577,59.441
c 5.137-1, 10.406-1.537, 15.826-1.537c 7.672,0, 15.103,1.048, 22.16,3.004c-38.48,7.866-67.475,42.458-67.475,83.928
c0,0.361,0,0.719, 0.008,1.076c 11.34-6.41, 24.312-10.26, 38.1-10.705c-22.571,15.349-37.421,41.546-37.421,71.244
c0,15.685, 4.147,30.389, 11.389,43.029c 41.487-51.785, 103.468-85.86, 173.377-89.431c-1.435,6.266-2.179,12.798-2.179,19.507
c0,47.269, 37.663,85.59, 84.115,85.59c 24.195,0, 46.059-10.393, 61.401-27.029c 19.16,3.838, 37.162,10.96, 53.416,20.771
c-6.281-19.988-19.617-36.761-36.983-47.355c 17.013,2.069, 33.226,6.67, 48.31,13.477C 449.725,336.226, 435.463,321.15, 419.026,309.083
z" />
<glyph unicode="&#xe00a;" d="M 0.403,45.168c-0.122,1.266-0.226,2.535-0.292,3.815C 0.176,47.703, 0.281,46.434, 0.403,45.168zM 117.954,197.426c 46.005-1.369, 76.867,46.349, 68.931,106.599c-7.947,60.24-51.698,108.584-97.704,109.961
c-46.013,1.365-76.87-44.741-68.926-105C 28.196,248.752, 71.931,198.799, 117.954,197.426zM 512,352L 512,394.655 C 512,441.595, 473.609,480, 426.671,480L 85.343,480 C 39.205,480, 1.337,442.884, 0.061,397.037
c 29.181,25.693, 69.662,47.158, 111.437,47.158c 44.652,0, 178.622,0, 178.622,0l-39.974-33.809l-56.634,0
c 37.565-14.402, 57.578-58.062, 57.578-102.861c0-37.624-20.905-69.977-50.444-92.984c-28.822-22.451-34.286-31.854-34.286-50.939
c0-16.289, 30.873-44, 47.016-55.394c 47.191-33.269, 62.458-64.156, 62.458-115.728c0-8.214-1.021-16.415-3.033-24.48l 153.871,0
C 473.609-32, 512,6.375, 512,53.345L 512,319.999 l-96,0 L 416,224 l-32,0 l0,96 l-95.999,0 l0,32 L 384,352 L 384,448 l 32,0 l0-96 L 512,352 zM 92.943,97.032c 10.807,0, 20.711,0.295, 30.968,0.295c-13.573,13.167-24.313,29.3-24.313,49.19
c0,11.804, 3.782,23.168, 9.067,33.26c-5.391-0.385-10.895-0.497-16.563-0.497c-37.178,0-68.753,12.038-92.102,31.927l0-33.621
l 0.003-100.865C 26.723,89.408, 58.447,97.032, 92.943,97.032zM 1.71,36.371c-0.556,2.729-0.983,5.503-1.271,8.317C 0.726,41.874, 1.154,39.1, 1.71,36.371zM 227.725,3.577c-7.529,29.403-34.227,43.982-71.444,69.784c-13.536,4.366-28.447,6.937-44.447,7.104
c-44.809,0.482-86.554-17.471-110.108-44.186C 9.686-2.574, 44.243-32, 85.343-32l 143.222,0 c 0.908,5.564, 1.348,11.316, 1.348,17.216
C 229.913-8.517, 229.146-2.388, 227.725,3.577z" />
<glyph unicode="&#xe00b;" d="M 68.147,104.535c-37.598,0-68.146-30.667-68.146-68.038c0-37.577, 30.55-67.901, 68.146-67.901
c 37.733,0, 68.247,30.324, 68.247,67.901C 136.393,73.868, 105.882,104.535, 68.147,104.535zM 0.078,306.035l0-98.129 c 63.892,0, 123.979-24.986, 169.229-70.256c 45.192-45.159, 70.141-105.518, 70.141-169.65l 98.561,0
C 338.008,154.41, 186.368,306.035, 0.078,306.035zM 0.194,480l0-98.178 c 227.891,0, 413.378-185.667, 413.378-413.822L 512-32 C 512,250.235, 282.373,480, 0.194,480z" />
<glyph unicode="&#xe00c;" d="M 426.67,480L 85.343,480 C 38.405,480,0,441.594,0,394.656l0-341.314 C0,6.375, 38.406-32, 85.344-32L 426.67-32
c 46.938,0, 85.33,38.374, 85.33,85.342L 512,394.656 C 512,441.594, 473.608,480, 426.67,480z M 139.472,64.376C 115.487,64.376, 96,83.722, 96,107.69
c0,23.842, 19.486,43.406, 43.472,43.406c 24.079,0, 43.53-19.564, 43.53-43.406C 183.001,83.722, 163.55,64.376, 139.472,64.376z
M 248.734,64.002c0,40.905-15.904,79.409-44.73,108.222c-28.857,28.875-67.188,44.813-107.952,44.813L 96.052,279.63
c 118.826,0, 215.563-96.721, 215.563-215.627L 248.734,64.002L 248.734,64.002z M 359.814,64.002
c0,145.531-118.329,263.97-263.688,263.97L 96.126,390.596 c 180.001,0, 326.473-146.562, 326.473-326.596L 359.814,64.002L 359.814,64.002z" />
<glyph unicode="&#xe001;" d="M 426,480L 86,480 C 38.7,480,0,441.3,0,394l0-340 c0-47.3, 38.7-86, 86-86l 340,0 c 47.3,0, 86,38.7, 86,86L 512,394 C 512,441.3, 473.3,480, 426,480z M 192,64l-64,0
L 128,288 l 64,0 L 192,64 z M 160,320c-17.673,0-32,14.327-32,32s 14.327,32, 32,32s 32-14.327, 32-32S 177.673,320, 160,320z M 416,64l-64,0 L 352,192
c0,17.673-14.327,32-32,32s-32-14.327-32-32l0-128 l-64,0 L 224,288 l 64,0 l0-39.736 C 301.199,266.396, 321.376,288, 344,288c 39.765,0, 72-35.817, 72-80
L 416,64 z" />
<glyph unicode="&#xe002;" d="M 426.69,480L 85.344,480 C 38.405,480, 0.001,441.593, 0.001,394.657l0-341.313 C 0.001,6.375, 38.405-32, 85.344-32L 426.69-32
C 473.625-32, 512,6.375, 512,53.344L 512,394.658 C 511.996,441.593, 473.621,480, 426.69,480z M 365.858,67.656
c-15.076-7.094-28.764-12.094-41-14.969c-12.248-2.845-25.48-4.279-39.701-4.279c-16.156,0-25.688,2.029-38.094,6.094
c-12.404,4.094-23,9.936-31.75,17.436c-8.779,7.564-14.843,15.599-18.233,24.097c-3.392,8.502-5.078,20.846-5.078,37.002L 192.002,256.938
l-47.998,0 l0,50.033 c 13.872,4.5, 29.968,10.967, 39.842,19.375c 9.92,8.436, 17.859,18.529, 23.842,30.342
c 6.002,11.783, 10.125,26.813, 12.376,45.033l 50.25,0 L 270.314,320 L 352,320 l0-63.063 l-81.689,0 l0-90.594 c0-20.5-0.264-32.313, 1.908-38.125
c 2.156-5.78, 7.563-11.78, 13.451-15.25c 7.828-4.688, 16.752-7.030, 26.813-7.030c 17.893,0, 35.689,5.813, 53.375,17.438L 365.858,67.656
L 365.858,67.656z" />
<glyph unicode="&#xe005;" d="M 426,480L 86,480 C 38.7,480,0,441.3,0,394l0-340 c0-47.3, 38.7-86, 86-86l 340,0 c 47.3,0, 86,38.7, 86,86L 512,394 C 512,441.3, 473.3,480, 426,480z
M 373.258,99.556c-88.779,0-119.569,40.028-135.986,89.802l-16.425,51.318c-12.319,37.463-26.687,66.712-71.842,66.712
c-31.31,0-63.123-22.579-63.123-85.699c0-49.264, 25.144-80.056, 60.557-80.056c 40.021,0, 66.71,29.765, 66.71,29.765l 16.425-44.644
c0,0-27.718-27.197-85.699-27.197c-71.846,0-111.875,42.076-111.875,120.082c0,81.081, 40.029,128.805, 115.464,128.805
c 68.253,0, 102.64-24.632, 124.188-91.346l 16.936-51.313c 12.318-37.465, 33.867-64.662, 85.698-64.662
c 34.896,0, 53.367,7.699, 53.367,26.684c0,14.885-8.72,25.66-34.892,31.82l-34.9,8.207c-42.587,10.262-59.522,32.329-59.522,67.226
c0,55.936, 45.16,73.384, 91.343,73.384c 52.345,0, 84.161-18.988, 88.266-65.172l-51.317-6.16
c-2.054,22.066-15.396,31.305-40.027,31.305c-22.582,0-36.436-10.265-36.436-27.713c0-15.395, 6.671-24.633, 29.247-29.765
l 32.842-7.182c 44.135-10.266, 67.746-31.82, 67.746-73.386C 480.001,119.054, 436.895,99.556, 373.258,99.556z" />
<glyph unicode="&#xe006;" d="M 426.655,480L 85.345,480 C 38.405,480,0,441.608,0,394.671l0-341.328 C0,6.405, 38.405-32, 85.345-32l 341.311,0
C 473.625-32, 512,6.405, 512,53.343L 512,394.671 C 512,441.608, 473.625,480, 426.655,480z M 128,352l 256,0 c 4.569,0, 9.002-0.981, 13.072-2.831
L 256,184.585L 114.928,349.17C 118.998,351.018, 123.431,352, 128,352z M 96,128L 96,320 c0,0.67, 0.028,1.336, 0.070,2l 93.832-109.47
L 97.103,119.73C 96.381,122.399, 96,125.173, 96,128z M 384,96L 128,96 c-2.827,0-5.601,0.381-8.27,1.103l 91.059,91.059L 256,135.414
l 45.212,52.747l 91.058-91.059C 389.6,96.381, 386.827,96, 384,96z M 416,128c0-2.827-0.381-5.6-1.103-8.27l-92.799,92.799L 415.93,322
c 0.042-0.664, 0.070-1.33, 0.070-2L 416,128 z" />
<glyph unicode="&#xe000;" d="M 256,480C 114.615,480,0,365.385,0,224s 114.615-256, 256-256s 256,114.615, 256,256S 397.385,480, 256,480z M 408.028,71.972
c-19.759-19.758-42.756-35.266-68.354-46.093c-6.503-2.75-13.107-5.164-19.8-7.246L 319.874,57 c0,20.167-6.917,35-20.75,44.5
c 8.667,0.833, 16.625,2, 23.875,3.5s 14.917,3.667, 23,6.5s 15.333,6.208, 21.75,10.125s 12.583,9, 18.5,15.25s 10.875,13.333, 14.875,21.25
s 7.167,17.417, 9.5,28.5s 3.5,23.292, 3.5,36.625c0,25.833-8.417,47.833-25.25,66c 7.667,20, 6.833,41.75-2.5,65.25l-6.25,0.75
c-4.333,0.5-12.125-1.333-23.375-5.5s-23.875-11-37.875-20.5c-19.833,5.5-40.417,8.25-61.75,8.25c-21.5,0-42-2.75-61.5-8.25
c-8.833,6-17.208,10.958-25.125,14.875c-7.917,3.917-14.25,6.583-19,8s-9.167,2.292-13.25,2.625s-6.708,0.417-7.875,0.25
s-2-0.333-2.5-0.5c-9.333-23.667-10.167-45.417-2.5-65.25c-16.833-18.167-25.25-40.167-25.25-66c0-13.333, 1.167-25.542, 3.5-36.625
s 5.5-20.583, 9.5-28.5s 8.958-15, 14.875-21.25s 12.083-11.333, 18.5-15.25s 13.667-7.292, 21.75-10.125s 15.75-5, 23-6.5
s 15.208-2.667, 23.875-3.5c-13.667-9.333-20.5-24.167-20.5-44.5l0-39.115 c-7.549,2.247-14.99,4.902-22.3,7.994
c-25.597,10.827-48.594,26.335-68.353,46.093c-19.758,19.759-35.267,42.756-46.093,68.354C 46.679,166.805, 41,194.957, 41,224
s 5.679,57.195, 16.879,83.675c 10.827,25.597, 26.335,48.594, 46.093,68.353s 42.756,35.267, 68.353,46.093
C 198.805,433.321, 226.957,439, 256,439s 57.195-5.679, 83.675-16.879c 25.598-10.827, 48.595-26.335, 68.354-46.093
c 19.758-19.758, 35.266-42.756, 46.093-68.353C 465.321,281.195, 471,253.043, 471,224s-5.679-57.195-16.879-83.675
C 443.294,114.728, 427.786,91.73, 408.028,71.972z" />
<glyph unicode="&#x20;" horiz-adv-x="256" />
</font></defs></svg>

After

Width:  |  Height:  |  Size: 10 KiB

BIN
assets/fonts/icomoon.ttf Normal file

Binary file not shown.

BIN
assets/fonts/icomoon.woff Normal file

Binary file not shown.

36
assets/js/_main.js Normal file
View File

@@ -0,0 +1,36 @@
/*! Plugin options and other jQuery stuff */
// FitVids options
$(function() {
$("article").fitVids();
});
// Table of Contents toggle
$(function() {
$(".toc h3").click(function () {
$("#drawer").toggleClass("hidden");
});
});
// Add lightbox class to all image links
$("a[href$='.jpg'],a[href$='.png'],a[href$='.gif']").addClass("image-popup");
// Magnific-Popup options
$(document).ready(function() {
$('.image-popup').magnificPopup({
type: 'image',
tLoading: 'Loading image #%curr%...',
gallery: {
enabled: true,
navigateByImgClick: true,
preload: [0,1] // Will preload 0 - before current, and 1 after the current image
},
image: {
tError: '<a href="%url%">Image #%curr%</a> could not be loaded.',
},
removalDelay: 300, // Delay in milliseconds before popup is removed
// Class that is added to body when popup is open.
// make it unique to apply your CSS animations just to this exact popup
mainClass: 'mfp-fade'
});
});

View File

@@ -0,0 +1,74 @@
/*global jQuery */
/*jshint multistr:true, browser:true */
/*!
* FitVids 1.0
*
* Copyright 2013, Chris Coyier - http://css-tricks.com + Dave Rupert - http://daverupert.com
* Credit to Thierry Koblentz - http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/
* Released under the WTFPL license - http://sam.zoy.org/wtfpl/
*
* Date: Thu Sept 01 18:00:00 2011 -0500
*/
(function( $ ){
"use strict";
$.fn.fitVids = function( options ) {
var settings = {
customSelector: null
};
if(!document.getElementById('fit-vids-style')) {
var div = document.createElement('div'),
ref = document.getElementsByTagName('base')[0] || document.getElementsByTagName('script')[0],
cssStyles = '&shy;<style>.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}</style>';
div.className = 'fit-vids-style';
div.id = 'fit-vids-style';
div.style.display = 'none';
div.innerHTML = cssStyles;
ref.parentNode.insertBefore(div,ref);
}
if ( options ) {
$.extend( settings, options );
}
return this.each(function(){
var selectors = [
"iframe[src*='player.vimeo.com']",
"iframe[src*='youtube.com']",
"iframe[src*='youtube-nocookie.com']",
"iframe[src*='kickstarter.com'][src*='video.html']",
"object",
"embed"
];
if (settings.customSelector) {
selectors.push(settings.customSelector);
}
var $allVideos = $(this).find(selectors.join(','));
$allVideos = $allVideos.not("object object"); // SwfObj conflict patch
$allVideos.each(function(){
var $this = $(this);
if (this.tagName.toLowerCase() === 'embed' && $this.parent('object').length || $this.parent('.fluid-width-video-wrapper').length) { return; }
var height = ( this.tagName.toLowerCase() === 'object' || ($this.attr('height') && !isNaN(parseInt($this.attr('height'), 10))) ) ? parseInt($this.attr('height'), 10) : $this.height(),
width = !isNaN(parseInt($this.attr('width'), 10)) ? parseInt($this.attr('width'), 10) : $this.width(),
aspectRatio = height / width;
if(!$this.attr('id')){
var videoID = 'fitvid' + Math.floor(Math.random()*999999);
$this.attr('id', videoID);
}
$this.wrap('<div class="fluid-width-video-wrapper"></div>').parent('.fluid-width-video-wrapper').css('padding-top', (aspectRatio * 100)+"%");
$this.removeAttr('height').removeAttr('width');
});
});
};
// Works with either jQuery or Zepto
})( window.jQuery || window.Zepto );

File diff suppressed because it is too large Load Diff

1
assets/js/scripts.min.js vendored Normal file

File diff suppressed because one or more lines are too long

5
assets/js/vendor/jquery-1.9.1.min.js vendored Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

44
assets/less/1382.less Normal file
View File

@@ -0,0 +1,44 @@
// ROOT =======================================================
// TYPOGRAPHY =================================================
// TEXTURE ====================================================
// ELEMENTS ===================================================
// LAYOUT =====================================================
.site-name {
.grid(12,1.5);
.prefix(12,2);
}
.top-navigation {
.grid(12,8);
}
.image-wrap {
&:after {
left: 33.333333333%;
}
.headline-wrap {
.prefix(12,1);
}
}
.image-credit {
.grid(12,8.5);
}
#main article {
.grid(12,4.5);
}
#index {
.grid(12,4.5);
}
.related-articles {
.grid(12,4.5);
.prefix(12,4);
.suffix(12,3.5);
}
.footer-wrap footer {
.grid(12,4.5);
.prefix(12,4);
.suffix(12,3.5);
}
.article-author-side {
.grid(12,1.5);
.prefix(12,2);
}
// VENDOR-SPECIFIC ============================================

6
assets/less/2x.less Normal file
View File

@@ -0,0 +1,6 @@
// ROOT =======================================================
// TYPOGRAPHY =================================================
// TEXTURE ====================================================
// ELEMENTS ===================================================
// LAYOUT =====================================================
// VENDOR-SPECIFIC ============================================

11
assets/less/480.less Normal file
View File

@@ -0,0 +1,11 @@
// ROOT =======================================================
// TYPOGRAPHY =================================================
// TEXTURE ====================================================
// ELEMENTS ===================================================
// LAYOUT =====================================================
.image-grid {
li {
width: 33.333333%;
}
}
// VENDOR-SPECIFIC ============================================

90
assets/less/600.less Normal file
View File

@@ -0,0 +1,90 @@
// ROOT =======================================================
// TYPOGRAPHY =================================================
// TEXTURE ====================================================
// ELEMENTS ===================================================
// LAYOUT =====================================================
.site-name {
.grid(12,2);
.prefix(12,0.5);
.suffix(12,0.5);
}
.top-navigation {
.grid(12,9);
.prefix(12,0);
.suffix(12,0);
}
.image-wrap .headline-wrap,
.image-wrap:after {
left: 25%;
}
.image-wrap .headline-wrap {
margin-left: 0;
}
.image-credit {
.grid(12,9);
.prefix(12,0);
.suffix(12,0);
}
#main article {
.grid(12,6);
.prefix(12,0);
.suffix(12,0);
}
#index {
.grid(12,6);
.prefix(12,0);
.suffix(12,0);
}
.footer-wrap footer {
.grid(12,6);
.prefix(12,3);
.suffix(12,3);
}
.article-author-side {
display: block;
.grid(12,2);
.prefix(12,0.5);
.suffix(12,0.5);
h3,
.bio-photo,
p,
.author-social {
display: block;
max-width: 125px;
margin: auto;
}
h3 {
margin-top: 10px;
margin-bottom: 10px;
}
p {
margin-bottom: 20px;
}
.author-social {
margin-bottom: 5px;
}
}
.article-author-bottom {
display: none;
}
.toc {
display: block;
.grid(12,2);
.prefix(12,0.5);
.suffix(12,0.5);
position: absolute;
top: 5.5em;
right: 0;
.box-shadow(0 0 5px rgba(0,0,0,.50));
}
.image-grid {
li {
width: 25%;
}
}
.related-articles {
.grid(12,6);
.prefix(12,3);
.suffix(12,3);
}
// VENDOR-SPECIFIC ============================================

12
assets/less/768.less Normal file
View File

@@ -0,0 +1,12 @@
// ROOT =======================================================
// TYPOGRAPHY =================================================
// TEXTURE ====================================================
// ELEMENTS ===================================================
// LAYOUT =====================================================
/* Image Grid ============================================== */
.image-grid {
li {
width: 20%;
}
}
// VENDOR-SPECIFIC ============================================

26
assets/less/992.less Normal file
View File

@@ -0,0 +1,26 @@
// ROOT =======================================================
// TYPOGRAPHY =================================================
// TEXTURE ====================================================
// ELEMENTS ===================================================
// LAYOUT =====================================================
.article-author-side,
.article-author-bottom {
h3,
.bio-photo,
p,
.author-social {
max-width: 150px;
}
img.bio-photo {
width: 150px;
height: 150px;
.rounded(150px);
}
}
/* Image Grid ============================================== */
.image-grid {
li {
width: 16.666666666%;
}
}
// VENDOR-SPECIFIC ============================================

133
assets/less/coderay.less Normal file
View File

@@ -0,0 +1,133 @@
.CodeRay {
background-color: #efefef;
font-family: @code-font;
.font(12);
color: #333332;
margin-bottom: 1.5em;
.rounded(4px);
pre {
margin: 0px;
padding: 1em;
}
}
div.CodeRay { }
span.CodeRay { white-space: pre; border: 0px; padding: 2px }
table.CodeRay { border-collapse: collapse; width: 100%; padding: 2px }
table.CodeRay td {
padding: 1em 0.5em;
vertical-align: top;
}
.CodeRay .line-numbers, .CodeRay .no {
background-color: #ECECEC;
color: #AAA;
text-align: right;
}
.CodeRay .line-numbers a {
color: #AAA;
}
.CodeRay .line-numbers tt { font-weight: bold }
.CodeRay .line-numbers .highlighted { color: red }
.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 { color:#509; font-weight:bold }
.CodeRay .comment { color:#998; font-style: italic;}
.CodeRay .char { color:#04D }
.CodeRay .char .content { color:#04D }
.CodeRay .char .delimiter { color:#039 }
.CodeRay .class { color:#458; font-weight:bold }
.CodeRay .complex { color:#A08; font-weight:bold }
.CodeRay .constant { color:teal; }
.CodeRay .color { color:#0A0 }
.CodeRay .class-variable { color:#369 }
.CodeRay .decorator { color:#B0B; }
.CodeRay .definition { color:#099; font-weight:bold }
.CodeRay .directive { color:#088; font-weight:bold }
.CodeRay .delimiter { color:black }
.CodeRay .doc { color:#970 }
.CodeRay .doctype { color:#34b }
.CodeRay .doc-string { color:#D42; font-weight:bold }
.CodeRay .escape { color:#666; font-weight:bold }
.CodeRay .entity { color:#800; font-weight:bold }
.CodeRay .error { color:#F00; background-color:#FAA }
.CodeRay .exception { color:#C00; font-weight:bold }
.CodeRay .filename { color:#099; }
.CodeRay .function { color:#900; font-weight:bold }
.CodeRay .global-variable { color:teal; font-weight:bold }
.CodeRay .hex { color:#058; font-weight:bold }
.CodeRay .integer { color:#099; }
.CodeRay .include { color:#B44; font-weight:bold }
.CodeRay .inline { color: black }
.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 { color:#B2B; font-weight:bold }
.CodeRay .instance-variable { color:teal }
.CodeRay .label { color:#970; font-weight:bold }
.CodeRay .local-variable { color:#963 }
.CodeRay .octal { color:#40E; font-weight:bold }
.CodeRay .operator { }
.CodeRay .predefined-constant { font-weight:bold }
.CodeRay .predefined { color:#369; font-weight:bold }
.CodeRay .preprocessor { color:#579; }
.CodeRay .pseudo-class { color:#00C; font-weight:bold }
.CodeRay .predefined-type { color:#074; font-weight:bold }
.CodeRay .reserved, .keyword { color:#000; font-weight:bold }
.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 { color:#404; font-weight: bold }
.CodeRay .string { color: #D20; }
.CodeRay .string .string { }
.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 .content { }
.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 { color:#D70; font-weight:bold }
.CodeRay .type { color:#339; font-weight:bold }
.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 { color: #080; font-weight:bold }
.CodeRay .delete .delete { color: #800; font-weight:bold }
.CodeRay .change .change { color: #66f; }
.CodeRay .head .head { color: #f4f; }

71
assets/less/elements.less Normal file
View File

@@ -0,0 +1,71 @@
hr {
display: block;
margin: 1em 0;
padding: 0;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #fff;
}
/* Figures and images ==================================== */
article img {
max-width: 100%;
height: auto;
border-width: 0;
vertical-align: middle;
-ms-interpolation-mode: bicubic;
}
svg:not(:root) {
overflow: hidden;
}
.half {
.container();
.clearfix();
img {
.grid(12,6);
}
figcaption {
.grid(12,12);
}
}
.third {
.container();
.clearfix();
img {
.grid(12,4);
}
figcaption {
.grid(12,12);
}
}
/* 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(4px);
&:visited {
color: @white;
}
&:hover {
background-color: @white;
color: @black;
}
&:active {
.translate(0, 2px);
}
}
/* Well ================================================= */
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
.rounded(4px);
.box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.05));
}

249
assets/less/forms.less Normal file
View File

@@ -0,0 +1,249 @@
form {
margin: 0 0 5px 0;
fieldset {
margin-bottom: 5px;
padding: 0;
border-width: 0;
}
legend {
display: block;
width: 100%;
margin-bottom: 5px * 2;
*margin-left: -7px;
padding: 0;
color: @textcolor;
border: 0;
border-bottom: 1px solid lighten(@black, 80);
white-space: normal;
}
p {
margin-bottom: 5px / 2;
}
ul {
list-style-type: none;
margin: 0 0 5px 0;
padding: 0;
}
br {
display: none;
}
}
label,
input,
button,
select,
textarea {
vertical-align: baseline;
*vertical-align: middle;
}
input,
button,
select,
textarea {
font-family: @base-font;
.box-sizing(border-box);
}
label {
display: block;
margin-bottom: 10px / 8;
font-weight: bold;
color: @textcolor;
cursor: pointer;
input,
textarea,
select {
display: block;
}
}
input,
textarea,
select {
display: inline-block;
width: 100%;
padding: 4px;
margin-bottom: 5px / 4;
background-color: @white;
border: 1px solid lighten(@black, 80);
color: @textcolor;
&:hover {
border-color: lighten(@accentcolor, 50);
}
}
.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;
.rounded(0);
border: 0 \9;
}
input[type="checkbox"],
input[type="radio"] {
.box-sizing(border-box);
padding: 0;
*width: 13px;
*height: 13px;
}
input[type="image"] {
border: 0;
.box-shadow(none);
}
input[type="file"] {
width: auto;
padding: initial;
line-height: initial;
border: initial;
background-color: transparent;
background-color: initial;
.box-shadow(none);
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
width : auto;
height : auto;
cursor : pointer;
*overflow : visible;
}
select,
input[type="file"] {
*margin-top : 4px;
}
select {
width : auto;
background-color : @white;
}
select[multiple],
select[size] {
height : auto;
}
textarea {
.resize(vertical);
height : auto;
overflow : auto;
vertical-align : top;
}
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;
}
/* disabled ==================================== */
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
.opacity(.5);
cursor : not-allowed;
}
/* focus and active ============================ */
input:focus,
textarea:focus {
border-color : @accentcolor;
outline : 0;
outline : thin dotted \9;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus {
.box-shadow(none);
}
/* help text ==================================== */
.help-block,
.help-inline {
color : lighten(@black, 50);
}
.help-block {
display : block;
margin-bottom : 1em;
line-height : 1em;
}
.help-inline {
display : inline-block;
vertical-align : middle;
padding-left : 5px;
}
/* .form-inline ================================= */
.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-left : 0;
margin-right : 3px; }
/* .form-search ================================= */
.form-search input,
.form-search textarea,
.form-search select {
display : inline-block;
margin-bottom : 0;
}
.form-search .search-query {
padding-left : 14px;
padding-right : 14px;
margin-bottom : 0;
.rounded(14px);
}
.form-search label {
display : inline-block;
}
.form-search .radio,
.form-search .checkbox,
.form-inline .radio {
padding-left : 0;
margin-bottom : 0;
vertical-align : middle;
}
.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"] {
float : left;
margin-left : 0;
margin-right : 3px;
}

47
assets/less/grid.less Normal file
View File

@@ -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;
.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;
}

72
assets/less/icomoon.less Normal file
View File

@@ -0,0 +1,72 @@
@font-face {
font-family: 'icomoon';
src:url('../fonts/icomoon.eot');
src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
url('../fonts/icomoon.woff') format('woff'),
url('../fonts/icomoon.ttf') format('truetype'),
url('../fonts/icomoon.svg#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
font-family: 'icomoon';
content: attr(data-icon);
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-instagram, .icon-facebook, .icon-twitter, .icon-google-plus, .icon-feed, .icon-feed-2, .icon-linkedin, .icon-tumblr, .icon-lastfm, .icon-mail, .icon-github {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
.icon-instagram:before {
content: "\e004";
}
.icon-facebook:before {
content: "\e003";
}
.icon-twitter:before {
content: "\e007";
}
.icon-google-plus:before {
content: "\e00a";
}
.icon-feed:before {
content: "\e00b";
}
.icon-feed-2:before {
content: "\e00c";
}
.icon-linkedin:before {
content: "\e001";
}
.icon-tumblr:before {
content: "\e002";
}
.icon-lastfm:before {
content: "\e005";
}
.icon-mail:before {
content: "\e006";
}
.icon-github:before {
content: "\e000";
}

37
assets/less/ie.less Normal file
View File

@@ -0,0 +1,37 @@
// ===========================================================
// Minimal Mistakes
// By: Michael Rose
// ===========================================================/
// ROOT =======================================================
/* CSS Normalize =========================================== */
@import "normalize.less";
/* Variables and mixins ==================================== */
@import "variables.less";
/* Site wide styles (html, body, global classes) =========== */
@import "site.less";
// TYPOGRAPHY =================================================
@import "typography.less";
// MIXINS =====================================================
@import "mixins.less";
@import "grid.less";
// ELEMENTS ===================================================
/* Figures, images, social media, other elements =========== */
@import "elements.less";
/* Standard form controls ================================== */
@import "forms.less";
// LAYOUT =====================================================
/* Page level layout styles */
@import "page.less";
// MODERNIZR ==================================================
// MEDIA QUERIES ==============================================
/* 480px wide ============================================== */
@import "480.less";
/* 600px wide ============================================== */
@import "600.less";
/* 768px wide ============================================== */
@import "768.less";
/* 992px wide ============================================== */
@import "992.less";
/* 1382px wide ============================================= */
@import "1382.less";

View File

@@ -0,0 +1,454 @@
/* 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;
}

63
assets/less/main.less Normal file
View File

@@ -0,0 +1,63 @@
// ===========================================================
// Minimal Mistakes
// By: Michael Rose
// ===========================================================/
// ROOT =======================================================
/* CSS Normalize =========================================== */
@import "normalize.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";
/* Custom set of Icomoon webfont icons ===================== */
@import "icomoon.less";
/* Standard form controls ================================== */
@import "forms.less";
// LAYOUT =====================================================
/* Page level layout styles ================================ */
@import "page.less";
// PLUGINS ===================================================
/* jQuery Magnific-Popup =================================== */
@import "magnific-popup.less";
// MEDIA QUERIES ==============================================
/* Print =================================================== */
@media print {
@import "print.less";
}
/* 480px wide ============================================== */
@media only screen and (min-width: 30em) {
@import "480.less";
}
/* 600px wide ============================================== */
@media only screen and (min-width: 37.5em) {
@import "600.less";
}
/* 768px wide ============================================== */
@media only screen and (min-width: 48em) {
@import "768.less";
}
/* 992px wide ============================================== */
@media only screen and (min-width: 62em) {
@import "992.less";
}
/* 1382px wide ============================================= */
@media only screen and (min-width: 86.375em) {
@import "1382.less";
}
/* 2x for retina displays ================================== */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
@import "2x.less";
}

296
assets/less/mixins.less Normal file
View File

@@ -0,0 +1,296 @@
// 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; }
@indent-var: 0rem + (@doc-line-height / @doc-font-size);
// 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; }

398
assets/less/normalize.less vendored Normal file
View File

@@ -0,0 +1,398 @@
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined in IE 8/9.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
/**
* Correct `inline-block` display not defined in IE 8/9.
*/
audio,
canvas,
video {
display: inline-block;
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address styling not present in IE 8/9.
*/
[hidden] {
display: none;
}
/* ==========================================================================
Base
========================================================================== */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-ms-text-size-adjust: 100%; /* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
/* ==========================================================================
Links
========================================================================== */
/**
* Address `outline` inconsistency between Chrome and other browsers.
*/
a:focus {
outline: thin dotted;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* ==========================================================================
Typography
========================================================================== */
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari 5, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Address styling not present in IE 8/9, Safari 5, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/**
* Address styling not present in Safari 5 and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Correct font family set oddly in Safari 5 and Chrome.
*/
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
}
/**
* Improve readability of pre-formatted text in all browsers.
*/
pre {
white-space: pre;
}
/**
* Set consistent quote types.
*/
q {
quotes: "\201C" "\201D" "\2018" "\2019";
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* ==========================================================================
Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9.
*/
img {
border: 0;
}
/**
* Correct overflow displayed oddly in IE 9.
*/
svg:not(:root) {
overflow: hidden;
}
/* ==========================================================================
Figures
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari 5.
*/
figure {
margin: 0;
}
/* ==========================================================================
Forms
========================================================================== */
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0; /* 1 */
padding: 0; /* 2 */
}
/**
* 1. Correct font family not being inherited in all browsers.
* 2. Correct font size not being inherited in all browsers.
* 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
*/
button,
input,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 2 */
margin: 0; /* 3 */
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
button,
input {
line-height: normal;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
* Correct `select` style inheritance in Firefox 4+ and Opera.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* 1. Address box sizing set to `content-box` in IE 8/9.
* 2. Remove excess padding in IE 8/9.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
}
/**
* Remove inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* 1. Remove default vertical scrollbar in IE 8/9.
* 2. Improve readability and alignment in all browsers.
*/
textarea {
overflow: auto; /* 1 */
vertical-align: top; /* 2 */
}
/* ==========================================================================
Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 1.5em;
width: 100%; /* make full width */
}

412
assets/less/page.less Normal file
View File

@@ -0,0 +1,412 @@
body {
background-color: @bodycolor;
font-family: @base-font;
font-color: @textcolor;
}
.navigation-wrapper {
.container();
padding: 2em 0 0;
font-family: @heading-font;
font-weight: 700;
text-transform: uppercase;
.clearfix();
}
.site-name {
.grid(12,10);
.prefix(12,1);
.suffix(12,1);
margin-bottom: 1em;
float: none;
display: block;
}
.top-navigation {
.grid(12,10);
.prefix(12,1);
.suffix(12,1);
margin-bottom: 1em;
float: none;
display: block;
}
.top-navigation {
ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
list-style-type: none;
display: inline;
margin-right: 25px;
white-space: nowrap;
a {
decoration: none;
border-bottom: 0 solid transparent;
.transition(all .2s);
}
}
}
#main {
counter-reset: captions;
.container();
.clearfix();
clear: both;
margin-top: 1em;
article {
.container();
.grid(12,10);
.prefix(12,1);
.suffix(12,1);
margin-bottom: 2em;
}
}
#index {
.container();
.grid(12,10);
.prefix(12,1);
.suffix(12,1);
margin-bottom: 2em;
h3 {
margin: 0;
padding-bottom: .5em;
.font-rem(28);
border-bottom: 1px solid lighten(@black,70);
}
article {
h2 {
margin-bottom: 4px;
.font-rem(20);
}
p {
.font-rem(14);
}
p+p {
text-indent: 0;
}
}
}
.image-wrap {
position: relative;
margin-bottom: 2em;
&:after {
content: " ";
display: block;
position: absolute;
bottom: -1px;
left: 8%;
width: 0;
height: 0;
border: 20px solid transparent;
border-bottom-color: @bodycolor;
}
img {
width: 100%;
height: auto;
-ms-interpolation-mode: bicubic;
}
.headline-wrap {
position: absolute;
bottom: 25px;
.prefix(12,1);
h1, h2 {
color: @white;
.text-shadow(0 1px 2px rgba(0,0,0,.25));
}
}
}
.byline {
clear: both;
font-size: 80%;
}
.article-author-side,
.article-author-bottom {
h3 {
margin-bottom: 0;
}
p {
font-size: 80%;
font-style: italic;
}
a, a:hover {
border-bottom: 0 solid transparent;
}
img.bio-photo {
width: 100px;
height: 100px;
.rounded(100px);
}
}
.author-social {
display: block;
margin-bottom: 5px;
.font-rem(14);
color: @black;
&:visited {
color: @black;
}
&:hover {
.scale(1.1);
}
&:active {
.translate(0, 2px);
}
}
.article-author-side {
display: none;
}
.article-author-bottom {
margin-bottom: 1em;
.bio-photo {
float: left;
margin-right: 25px;
}
.author-social {
display: inline-block;
margin-right: 5px;
}
}
.article-wrap {
// Dotted line underlines for links
p > a,
li > a {
border-bottom: 1px dotted lighten(@link-color, 50);
&:hover {
border-bottom-style: solid;
}
}
p > a.reversefootnote,
li > a.reversefootnote {
border-bottom-width: 0;
}
}
.toc {
display: none;
font-size: 95%;
.opacity(0.7);
.transition(opacity 0.2s ease-in-out);
&:hover {
.opacity(1);
}
header {
background: lighten(@black, 10);
}
h3 {
margin: 0;
padding: 5px 10px;
color: @white;
&:hover {
cursor: pointer;
}
}
ul {
margin: 2px 0 0;
padding: 0;
background: lighten(@black, 30);
line-height: 1;
}
li {
display: block;
margin: 0;
padding: 0;
font-family: @heading-font;
border-bottom: 1px solid darken(@white, 50);
&:last-child {
border-bottom-width: 0;
}
a {
padding: 10px;
display: block;
color: @white;
border-bottom-width: 0;
&:hover {
font-weight: 400;
:before {
content: "\00bb";
padding-right: 5px;
}
}
}
ul {
margin: 0;
border-top: 1px solid darken(@white, 50);
}
}
}
.image-grid {
.clearfix();
list-style: none;
margin: 0 0 1em;
padding: 0;
li {
.grid(12,6);
}
}
.recent-grid {
.clearfix();
list-style: none;
margin: 1em 0;
li {
display: inline;
a {
border-bottom: 0 solid transparent;
&:hover {
border-bottom: 0 solid transparent;
}
}
}
img {
width: 19%;
margin-bottom: 1%;
}
}
.holder {
font-family: @heading-font;
a {
cursor: pointer;
margin: 0 5px;
}
a.jp-previous {
margin-left: 0;
margin-right: 15px;
}
a.jp-next {
margin-left: 15px;
margin-right: 0;
}
a.jp-current {
font-weight: bold;
}
a.jp-disabled,
a.jp-disabled:hover {
}
a.jp-current,
a.jp-current:hover,
a.jp-disabled,
a.jp-disabled:hover {
cursor: default;
background: none;
}
span {
margin: 0 5px;
}
}
.footer-wrap {
.container();
.clearfix();
clear: both;
padding-bottom: 3em;
a,
a:active,
a:visited,
p,
h4,
h5,
h6,
span {
.font-rem(14);
}
footer {
.grid(12,10);
.prefix(12,1);
.suffix(12,1);
}
}
.related-articles {
.grid(12,10);
.prefix(12,1);
.suffix(12,1);
margin-bottom: 2em;
h4 {
text-transform: uppercase;
margin-bottom: 0;
}
li {
margin-bottom: 0;
}
}
.footer-icons {
li {
display: inline-block;
padding-right: 5px;
a {
color: lighten(@basecolor, 40%);
.transition(.4s linear);
&:hover {
text-decoration: none;
border-bottom: none;
.icon-twitter,
.icon-twitter-sign {
color: #2aa9df;
}
.icon-facebook,
.icon-facebook-sign {
color: #3a5a98;
}
.icon-instagram,
.icon-instagram-sign {
color: #306088;
}
.icon-google-plus,
.icon-google-plus-sign {
color: #b63324;
}
.icon-lastfm,
.icon-lastfm-sign {
color: #d80049;
}
.icon-github {
color: #4183c4;
}
}
}
}
}
// Browser Upgrade
// --------------------------------------------------
.browser-upgrade {
background: #000;
text-align: center;
margin: 0 0 2em 0;
padding: 10px;
text-align: center;
color: @white;
a {
color: @white;
border-bottom: 1px dotted @white;
text-decoration: none;
&:hover {
border-bottom: 1px solid @white;
}
}
}
// Google Search
// --------------------------------------------------
#goog-fixurl {
ul {
list-style: none;
margin-left: 0;
padding-left: 0;
li {
list-style-type: none;
}
}
}
#goog-wm-qt {
width: auto;
margin-right: 10px;
margin-bottom: 20px;
padding: 8px 20px;
display: inline-block;
.font-rem(14);
background-color: @white;
color: @black;
border-width: 2px !important;
border-style: solid !important;
border-color: lighten(@black,50);
.rounded(3px);
}
#goog-wm-sb {
.btn();
}

56
assets/less/print.less Normal file
View File

@@ -0,0 +1,56 @@
// ROOT =====================================================
* {
background : transparent !important;
color : black !important;
box-shadow : none !important;
text-shadow : none !important;
filter : none !important;
-ms-filter : none !important;
position: static !important; }
@page {
margin : 0.5cm; }
// TYPOGRAPHY ===============================================
h2, h3 {
orphans : 3;
widows : 3;
page-break-after : avoid; }
p {
orphans : 3;
widows : 3; }
pre, blockquote {
border : 1px solid #333;
page-break-inside : avoid;
padding: 1em; }
abbr[title]:after {
content: " (" attr(title) ")"; }
a, a:visited {
text-decoration : underline; }
a[href]:after {
content : " (" attr(href) ")"; }
a[href^="javascript:"]:after,
a[href^="#"]:after {
content : ""; }
// TEXTURE ===============================================
img {
max-width : 100% !important;
page-break-inside : avoid; }
thead {
display : table-header-group; }
tr {
page-break-inside : avoid; }
// ELEMENTS ==============================================
// LAYOUT ================================================
// VENDOR-SPECIFIC =======================================
// MODERNIZR =============================================

75
assets/less/pygments.less Normal file
View File

@@ -0,0 +1,75 @@
.highlight {
background-color: #efefef;
font-family: @code-font;
.font(12);
color: #333332;
margin-bottom: 1.5em;
.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 */
.k { color: #000000; font-weight: bold } /* Keyword */
.o { color: #000000; font-weight: bold } /* Operator */
.cm { color: #999988; font-style: italic } /* Comment.Multiline */
.cp { color: #999999; font-weight: bold; font-style: italic } /* Comment.Preproc */
.c1 { color: #999988; font-style: italic } /* Comment.Single */
.cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
.gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
.ge { color: #000000; font-style: italic } /* Generic.Emph */
.gr { color: #aa0000 } /* Generic.Error */
.gh { color: #999999 } /* Generic.Heading */
.gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
.go { color: #888888 } /* Generic.Output */
.gp { color: #555555 } /* Generic.Prompt */
.gs { font-weight: bold } /* Generic.Strong */
.gu { color: #aaaaaa } /* Generic.Subheading */
.gt { color: #aa0000 } /* Generic.Traceback */
.kc { color: #000000; font-weight: bold } /* Keyword.Constant */
.kd { color: #000000; font-weight: bold } /* Keyword.Declaration */
.kn { color: #000000; font-weight: bold } /* Keyword.Namespace */
.kp { color: #000000; font-weight: bold } /* Keyword.Pseudo */
.kr { color: #000000; font-weight: bold } /* Keyword.Reserved */
.kt { color: #445588; font-weight: bold } /* Keyword.Type */
.m { color: #009999 } /* Literal.Number */
.s { color: #d01040 } /* Literal.String */
.na { color: #008080 } /* Name.Attribute */
.nb { color: #0086B3 } /* Name.Builtin */
.nc { color: #445588; font-weight: bold } /* Name.Class */
.no { color: #008080 } /* Name.Constant */
.nd { color: #3c5d5d; font-weight: bold } /* Name.Decorator */
.ni { color: #800080 } /* Name.Entity */
.ne { color: #990000; font-weight: bold } /* Name.Exception */
.nf { color: #990000; font-weight: bold } /* Name.Function */
.nl { color: #990000; font-weight: bold } /* Name.Label */
.nn { color: #555555 } /* Name.Namespace */
.nt { color: #000080 } /* Name.Tag */
.nv { color: #008080 } /* Name.Variable */
.ow { color: #000000; font-weight: bold } /* Operator.Word */
.w { color: #bbbbbb } /* Text.Whitespace */
.mf { color: #009999 } /* Literal.Number.Float */
.mh { color: #009999 } /* Literal.Number.Hex */
.mi { color: #009999 } /* Literal.Number.Integer */
.mo { color: #009999 } /* Literal.Number.Oct */
.sb { color: #d01040 } /* Literal.String.Backtick */
.sc { color: #d01040 } /* Literal.String.Char */
.sd { color: #d01040 } /* Literal.String.Doc */
.s2 { color: #d01040 } /* Literal.String.Double */
.se { color: #d01040 } /* Literal.String.Escape */
.sh { color: #d01040 } /* Literal.String.Heredoc */
.si { color: #d01040 } /* Literal.String.Interpol */
.sx { color: #d01040 } /* Literal.String.Other */
.sr { color: #009926 } /* Literal.String.Regex */
.s1 { color: #d01040 } /* Literal.String.Single */
.ss { color: #990073 } /* Literal.String.Symbol */
.bp { color: #999999 } /* Name.Builtin.Pseudo */
.vc { color: #008080 } /* Name.Variable.Class */
.vg { color: #008080 } /* Name.Variable.Global */
.vi { color: #008080 } /* Name.Variable.Instance */
.il { color: #009999 } /* Literal.Number.Integer.Long */
}

50
assets/less/site.less Normal file
View File

@@ -0,0 +1,50 @@
/* Selection ============================================= */
::-moz-selection {
background-color: lighten(@basecolor, 65%);
color: @basecolor;
text-shadow: none;
}
::selection {
background-color: lighten(@basecolor, 65%);
color: @basecolor;
text-shadow: none;
}
/* Global Classes ======================================== */
.all-caps {
text-transform: uppercase;
}
.pull-left {
float: left;
}
.pull-right {
float: right;
}
.image-pull-right {
float: right;
margin-top: 0;
}
.clearfix {
*zoom: 1;
&:before,
&:after {
display: table;
content: "";
}
&:after {
clear: both;
}
}
.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);
}

144
assets/less/typography.less Normal file
View File

@@ -0,0 +1,144 @@
// Body
// --------------------------------------------------
body {
font-family: @base-font;
color: @text-color;
}
// Headings
// --------------------------------------------------
h1, h2, h3, h4, h5, h6 {
font-family: @heading-font;
}
h1 {
.font-size(32)
}
h2 {
.font-size(28)
}
h3 {
.font-size(24)
}
h4 {
.font-size(18)
}
h5 {
.font-size(16)
}
h6 {
.font-size(14);
}
// Links
// --------------------------------------------------
a {
text-decoration: none;
color: @link-color;
&:visited {
color: lighten(@link-color, 20);
}
&:hover {
color: darken(@link-color, 20);
}
&:focus {
outline: thin dotted;
color: darken(@link-color, 20);
}
&:hover,
&:active {
outline: 0;
}
}
// Figures
// --------------------------------------------------
figcaption {
padding-top: 10px;
.font(14);
line-height: 1.3;
color: lighten(@text-color, 10);
}
// Feature Image Caption
// --------------------------------------------------
.image-credit {
.grid(12,10);
.prefix(12,1);
.suffix(12,1);
display: block;
text-align: right;
.font(12);
line-height: 1.3;
font-style: italic;
color: lighten(@text-color, 30);
a {
color: lighten(@text-color, 30);
}
}
// Note text
// --------------------------------------------------
.notice {
margin-top: 1.5em;
padding: .5em 1em;
text-indent: 0;
.font-rem(14);
background-color: @body-color;
border: 1px solid darken(@body-color,20);
.rounded(3px);
}
// Blockquotes
// --------------------------------------------------
blockquote {
margin-left: -28px;
padding-left: 20px;
border-left: 8px solid @border-color;
font-family: @alt-font;
font-style: italic;
.font-rem(24);
}
// Footnotes
// --------------------------------------------------
.footnotes {
ol, li, p {
margin-bottom: 0;
.font-rem(14);
}
}
// Paragraphs
// --------------------------------------------------
p {
margin: 0 0 @indent-var;
& + p {
//siblings indentation
text-indent: @indent-var;
margin-top: -(@indent-var);
}
}
// Code
// --------------------------------------------------
tt, code, kbd, samp, pre {
font-family: @code-font;
}
p,
li {
code {
.font-rem(12);
line-height: 1.5;
white-space: nowrap;
margin: 0 2px;
padding: 0 5px;
border: 1px solid lighten(@black, 90);
background-color: #efefef;
.rounded(3px);
}
}
pre {
.font-rem(12);
line-height: 1.5;
overflow-x: auto;
}

View File

@@ -0,0 +1,26 @@
// TYPOGRAPHY ================================================
@doc-font-size: 16;
@doc-line-height: 26;
@base-font: 'PT Serif', serif;
@heading-font: 'PT Sans Narrow', sans-serif;
@code-font: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
@alt-font: @base-font;
// COLOR ====================================================
@bodycolor : #fff;
@body-color: @bodycolor;
@textcolor : #333332;
@text-color : @textcolor;
@border-color: @text-color;
@basecolor : #343434;
@compcolor : spin(@basecolor, 180);
@bordercolor : @basecolor;
@white : #fff;
@black : #111;
@accentcolor : @black;
/* Links ================================================= */
@linkcolor : #343434;
@link-color: @linkcolor;
@linkcolorhover : darken(@linkcolor, 10);
@linkcolorvisited : lighten(@linkcolorhover, 20);
@linkcolorfocus : darken(@linkcolorvisited, 10);

BIN
favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

BIN
favicon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

37
feed.xml Normal file
View File

@@ -0,0 +1,37 @@
---
layout: none
---
<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
<title type="text">{{ site.title }}</title>
<subtitle type="text">{{ site.tagline }}</subtitle>
<generator uri="https://github.com/jekyll/jekyll">Jekyll</generator>
<link rel="self" type="application/atom+xml" href="{{ site.url }}/feed.xml" />
<link rel="alternate" type="text/html" href="{{ site.url }}" />
<updated>{{ site.time | date_to_xmlschema }}</updated>
<id>{{ site.url }}/</id>
<author>
<name>{{ site.owner.name }}</name>
<uri>{{ site.url }}/</uri>
<email>{{ site.owner.email }}</email>
</author>
{% for post in site.posts limit:20 %}
<entry>
<title type="html"><![CDATA[{{ post.title | cdata_escape }}]]></title>
<link rel="alternate" type="text/html" href="{{ site.url }}{{ post.url }}" />
<id>{{ site.url }}{{ post.id }}</id>
{% if post.modified %}<updated>{{ post.modified | to_xmlschema }}T00:00:00-00:00</updated>
<published>{{ post.date | date_to_xmlschema }}</published>
{% else %}<published>{{ post.date | date_to_xmlschema }}</published>
<updated>{{ post.date | date_to_xmlschema }}</updated>{% endif %}
<author>
<name>{{ site.owner.name }}</name>
<uri>{{ site.url }}</uri>
<email>{{ site.owner.email }}</email>
</author>
<content type="html">{{ post.content | xml_escape }}
&lt;p&gt;&lt;a href=&quot;{{ site.url }}{{ post.url }}&quot;&gt;{{ post.title }}&lt;/a&gt; was originally published by {{ site.owner.name }} at &lt;a href=&quot;{{ site.url }}&quot;&gt;{{ site.title }}&lt;/a&gt; on {{ post.date | date: "%B %d, %Y" }}.&lt;/p&gt;</content>
</entry>
{% endfor %}
</feed>

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
images/bio-photo.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

BIN
images/default-thumb.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 43 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 122 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 71 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 90 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 90 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 79 KiB

9
index.md Normal file
View File

@@ -0,0 +1,9 @@
---
layout: home
description: "A responsive Jekyll theme with editorial tendencies by designer Michael Rose."
tags: [Jekyll, theme, responsive, blog, template]
image:
feature: texture-feature-01.jpg
credit: Texture Lovers
creditlink: http://texturelovers.com
---

7
posts.md Normal file
View File

@@ -0,0 +1,7 @@
---
layout: post-index
permalink: /posts/
title: All Posts
tagline: A List of Posts
tags: [blog]
---

15
sitemap.xml Normal file
View File

@@ -0,0 +1,15 @@
---
layout: nil
---
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>{{ site.url }}</loc>
</url>
{% for post in site.posts %}
<url>
<loc>{{ site.url }}{{ post.url }}</loc>
</url>
{% endfor %}
</urlset>