N-archive/hacks-guide-minimal-mistakes-theme
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Merge branch 'hotfix/minor-tweaks'

Browse source
This commit is contained in:
Michael Rose 2013-06-20 09:00:45 -04:00
commit 443978147d
18 changed files with 282 additions and 128 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
README.md
View file

@ -95,7 +95,7 @@ There are two main content layouts: `post.html` (for posts) and `page.html` (for
#### Feature Images #### Feature Images
A good rule of thumb is to keep feature images nice and wide so you don't push the body text too far down. An image cropped around around 1024 x 512 pixels will keep file size down with an acceptable resolution for most devices. On my personal site I use [Picturefill](https://github.com/scottjehl/picturefill) to serve the same image responsively in four different flavors (small, medium, large, and extra large). In the interest of keeping things simple with this theme I left that script out, but you can certainly [add it back in](https://github.com/mmistakes/made-mistakes#articles-and-pages) or give [Adaptive Images](http://adaptive-images.com/) a try. A good rule of thumb is to keep feature images nice and wide so you don't push the body text too far down. An image cropped around around 1024 x 256 pixels will keep file size down with an acceptable resolution for most devices. If you want to serve these images responsively I'd suggest looking at [Picturefill](https://github.com/scottjehl/picturefill) or [Adaptive Images](http://adaptive-images.com/).
The two layouts make the assumption that the feature images live in the *images* folder. To add a feature image to a post or page just include the filename in the front matter like so. The two layouts make the assumption that the feature images live in the *images* folder. To add a feature image to a post or page just include the filename in the front matter like so.
@ -151,6 +151,32 @@ Not sure if this only effects Kramdown or if it's an issue with Markdown in gene
Twitter cards make it possible to attach images and post summaries to Tweets that link to your content. Summary Card meta tags have been added to `head.html` to support this, you just need to [validate and apply your domain](https://dev.twitter.com/docs/cards) to turn it on. Twitter cards make it possible to attach images and post summaries to Tweets that link to your content. Summary Card meta tags have been added to `head.html` to support this, you just need to [validate and apply your domain](https://dev.twitter.com/docs/cards) to turn it on.
## Further Customization
To make things easier I use LESS to build Minimal Mistakes' stylesheets. If you want to make some minor cosmetic alterations, take a look at `variables.less` in `assets/less/`. Changing some of the following variables can help make the theme your own. Just compile `main.less` and `ie.less` using your preprocessor of choice and off you go -- I like [CodeKit](http://incident57.com/codekit/) and [Prepros](http://alphapixels.com/prepros/).
``` css
// TYPOGRAPHY ================================================
@basefont: 'PT Serif', serif;
@baseheadingfont: 'PT Sans Narrow', sans-serif;
@codefont: Monaco, Courier New, monospace;
// COLOR ====================================================
@bodycolor : #ebebeb;
@textcolor : #333332;
@basecolor : #343434;
@compcolor : spin(@basecolor, 180);
@bordercolor : @basecolor;
@white : #fff;
@black : #000;
@accentcolor : @black;
/* Links ================================================= */
@linkcolor : #343434;
@linkcolorhover : darken(@linkcolor, 10);
@linkcolorvisited : lighten(@linkcolorhover, 20);
@linkcolorfocus : darken(@linkcolorvisited, 10);
```
## Questions? ## Questions?
Having a problem getting something to work or want to know why I setup something in a certain way? Ping me on Twitter [@mmistakes](http://twitter.com/mmistakes) or [file a GitHub Issue](https://github.com/mmistakes/minimal-mistakes/issues/new). Having a problem getting something to work or want to know why I setup something in a certain way? Ping me on Twitter [@mmistakes](http://twitter.com/mmistakes) or [file a GitHub Issue](https://github.com/mmistakes/minimal-mistakes/issues/new).

7
_config.yml
View file

@ -10,7 +10,14 @@ owner:
avatar: bio-photo.jpg avatar: bio-photo.jpg
bio: "Just another boring, time traveling, tattooed, designer from Buffalo New York." bio: "Just another boring, time traveling, tattooed, designer from Buffalo New York."
email: michael@mademistakes.com email: michael@mademistakes.com
# Social networking links are used in author-bio sidebar. Update and remove as you like.
twitter: "mmistakes" twitter: "mmistakes"
facebook: "michaelrose"
github: "mmistakes"
linkedin: "michaelrose"
instagram: "mmistakes"
lastfm: "anotherjpeg"
tumblr: "mademistakes"
# For Google Authorship https://plus.google.com/authorship # For Google Authorship https://plus.google.com/authorship
google_plus: "https://plus.google.com/118238196859537351707/posts" google_plus: "https://plus.google.com/118238196859537351707/posts"

9
_includes/author-bio.html
View file

@ -1,4 +1,11 @@
<img src="{{ site.url }}/images/{{ site.owner.avatar }}" class="bio-photo" alt="{{ site.owner.name }} bio photo" width="100" height="100"></a> <img src="{{ site.url }}/images/{{ site.owner.avatar }}" class="bio-photo" alt="{{ site.owner.name }} bio photo" width="100" height="100"></a>
<h4>{{ site.owner.name }}</h4> <h4>{{ site.owner.name }}</h4>
<p>{{ site.owner.bio }}</p> <p>{{ site.owner.bio }}</p>
<p style="text-indent:0;margin-top:1.5em;"><a href="http://twitter.com/{{ site.owner.twitter }}" target="_blank"><i class="icon-twitter"></i> Follow @{{ site.owner.twitter }}</a></p> {% if site.owner.twitter %}<p style="text-indent:0;margin-top:1.5em;"><a href="http://twitter.com/{{ site.owner.twitter }}" target="_blank"><i class="icon-twitter"></i> Twitter</a></p>{% endif %}
{% if site.owner.facebook %}<p style="text-indent:0;"><a href="http://facebook.com/{{ site.owner.facebook }}" target="_blank"><i class="icon-facebook"></i> Facebook</a></p>{% endif %}
{% if site.owner.google_plus %}<p style="text-indent:0;"><a href="{{ site.owner.google_plus }}" target="_blank"><i class="icon-google-plus"></i> Google+</a></p>{% endif %}
{% if site.owner.linkedin %}<p style="text-indent:0;"><a href="http://linkedin.com/in/{{ site.owner.linkedin }}" target="_blank"><i class="icon-linkedin"></i> LinkedIn</a></p>{% endif %}
{% if site.owner.instagram %}<p style="text-indent:0;"><a href="http://instagram.com/{{ site.owner.instagram }}" target="_blank"><i class="icon-instagram"></i> Instagram</a></p>{% endif %}
{% if site.owner.github %}<p style="text-indent:0;"><a href="http://github.com/{{ site.owner.github }}" target="_blank"><i class="icon-github"></i> Github</a></p>{% endif %}
{% if site.owner.lastfm %}<p style="text-indent:0;"><a href="http://lastfm.com/{{ site.owner.lastfm }}" target="_blank"><i class="icon-lastfm"></i> Last.fm</a></p>{% endif %}
{% if site.owner.tumblr %}<p style="text-indent:0;"><a href="http://{{ site.owner.tumblr }}.tumblr.com" target="_blank"><i class="icon-tumblr"></i> Tumblr</a></p>{% endif %}

3
assets/css/ie.css
View file

@ -1423,9 +1423,6 @@ html {
display: inline; display: inline;
margin-right: 25px; margin-right: 25px;
} }
.top-navigation li:after {
content: ".";
}
.top-navigation li a { .top-navigation li a {
decoration: none; decoration: none;
border-bottom: 0 solid transparent; border-bottom: 0 solid transparent;

49
assets/css/main.css
View file

@ -1394,12 +1394,6 @@ svg:not(:root) {
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
@font-face {
font-family: 'icomoon';
src: url('../fonts/icomoon.svg#icomoon') format('svg');
}
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */ /* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before { [data-icon]:before {
font-family: 'icomoon'; font-family: 'icomoon';
@ -1417,11 +1411,16 @@ Instead of a list of all class selectors,
you can use the generic selector below, but it's slower: you can use the generic selector below, but it's slower:
[class*="icon-"] { [class*="icon-"] {
*/ */
.icon-twitter,
.icon-feed,
.icon-instagram, .icon-instagram,
.icon-facebook, .icon-facebook,
.icon-twitter,
.icon-google-plus, .icon-google-plus,
.icon-feed,
.icon-feed-2,
.icon-linkedin,
.icon-tumblr,
.icon-lastfm,
.icon-mail,
.icon-github { .icon-github {
font-family: 'icomoon'; font-family: 'icomoon';
speak: none; speak: none;
@ -1432,24 +1431,39 @@ you can use the generic selector below, but it's slower:
line-height: 1; line-height: 1;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
} }
.icon-twitter:before {
content: "\e000";
}
.icon-feed:before {
content: "\e003";
}
.icon-instagram:before { .icon-instagram:before {
content: "\e004"; content: "\e004";
} }
.icon-facebook:before { .icon-facebook:before {
content: "\e001"; content: "\e003";
}
.icon-twitter:before {
content: "\e007";
} }
.icon-google-plus:before { .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"; content: "\e002";
} }
.icon-github:before { .icon-lastfm:before {
content: "\e005"; content: "\e005";
} }
.icon-mail:before {
content: "\e006";
}
.icon-github:before {
content: "\e000";
}
/* Standard form controls ================================== */ /* Standard form controls ================================== */
form { form {
margin: 0 0 5px 0; margin: 0 0 5px 0;
@ -1766,9 +1780,6 @@ html {
display: inline; display: inline;
margin-right: 25px; margin-right: 25px;
} }
.top-navigation li:after {
content: ".";
}
.top-navigation li a { .top-navigation li a {
decoration: none; decoration: none;
border-bottom: 0 solid transparent; border-bottom: 0 solid transparent;

121
assets/fonts/icomoon.dev.svg
View file

@ -9,49 +9,86 @@ This is a custom SVG font generated by IcoMoon.
<font id="icomoon" horiz-adv-x="512" > <font id="icomoon" horiz-adv-x="512" >
<font-face units-per-em="512" ascent="480" descent="-32" /> <font-face units-per-em="512" ascent="480" descent="-32" />
<missing-glyph horiz-adv-x="512" /> <missing-glyph horiz-adv-x="512" />
<glyph unicode="&#xe000;" d="M 512.00,382.791c-18.838-8.354-39.082-14.001-60.33-16.54c 21.686,13.00, 38.343,33.585, 46.186,58.115 <glyph class="hidden" unicode="&#xf000;" d="M0,480L 512 -32L0 -32 z" horiz-adv-x="0" />
c-20.298-12.039-42.778-20.78-66.705-25.49c-19.16,20.415-46.461,33.17-76.673,33.17c-58.011,0.00-105.044-47.029-105.044-105.039 <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
c0.00-8.233, 0.929-16.25, 2.72-23.939c-87.30,4.382-164.701,46.20-216.509,109.753c-9.042-15.514-14.223-33.558-14.223-52.809 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
c0.00-36.444, 18.544-68.596, 46.73-87.433c-17.219,0.546-33.416,5.271-47.577,13.139c-0.01-0.438-0.01-0.878-0.01-1.321 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
c0.00-50.894, 36.209-93.348, 84.261-103.00c-8.813-2.40-18.094-3.686-27.674-3.686c-6.769,0.00-13.349,0.66-19.764,1.886 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
c 13.368-41.73, 52.16-72.103, 98.126-72.948c-35.95-28.175-81.243-44.967-130.458-44.967c-8.479,0.00-16.84,0.497-25.058,1.47 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 46.486-29.805, 101.701-47.197, 161.021-47.197c 193.211,0.00, 298.868,160.062, 298.868,298.872c0.00,4.554-0.103,9.084-0.305,13.59 c 8.8,0, 16-7.2, 16-16L 448,368 z" data-tags="instagram, social" />
C 480.11,343.227, 497.918,361.727, 512.00,382.791z" data-tags="twitter, tweet, 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
<glyph unicode="&#xe003;" d="M 68.147,104.535c-37.598,0.00-68.146-30.667-68.146-68.038c0.00-37.577, 30.55-67.901, 68.146-67.901 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
c 37.733,0.00, 68.247,30.324, 68.247,67.901C 136.393,73.868, 105.882,104.535, 68.147,104.535zM 0.078,306.035l0.00-98.129 c 63.892,0.00, 123.979-24.986, 169.229-70.256c 45.192-45.159, 70.141-105.518, 70.141-169.65l 98.561,0.00 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
C 338.008,154.41, 186.368,306.035, 0.078,306.035zM 0.194,480.00l0.00-98.178 c 227.891,0.00, 413.378-185.667, 413.378-413.822L 512.00-32.00 C 512.00,250.235, 282.373,480.00, 0.194,480.00z" data-tags="feed, rss, social" /> L 435.296,224z" data-tags="facebook, social" />
<glyph unicode="&#xe004;" d="M 427.00,480.00L 85.00,480.00 C 38.25,480.00,0.00,441.75,0.00,395.00l0.00-342.00 c0.00-46.75, 38.25-85.00, 85.00-85.00l 342.00,0.00 c 46.75,0.00, 85.00,38.25, 85.00,85.00L 512.00,395.00 C 512.00,441.75, 473.75,480.00, 427.00,480.00z <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
M 163.90,256.00l 184.20,0.00 c 3.494-10.029, 5.40-20.795, 5.40-32.00c0.00-53.762-43.738-97.50-97.50-97.50c-53.762,0.00-97.50,43.738-97.50,97.50 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 158.50,235.205, 160.406,245.971, 163.90,256.00z M 448.00,255.975L 448.00,128.00 l0.00-64.00 c0.00-17.60-14.40-32.00-32.00-32.00L 96.00,32.00 c-17.60,0.00-32.00,14.40-32.00,32.00l0.00,64.00 L 64.00,255.975 L 64.00,256.00 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
l 50.054,0.00 c-2.321-10.301-3.554-21.008-3.554-32.00c0.00-80.229, 65.271-145.50, 145.50-145.50c 80.229,0.00, 145.50,65.271, 145.50,145.50 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
c0.00,10.992-1.232,21.699-3.554,32.00L 448.00,256.00 L 448.00,255.975 z M 448.00,368.00c0.00-8.80-7.20-16.00-16.00-16.00l-32.00,0.00 c-8.80,0.00-16.00,7.20-16.00,16.00L 384.00,400.00 c0.00,8.80, 7.20,16.00, 16.00,16.00l 32.00,0.00 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
c 8.80,0.00, 16.00-7.20, 16.00-16.00L 448.00,368.00 z" data-tags="instagram, social" /> 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
<glyph unicode="&#xe001;" d="M 287.935-32.00L 192.00-32.00 L 192.00,224.00 l-64.00,0.00 l0.00,88.225 l 64.00,0.029l-0.104,51.976C 191.896,436.206, 211.413,480.00, 296.195,480.00l 70.588,0.00 l0.00-88.242 l-44.115,0.00 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
c-33.016,0.00-34.603-12.328-34.603-35.342l-0.131-44.162l 79.345,0.00 l-9.352-88.225L 288.00,224.00L 287.935-32.00z" data-tags="facebook, social" /> 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
<glyph unicode="&#xe002;" d="M 279.533,448.00c0.00,0.00-100.478,0.00-133.97,0.00C 85.503,448.00, 28.978,402.497, 28.978,349.789c0.00-53.863, 40.941-97.333, 102.044-97.333 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
c 4.249,0.00, 8.378,0.085, 12.421,0.376c-3.965-7.593-6.801-16.144-6.801-25.021c0.00-14.969, 8.052-27.105, 18.234-37.012 z" data-tags="twitter, tweet, social" />
c-7.693,0.00-15.121-0.224-23.226-0.224C 57.259,190.576,0.00,143.196,0.00,94.065c0.00-48.389, 62.771-78.657, 137.167-78.657 <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 84.812,0.00, 131.653,48.122, 131.653,96.514c0.00,38.80-11.448,62.036-46.843,87.067c-12.108,8.572-35.265,29.418-35.265,41.672 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
c0.00,14.36, 4.098,21.434, 25.714,38.323c 22.156,17.312, 37.836,41.651, 37.836,69.958c0.00,33.703-15.01,66.549-43.186,77.386l 42.477,0.00 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
L 279.533,448.00z M 232.74,120.271c 1.063-4.486, 1.642-9.103, 1.642-13.814c0.00-39.10-25.196-69.655-97.487-69.655 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
c-51.421,0.00-88.558,32.552-88.558,71.65c0.00,38.321, 46.063,70.222, 97.482,69.666c 12.00-0.127, 23.184-2.058, 33.335-5.345 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 207.067,153.36, 227.092,142.392, 232.74,120.271z M 150.409,266.112c-34.519,1.032-67.318,38.613-73.276,83.93 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
c-5.958,45.333, 17.185,80.021, 51.694,78.995c 34.505-1.037, 67.319-37.407, 73.279-82.729 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
C 208.059,300.978, 184.911,265.079, 150.409,266.112zM 416.00,352.00L 416.00,448.00L 384.00,448.00L 384.00,352.00L 288.00,352.00L 288.00,320.00L 384.00,320.00L 384.00,224.00L 416.00,224.00L 416.00,320.00L 512.00,320.00L 512.00,352.00 z" data-tags="google plus, social" /> 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
<glyph unicode="&#xe005;" d="M 256.00,480.00C 114.615,480.00,0.00,365.385,0.00,224.00s 114.615-256.00, 256.00-256.00s 256.00,114.615, 256.00,256.00S 397.385,480.00, 256.00,480.00z M 408.028,71.972 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-19.759-19.758-42.756-35.266-68.354-46.093c-6.503-2.75-13.107-5.164-19.80-7.246L 319.874,57.00 c0.00,20.167-6.917,35.00-20.75,44.50 C 229.913-8.517, 229.146-2.388, 227.725,3.577z" data-tags="google plus, social" />
c 8.667,0.833, 16.625,2.00, 23.875,3.50s 14.917,3.667, 23.00,6.50s 15.333,6.208, 21.75,10.125s 12.583,9.00, 18.50,15.25s 10.875,13.333, 14.875,21.25 <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
s 7.167,17.417, 9.50,28.50s 3.50,23.292, 3.50,36.625c0.00,25.833-8.417,47.833-25.25,66.00c 7.667,20.00, 6.833,41.75-2.50,65.25l-6.25,0.75 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-4.333,0.50-12.125-1.333-23.375-5.50s-23.875-11.00-37.875-20.50c-19.833,5.50-40.417,8.25-61.75,8.25c-21.50,0.00-42.00-2.75-61.50-8.25 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" />
c-8.833,6.00-17.208,10.958-25.125,14.875c-7.917,3.917-14.25,6.583-19.00,8.00s-9.167,2.292-13.25,2.625s-6.708,0.417-7.875,0.25 <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
s-2.00-0.333-2.50-0.50c-9.333-23.667-10.167-45.417-2.50-65.25c-16.833-18.167-25.25-40.167-25.25-66.00c0.00-13.333, 1.167-25.542, 3.50-36.625 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
s 5.50-20.583, 9.50-28.50s 8.958-15.00, 14.875-21.25s 12.083-11.333, 18.50-15.25s 13.667-7.292, 21.75-10.125s 15.75-5.00, 23.00-6.50 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
s 15.208-2.667, 23.875-3.50c-13.667-9.333-20.50-24.167-20.50-44.50l0.00-39.115 c-7.549,2.247-14.99,4.902-22.30,7.994 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-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.00,194.957, 41.00,224.00 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 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.00, 256.00,439.00s 57.195-5.679, 83.675-16.879c 25.598-10.827, 48.595-26.335, 68.354-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.00,253.043, 471.00,224.00s-5.679-57.195-16.879-83.675 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" /> 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" /> <glyph unicode="&#x20;" horiz-adv-x="256" />
<glyph class="hidden" unicode="&#xf000;" d="M0,480L 512 -32L0 -32 z" horiz-adv-x="0" />
</font></defs></svg> </font></defs></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.7 KiB

After

Width:  |  Height:  |  Size: 11 KiB

BIN
assets/fonts/icomoon.eot
View file

Binary file not shown.

121
assets/fonts/icomoon.svg
View file

@ -9,49 +9,86 @@ This is a custom SVG font generated by IcoMoon.
<font id="icomoon" horiz-adv-x="512" > <font id="icomoon" horiz-adv-x="512" >
<font-face units-per-em="512" ascent="480" descent="-32" /> <font-face units-per-em="512" ascent="480" descent="-32" />
<missing-glyph horiz-adv-x="512" /> <missing-glyph horiz-adv-x="512" />
<glyph unicode="&#xe000;" d="M 512.00,382.791c-18.838-8.354-39.082-14.001-60.33-16.54c 21.686,13.00, 38.343,33.585, 46.186,58.115 <glyph class="hidden" unicode="&#xf000;" d="M0,480L 512 -32L0 -32 z" horiz-adv-x="0" />
c-20.298-12.039-42.778-20.78-66.705-25.49c-19.16,20.415-46.461,33.17-76.673,33.17c-58.011,0.00-105.044-47.029-105.044-105.039 <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
c0.00-8.233, 0.929-16.25, 2.72-23.939c-87.30,4.382-164.701,46.20-216.509,109.753c-9.042-15.514-14.223-33.558-14.223-52.809 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
c0.00-36.444, 18.544-68.596, 46.73-87.433c-17.219,0.546-33.416,5.271-47.577,13.139c-0.01-0.438-0.01-0.878-0.01-1.321 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
c0.00-50.894, 36.209-93.348, 84.261-103.00c-8.813-2.40-18.094-3.686-27.674-3.686c-6.769,0.00-13.349,0.66-19.764,1.886 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
c 13.368-41.73, 52.16-72.103, 98.126-72.948c-35.95-28.175-81.243-44.967-130.458-44.967c-8.479,0.00-16.84,0.497-25.058,1.47 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 46.486-29.805, 101.701-47.197, 161.021-47.197c 193.211,0.00, 298.868,160.062, 298.868,298.872c0.00,4.554-0.103,9.084-0.305,13.59 c 8.8,0, 16-7.2, 16-16L 448,368 z" />
C 480.11,343.227, 497.918,361.727, 512.00,382.791z" /> <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
<glyph unicode="&#xe003;" d="M 68.147,104.535c-37.598,0.00-68.146-30.667-68.146-68.038c0.00-37.577, 30.55-67.901, 68.146-67.901 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
c 37.733,0.00, 68.247,30.324, 68.247,67.901C 136.393,73.868, 105.882,104.535, 68.147,104.535zM 0.078,306.035l0.00-98.129 c 63.892,0.00, 123.979-24.986, 169.229-70.256c 45.192-45.159, 70.141-105.518, 70.141-169.65l 98.561,0.00 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
C 338.008,154.41, 186.368,306.035, 0.078,306.035zM 0.194,480.00l0.00-98.178 c 227.891,0.00, 413.378-185.667, 413.378-413.822L 512.00-32.00 C 512.00,250.235, 282.373,480.00, 0.194,480.00z" /> L 435.296,224z" />
<glyph unicode="&#xe004;" d="M 427.00,480.00L 85.00,480.00 C 38.25,480.00,0.00,441.75,0.00,395.00l0.00-342.00 c0.00-46.75, 38.25-85.00, 85.00-85.00l 342.00,0.00 c 46.75,0.00, 85.00,38.25, 85.00,85.00L 512.00,395.00 C 512.00,441.75, 473.75,480.00, 427.00,480.00z <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
M 163.90,256.00l 184.20,0.00 c 3.494-10.029, 5.40-20.795, 5.40-32.00c0.00-53.762-43.738-97.50-97.50-97.50c-53.762,0.00-97.50,43.738-97.50,97.50 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 158.50,235.205, 160.406,245.971, 163.90,256.00z M 448.00,255.975L 448.00,128.00 l0.00-64.00 c0.00-17.60-14.40-32.00-32.00-32.00L 96.00,32.00 c-17.60,0.00-32.00,14.40-32.00,32.00l0.00,64.00 L 64.00,255.975 L 64.00,256.00 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
l 50.054,0.00 c-2.321-10.301-3.554-21.008-3.554-32.00c0.00-80.229, 65.271-145.50, 145.50-145.50c 80.229,0.00, 145.50,65.271, 145.50,145.50 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
c0.00,10.992-1.232,21.699-3.554,32.00L 448.00,256.00 L 448.00,255.975 z M 448.00,368.00c0.00-8.80-7.20-16.00-16.00-16.00l-32.00,0.00 c-8.80,0.00-16.00,7.20-16.00,16.00L 384.00,400.00 c0.00,8.80, 7.20,16.00, 16.00,16.00l 32.00,0.00 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
c 8.80,0.00, 16.00-7.20, 16.00-16.00L 448.00,368.00 z" /> 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
<glyph unicode="&#xe001;" d="M 287.935-32.00L 192.00-32.00 L 192.00,224.00 l-64.00,0.00 l0.00,88.225 l 64.00,0.029l-0.104,51.976C 191.896,436.206, 211.413,480.00, 296.195,480.00l 70.588,0.00 l0.00-88.242 l-44.115,0.00 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
c-33.016,0.00-34.603-12.328-34.603-35.342l-0.131-44.162l 79.345,0.00 l-9.352-88.225L 288.00,224.00L 287.935-32.00z" /> 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
<glyph unicode="&#xe002;" d="M 279.533,448.00c0.00,0.00-100.478,0.00-133.97,0.00C 85.503,448.00, 28.978,402.497, 28.978,349.789c0.00-53.863, 40.941-97.333, 102.044-97.333 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
c 4.249,0.00, 8.378,0.085, 12.421,0.376c-3.965-7.593-6.801-16.144-6.801-25.021c0.00-14.969, 8.052-27.105, 18.234-37.012 z" />
c-7.693,0.00-15.121-0.224-23.226-0.224C 57.259,190.576,0.00,143.196,0.00,94.065c0.00-48.389, 62.771-78.657, 137.167-78.657 <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 84.812,0.00, 131.653,48.122, 131.653,96.514c0.00,38.80-11.448,62.036-46.843,87.067c-12.108,8.572-35.265,29.418-35.265,41.672 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
c0.00,14.36, 4.098,21.434, 25.714,38.323c 22.156,17.312, 37.836,41.651, 37.836,69.958c0.00,33.703-15.01,66.549-43.186,77.386l 42.477,0.00 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
L 279.533,448.00z M 232.74,120.271c 1.063-4.486, 1.642-9.103, 1.642-13.814c0.00-39.10-25.196-69.655-97.487-69.655 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
c-51.421,0.00-88.558,32.552-88.558,71.65c0.00,38.321, 46.063,70.222, 97.482,69.666c 12.00-0.127, 23.184-2.058, 33.335-5.345 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 207.067,153.36, 227.092,142.392, 232.74,120.271z M 150.409,266.112c-34.519,1.032-67.318,38.613-73.276,83.93 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
c-5.958,45.333, 17.185,80.021, 51.694,78.995c 34.505-1.037, 67.319-37.407, 73.279-82.729 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
C 208.059,300.978, 184.911,265.079, 150.409,266.112zM 416.00,352.00L 416.00,448.00L 384.00,448.00L 384.00,352.00L 288.00,352.00L 288.00,320.00L 384.00,320.00L 384.00,224.00L 416.00,224.00L 416.00,320.00L 512.00,320.00L 512.00,352.00 z" /> 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
<glyph unicode="&#xe005;" d="M 256.00,480.00C 114.615,480.00,0.00,365.385,0.00,224.00s 114.615-256.00, 256.00-256.00s 256.00,114.615, 256.00,256.00S 397.385,480.00, 256.00,480.00z M 408.028,71.972 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-19.759-19.758-42.756-35.266-68.354-46.093c-6.503-2.75-13.107-5.164-19.80-7.246L 319.874,57.00 c0.00,20.167-6.917,35.00-20.75,44.50 C 229.913-8.517, 229.146-2.388, 227.725,3.577z" />
c 8.667,0.833, 16.625,2.00, 23.875,3.50s 14.917,3.667, 23.00,6.50s 15.333,6.208, 21.75,10.125s 12.583,9.00, 18.50,15.25s 10.875,13.333, 14.875,21.25 <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
s 7.167,17.417, 9.50,28.50s 3.50,23.292, 3.50,36.625c0.00,25.833-8.417,47.833-25.25,66.00c 7.667,20.00, 6.833,41.75-2.50,65.25l-6.25,0.75 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-4.333,0.50-12.125-1.333-23.375-5.50s-23.875-11.00-37.875-20.50c-19.833,5.50-40.417,8.25-61.75,8.25c-21.50,0.00-42.00-2.75-61.50-8.25 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" />
c-8.833,6.00-17.208,10.958-25.125,14.875c-7.917,3.917-14.25,6.583-19.00,8.00s-9.167,2.292-13.25,2.625s-6.708,0.417-7.875,0.25 <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
s-2.00-0.333-2.50-0.50c-9.333-23.667-10.167-45.417-2.50-65.25c-16.833-18.167-25.25-40.167-25.25-66.00c0.00-13.333, 1.167-25.542, 3.50-36.625 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
s 5.50-20.583, 9.50-28.50s 8.958-15.00, 14.875-21.25s 12.083-11.333, 18.50-15.25s 13.667-7.292, 21.75-10.125s 15.75-5.00, 23.00-6.50 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
s 15.208-2.667, 23.875-3.50c-13.667-9.333-20.50-24.167-20.50-44.50l0.00-39.115 c-7.549,2.247-14.99,4.902-22.30,7.994 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-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.00,194.957, 41.00,224.00 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 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.00, 256.00,439.00s 57.195-5.679, 83.675-16.879c 25.598-10.827, 48.595-26.335, 68.354-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.00,253.043, 471.00,224.00s-5.679-57.195-16.879-83.675 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" /> C 443.294,114.728, 427.786,91.73, 408.028,71.972z" />
<glyph unicode="&#x20;" horiz-adv-x="256" /> <glyph unicode="&#x20;" horiz-adv-x="256" />
<glyph class="hidden" unicode="&#xf000;" d="M0,480L 512 -32L0 -32 z" horiz-adv-x="0" />
</font></defs></svg> </font></defs></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.5 KiB

After

Width:  |  Height:  |  Size: 10 KiB

BIN
assets/fonts/icomoon.ttf
View file

Binary file not shown.

BIN
assets/fonts/icomoon.woff
View file

Binary file not shown.

40
assets/less/icomoon.less
View file

@ -9,13 +9,6 @@
font-style: normal; font-style: normal;
} }
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'icomoon';
src: url('../fonts/icomoon.svg#icomoon') format('svg');
}
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */ /* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before { [data-icon]:before {
font-family: 'icomoon'; font-family: 'icomoon';
@ -34,7 +27,7 @@ Instead of a list of all class selectors,
you can use the generic selector below, but it's slower: you can use the generic selector below, but it's slower:
[class*="icon-"] { [class*="icon-"] {
*/ */
.icon-twitter, .icon-feed, .icon-instagram, .icon-facebook, .icon-google-plus, .icon-github { .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'; font-family: 'icomoon';
speak: none; speak: none;
font-style: normal; font-style: normal;
@ -44,21 +37,36 @@ you can use the generic selector below, but it's slower:
line-height: 1; line-height: 1;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
} }
.icon-twitter:before {
content: "\e000";
}
.icon-feed:before {
content: "\e003";
}
.icon-instagram:before { .icon-instagram:before {
content: "\e004"; content: "\e004";
} }
.icon-facebook:before { .icon-facebook:before {
content: "\e001"; content: "\e003";
}
.icon-twitter:before {
content: "\e007";
} }
.icon-google-plus:before { .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"; content: "\e002";
} }
.icon-github:before { .icon-lastfm:before {
content: "\e005"; content: "\e005";
} }
.icon-mail:before {
content: "\e006";
}
.icon-github:before {
content: "\e000";
}

3
assets/less/page.less
View file

@ -35,9 +35,6 @@ html {
list-style-type: none; list-style-type: none;
display: inline; display: inline;
margin-right: 25px; margin-right: 25px;
&:after {
content: ".";
}
a { a {
decoration: none; decoration: none;
border-bottom: 0 solid transparent; border-bottom: 0 solid transparent;

BIN
images/texture-feature-01.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 170 KiB

After

Width:  |  Height:  |  Size: 71 KiB

BIN
images/texture-feature-02.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 97 KiB

After

Width:  |  Height:  |  Size: 41 KiB

BIN
images/texture-feature-03.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 220 KiB

After

Width:  |  Height:  |  Size: 88 KiB

BIN
images/texture-feature-04.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 215 KiB

After

Width:  |  Height:  |  Size: 89 KiB

BIN
images/texture-feature-05.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 182 KiB

After

Width:  |  Height:  |  Size: 78 KiB

27
theme-setup.md
View file

@ -111,6 +111,33 @@ Not sure if this only effects Kramdown or if it's an issue with Markdown in gene
<iframe width="560" height="315" src="http://www.youtube.com/embed/PWf4WUoMXwg" frameborder="0"> </iframe> <iframe width="560" height="315" src="http://www.youtube.com/embed/PWf4WUoMXwg" frameborder="0"> </iframe>
{% endhighlight %} {% endhighlight %}
## Further Customization
To make things easier I use LESS to build Minimal Mistakes' stylesheets. If you want to make some minor cosmetic alterations, take a look at `variables.less` in `assets/less/`. Changing some of the following variables can help make the theme your own. Just compile `main.less` and `ie.less` using your preprocessor of choice and off you go --- I like [CodeKit](http://incident57.com/codekit/) and [Prepros](http://alphapixels.com/prepros/).
{% highlight css %}
// TYPOGRAPHY ================================================
@basefont: 'PT Serif', serif;
@baseheadingfont: 'PT Sans Narrow', sans-serif;
@codefont: Monaco, Courier New, monospace;
// COLOR ====================================================
@bodycolor : #ebebeb;
@textcolor : #333332;
@basecolor : #343434;
@compcolor : spin(@basecolor, 180);
@bordercolor : @basecolor;
@white : #fff;
@black : #000;
@accentcolor : @black;
/* Links ================================================= */
@linkcolor : #343434;
@linkcolorhover : darken(@linkcolor, 10);
@linkcolorvisited : lighten(@linkcolorhover, 20);
@linkcolorfocus : darken(@linkcolorvisited, 10);
{% endhighlight %}
[^1]: Used to generate absolute urls in *sitemap.xml*, *feed.xml*, and for canonical urls in *head.html*. Don't include a trailing `\` in your base url ie: http://mademistakes.com. When developing locally remove or comment out this line so local css, js, and images are used. [^1]: Used to generate absolute urls in *sitemap.xml*, *feed.xml*, and for canonical urls in *head.html*. Don't include a trailing `\` in your base url ie: http://mademistakes.com. When developing locally remove or comment out this line so local css, js, and images are used.
[^2]: Feature images supplied by [Love Textures](http://www.lovetextures.com/) [^2]: Feature images supplied by [Love Textures](http://www.lovetextures.com/)