diff --git a/Gruntfile.js b/Gruntfile.js
index 4cba1b9f..75ae621f 100644
--- a/Gruntfile.js
+++ b/Gruntfile.js
@@ -43,7 +43,7 @@ module.exports = function(grunt){
less: {
production: {
files: {
- '<%= config.site %>/<%= config.assets.css %>/kremalicious.min.css' : '<%= config.src %>/<%= config.assets.less %>/kremalicious.less'
+ '<%= config.site %>/<%= config.assets.css %>/kremalicious3.min.css' : '<%= config.src %>/<%= config.assets.less %>/kremalicious3.less'
},
},
},
@@ -52,7 +52,7 @@ module.exports = function(grunt){
cmq: {
production: {
files: {
- '<%= config.site %>/<%= config.assets.css %>/': ['<%= config.site %>/<%= config.assets.css %>/kremalicious.min.css']
+ '<%= config.site %>/<%= config.assets.css %>/': ['<%= config.site %>/<%= config.assets.css %>/kremalicious3.min.css']
}
}
},
@@ -61,7 +61,7 @@ module.exports = function(grunt){
cssmin: {
production: {
files: {
- '<%= config.site %>/<%= config.assets.css %>/kremalicious.min.css': ['<%= config.site %>/<%= config.assets.css %>/*.css']
+ '<%= config.site %>/<%= config.assets.css %>/kremalicious3.min.css': ['<%= config.site %>/<%= config.assets.css %>/*.css']
}
}
},
@@ -74,7 +74,7 @@ module.exports = function(grunt){
mangle: true
},
files: {
- '<%= config.site %>/<%= config.assets.js %>/kremalicious.min.js': [
+ '<%= config.site %>/<%= config.assets.js %>/kremalicious3.min.js': [
'<%= config.src %>/<%= config.assets.js %>/script.js'
]
}
@@ -133,9 +133,10 @@ module.exports = function(grunt){
files: [
'<%= config.src %>/*.html',
'<%= config.src %>/_includes/**',
- '<%= config.src %>/_layouts/**'
+ '<%= config.src %>/_layouts/**',
+ '<%= config.src %>/_posts/**'
],
- tasks: ['jekyll', 'less', 'uglify']
+ tasks: ['jekyll', 'less']
},
},
@@ -177,7 +178,7 @@ module.exports = function(grunt){
'less',
'cmq',
'cssmin',
- 'uglify',
+ //'uglify',
'connect',
'watch'
]);
diff --git a/_src/_includes/footer.html b/_src/_includes/footer.html
index e69de29b..71fe722a 100644
--- a/_src/_includes/footer.html
+++ b/_src/_includes/footer.html
@@ -0,0 +1,24 @@
+
\ No newline at end of file
diff --git a/_src/_includes/header.html b/_src/_includes/header.html
index e69de29b..3367a414 100644
--- a/_src/_includes/header.html
+++ b/_src/_includes/header.html
@@ -0,0 +1,7 @@
+
\ No newline at end of file
diff --git a/_src/_layouts/default.html b/_src/_layouts/default.html
index 2f5b3e50..87b41907 100644
--- a/_src/_layouts/default.html
+++ b/_src/_layouts/default.html
@@ -1,17 +1,59 @@
-
+
+
+
+ {{ page.title }} ¦ {{ site.name }}
+
+
- {{ page.title }}
+
+
+
+
+
+
+
+
{% include header.html %}
- {{ content }}
+
{% include footer.html %}
diff --git a/_src/_layouts/image.html b/_src/_layouts/image.html
new file mode 100644
index 00000000..2f464ffe
--- /dev/null
+++ b/_src/_layouts/image.html
@@ -0,0 +1,29 @@
+---
+layout: default
+---
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/_src/_layouts/link.html b/_src/_layouts/link.html
new file mode 100644
index 00000000..3d59e77a
--- /dev/null
+++ b/_src/_layouts/link.html
@@ -0,0 +1,24 @@
+---
+layout: default
+---
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/_src/_layouts/post.html b/_src/_layouts/post.html
index 04e3586b..21a7396a 100644
--- a/_src/_layouts/post.html
+++ b/_src/_layouts/post.html
@@ -1,9 +1,25 @@
---
layout: default
---
-{{ page.title }}
-{{ page.date | date_to_string }}
-
-{{ content }}
-
+
+
+
+
+
+
+ {{ page.image }}
+ {{ content }}
+
+
+
+
\ No newline at end of file
diff --git a/_src/_posts/2013-11-17-welcome-to-jekyll.markdown b/_src/_posts/2013-11-17-welcome-to-jekyll.markdown
index f4a456a1..47318753 100644
--- a/_src/_posts/2013-11-17-welcome-to-jekyll.markdown
+++ b/_src/_posts/2013-11-17-welcome-to-jekyll.markdown
@@ -1,6 +1,7 @@
---
layout: post
title: "Welcome to Jekyll!"
+author: Matthias Kretschmann
date: 2013-11-17 23:56:48
categories: jekyll update
---
diff --git a/_src/assets/fonts/Google Android License.txt b/_src/assets/fonts/Google Android License.txt
new file mode 100644
index 00000000..1a96dfde
--- /dev/null
+++ b/_src/assets/fonts/Google Android License.txt
@@ -0,0 +1,18 @@
+Copyright (C) 2008 The Android Open Source Project
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+
+##########
+
+This directory contains the fonts for the platform. They are licensed
+under the Apache 2 license.
diff --git a/_src/assets/fonts/Roboto-Regular-webfont.eot b/_src/assets/fonts/Roboto-Regular-webfont.eot
new file mode 100644
index 00000000..feb9b46f
Binary files /dev/null and b/_src/assets/fonts/Roboto-Regular-webfont.eot differ
diff --git a/_src/assets/fonts/Roboto-Regular-webfont.svg b/_src/assets/fonts/Roboto-Regular-webfont.svg
new file mode 100644
index 00000000..e4f21cc0
--- /dev/null
+++ b/_src/assets/fonts/Roboto-Regular-webfont.svg
@@ -0,0 +1,147 @@
+
+
+
\ No newline at end of file
diff --git a/_src/assets/fonts/Roboto-Regular-webfont.ttf b/_src/assets/fonts/Roboto-Regular-webfont.ttf
new file mode 100644
index 00000000..b732d26a
Binary files /dev/null and b/_src/assets/fonts/Roboto-Regular-webfont.ttf differ
diff --git a/_src/assets/fonts/Roboto-Regular-webfont.woff b/_src/assets/fonts/Roboto-Regular-webfont.woff
new file mode 100644
index 00000000..18bdd9bc
Binary files /dev/null and b/_src/assets/fonts/Roboto-Regular-webfont.woff differ
diff --git a/_src/assets/fonts/entypo.dev.svg b/_src/assets/fonts/entypo.dev.svg
new file mode 100644
index 00000000..618d95cf
--- /dev/null
+++ b/_src/assets/fonts/entypo.dev.svg
@@ -0,0 +1,85 @@
+
+
+
\ No newline at end of file
diff --git a/_src/assets/fonts/entypo.eot b/_src/assets/fonts/entypo.eot
new file mode 100644
index 00000000..cc6c3de1
Binary files /dev/null and b/_src/assets/fonts/entypo.eot differ
diff --git a/_src/assets/fonts/entypo.svg b/_src/assets/fonts/entypo.svg
new file mode 100644
index 00000000..c8b8c95f
--- /dev/null
+++ b/_src/assets/fonts/entypo.svg
@@ -0,0 +1,85 @@
+
+
+
\ No newline at end of file
diff --git a/_src/assets/fonts/entypo.ttf b/_src/assets/fonts/entypo.ttf
new file mode 100644
index 00000000..2b0182b6
Binary files /dev/null and b/_src/assets/fonts/entypo.ttf differ
diff --git a/_src/assets/fonts/entypo.woff b/_src/assets/fonts/entypo.woff
new file mode 100644
index 00000000..98cf7183
Binary files /dev/null and b/_src/assets/fonts/entypo.woff differ
diff --git a/_src/assets/img/krlcus-cloud16.png b/_src/assets/img/krlcus-cloud16.png
new file mode 100644
index 00000000..5623a4cc
Binary files /dev/null and b/_src/assets/img/krlcus-cloud16.png differ
diff --git a/_src/assets/img/krlcus-cloud32.png b/_src/assets/img/krlcus-cloud32.png
new file mode 100644
index 00000000..c4afdd19
Binary files /dev/null and b/_src/assets/img/krlcus-cloud32.png differ
diff --git a/_src/assets/img/logo-kremalicious-g-profile.png b/_src/assets/img/logo-kremalicious-g-profile.png
new file mode 100644
index 00000000..87a7cfd9
Binary files /dev/null and b/_src/assets/img/logo-kremalicious-g-profile.png differ
diff --git a/_src/assets/img/logo.png b/_src/assets/img/logo.png
new file mode 100644
index 00000000..ac40fa20
Binary files /dev/null and b/_src/assets/img/logo.png differ
diff --git a/_src/assets/img/logo@2x.png b/_src/assets/img/logo@2x.png
new file mode 100644
index 00000000..d89f83ae
Binary files /dev/null and b/_src/assets/img/logo@2x.png differ
diff --git a/_src/assets/less/alerts.less b/_src/assets/less/alerts.less
new file mode 100644
index 00000000..3a96d6cc
--- /dev/null
+++ b/_src/assets/less/alerts.less
@@ -0,0 +1,92 @@
+.alert {
+ font-size: .95em;
+ line-height: 22px;
+ padding: .5em 35px .5em 1em;
+ margin-bottom: 18px;
+ color: #8a6d3d;
+ background-color: #fcf8e3;
+ #gradient > .vertical(rgba(0,0,0,0); 0%; rgba(0,0,0,.03); 100%);
+ border: 1px solid #d7cab9;
+ border-radius: 4px;
+
+ .close {
+ float: right;
+ font-size: 24px;
+ font-weight: bold;
+ line-height: 18px;
+ color: #000000;
+ opacity: .2;
+ position: relative;
+ top: -2px;
+ right: -21px;
+ line-height: 18px;
+
+ &:hover {
+ color: #000000;
+ text-decoration: none;
+ cursor: pointer;
+ opacity: .4;
+ }
+
+ i:before {
+ color: inherit;
+ }
+ }
+}
+
+.alert-heading {
+ color: inherit;
+}
+
+.alert-success {
+ color: #468847;
+ background-color: #dff0d8;
+ border-color: #b5c6a8;
+}
+
+.alert-danger,
+.alert-error {
+ color: #b94a48;
+ background-color: #f2dede;
+ border-color: #dcc5ca;
+}
+
+.alert-info {
+ color: #3a87ad;
+ background-color: #d9edf7;
+ border-color: #a6ced8;
+}
+
+.alert-block {
+ padding-top: 1em;
+ padding-bottom: 1em;
+}
+
+.alert-block > p,
+.alert-block > ul {
+ margin-bottom: 0;
+}
+
+.alert-block p + p {
+ margin-top: 5px;
+}
+
+#devWarning p,
+#devWarning .rememberCloseButton {
+ padding-left: 3.5em;
+ position: relative;
+}
+
+#devWarning .rememberCloseButton {
+ margin-top: .6em;
+ display: inline-block;
+}
+
+#devWarning i:before {
+ color: rgba(138, 109, 61, .4);
+ font-size: 2em;
+ display: block;
+ position: absolute;
+ left: .2em;
+ top: .2em;
+}
\ No newline at end of file
diff --git a/_src/assets/less/animations.less b/_src/assets/less/animations.less
new file mode 100644
index 00000000..a81472bc
--- /dev/null
+++ b/_src/assets/less/animations.less
@@ -0,0 +1,52 @@
+// Buttery Smooth(tm)
+////////////////////////////////////
+
+.gpuacceleration {
+ -webkit-transform: translate3d(0,0,0);
+ -webkit-backface-visibility: hidden;
+ -webkit-perspective: 1000;
+}
+
+
+// Masonry
+////////////////////////////////////
+
+.masonry,
+.masonry .masonry-brick {
+ .transition-duration(0.7s);
+}
+
+.masonry {
+ .transition-property(~"height, width");
+}
+
+.masonry .masonry-brick {
+ .transition-property(~"left, right, top");
+}
+
+
+// Loading Thingy
+////////////////////////////////////
+
+.loading {
+ .animation(loadingThingy .2s infinite);
+ .gpuacceleration;
+}
+
+@keyframes loadingThingy {
+ from {
+ opacity: 1;
+ }
+ to {
+ opacity: 0
+ }
+}
+
+@-webkit-keyframes loadingThingy {
+ from {
+ opacity: 1;
+ }
+ to {
+ opacity: 0
+ }
+}
\ No newline at end of file
diff --git a/_src/assets/less/app.less b/_src/assets/less/app.less
new file mode 100644
index 00000000..6ff26d13
--- /dev/null
+++ b/_src/assets/less/app.less
@@ -0,0 +1,15 @@
+
+
+
+/* ============================================================== */
+/* Old Article Fixes */
+/* ============================================================== */
+
+// text-shadow article
+// fluid examples
+#post-39 .entry-content > div,
+#post-39 .entry-content img {
+ max-width: 100%;
+ height: auto !important;
+ margin-left: 0 !important;
+}
\ No newline at end of file
diff --git a/_src/assets/less/buttons.less b/_src/assets/less/buttons.less
new file mode 100644
index 00000000..c9752f61
--- /dev/null
+++ b/_src/assets/less/buttons.less
@@ -0,0 +1,159 @@
+/////////////////////////////////////
+// BUTTONS CSS FOR KREMALICIOUS.COM
+/////////////////////////////////////
+
+.btn {
+ font-size: @font-size-small;
+ line-height: 1em;
+ font-family: @headings-font-family;
+ font-weight: @headings-font-weight;
+ font-style: normal;
+ text-align: center;
+ text-transform: uppercase;
+ vertical-align: middle;
+ cursor: pointer;
+ display: inline-block;
+ padding: .5em 2em;
+ margin-bottom: @line-height-computed;
+ background: rgba(255,255,255,.1);
+ border: 1px solid rgba(94,131,162,.3);
+ border-bottom-color: rgba(94,131,162,.4);
+ border-radius: @border-radius-base;
+ .box-shadow(~"0 1px 3px rgba(151,156,159,.1), inset 0 1px 0 rgba(255,255,255,.7)");
+ .transition;
+
+ &:hover {
+ background-color: rgba(255,255,255,.5);
+ }
+
+ &:active {
+ background-color: transparent;
+ border-top-color: rgba(94,131,162,.5);
+ outline: 0;
+ .box-shadow(0 1px 0 #fff);
+ .transition(none);
+ }
+
+ span {
+ font-size: .9em;
+ color: rgba(19, 56, 50, .6);
+ margin-left: .3em;
+ }
+}
+
+.btn-primary,
+a.btn-primary:visited {
+ color: darken(@link-color, 30%);
+ text-shadow: 0 1px 0 rgba(255,255,255,.3);
+ background: lighten(@link-color, 15%);
+ border-color: rgba(40,101,93,.4);
+ border-bottom-color: rgba(40,101,93,.5);
+ .box-shadow(~"0 1px 3px rgba(151,156,159,.1), inset 0 1px 0 rgba(255,255,255,.4)");
+
+ &:hover {
+ color: darken(@link-color, 30%);
+ background-color: lighten(@link-color, 25%);
+ text-shadow: 0 1px 0 rgba(255,255,255,.3);
+ }
+
+ &:active {
+ color: darken(@link-color, 30%);
+ background-color: lighten(@link-color, 15%);
+ border-top-color: rgba(40,101,93,.9);
+ .box-shadow(~"0 1px 0 #fff,inset 0 0 18px rgba(43,100,92,.3)");
+ .transition(none);
+ }
+
+}
+
+.btn-tag {
+ line-height: @line-height-base;
+ font-family: @headings-font-family;
+ font-weight: @headings-font-weight;
+ font-style: normal;
+ text-align: center;
+ text-transform: lowercase;
+ vertical-align: middle;
+
+ color: @text-color-light;
+
+ &:before {
+ content: "#";
+ color: @text-color-dimmed;
+ font-size: .9em;
+ margin-right: .1em;
+ }
+
+ &:hover {
+ color: @link-color;
+
+ &:before { color: @text-color-light; }
+ }
+}
+
+
+.more-link {
+ .btn;
+ background: none;
+ border: none;
+ box-shadow: none;
+ padding: 0;
+ margin: 0;
+
+ &:hover {
+ background: none;
+ }
+}
+
+.btn-block {
+ display: block;
+}
+
+// assign default button styles to all this stuff
+.inline-download,
+.download {
+ .btn;
+}
+
+a[rel*="tag"] {
+ .btn-tag;
+}
+
+// Old Download Button Overwrites
+.inline-download:link {
+ display: block;
+ text-align: center;
+
+ img {
+ display: none;
+ }
+}
+
+
+// Socialite.js
+// replicate social buttons, but dim everything
+.btn.socialite {
+ font: normal normal normal 11px/18px 'Helvetica Neue',Arial,sans-serif;
+ text-align: left;
+ color: #676767;
+ text-transform: none;
+ font-weight: bold;
+ text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
+ height: 21px;
+ max-width: 100%;
+ position: relative;
+ background-color: rgba(255,255,255,.4);
+ #gradient > .vertical(rgba(255,255,255,0.7); 0%; rgba(255,255,255,0); 100%);
+ border: 1px solid #dcdcdc;
+ border-radius: 3px;
+ display: inline-block;
+ vertical-align: top;
+ padding: 1px 5px;
+ .box-shadow(none);
+
+ i:before {
+ font-size: 12px;
+ margin-right: 0;
+ }
+
+}
\ No newline at end of file
diff --git a/_src/assets/less/code.less b/_src/assets/less/code.less
new file mode 100644
index 00000000..d517fe25
--- /dev/null
+++ b/_src/assets/less/code.less
@@ -0,0 +1,39 @@
+// CODE
+/////////////////////////////////////
+
+pre, code, kbd, samp {
+ font-family: @font-family-monospace;
+ font-size: 12px;
+ line-height: 18px;
+ color: @text-color;
+ background: #f8f8f8;
+ background: rgba(255,255,255,.4);
+ border-radius: @border-radius-base;
+}
+
+pre {
+ padding: 1em;
+ margin-bottom: 1.5em;
+ display: block;
+ width: auto;
+ overflow: scroll;
+ -webkit-overflow-scrolling: touch;
+ max-height: 300px;
+ white-space: pre;
+ white-space: pre-wrap;
+ word-wrap: normal;
+ .transition;
+
+ &:hover {
+ background: #fff;
+ background: rgba(255,255,255,.5);
+ }
+
+ code {
+ border: none;
+ padding: 0;
+ margin: 0;
+ border-radius: 0;
+ background: none;
+ }
+}
\ No newline at end of file
diff --git a/_src/assets/less/content.less b/_src/assets/less/content.less
new file mode 100644
index 00000000..0141aa38
--- /dev/null
+++ b/_src/assets/less/content.less
@@ -0,0 +1,291 @@
+.hentry {
+ .divider-bottom;
+ padding: @line-height-computed*2 0;
+
+ @media @breakpoint2 {
+ padding: (@line-height-computed * 4) 0;
+ }
+
+ &:first-child { padding-top: 0; }
+}
+
+// post title
+.entry-title {
+ .h1;
+ text-align: center;
+ color: @headings-color;
+ margin-top: 0;
+ margin-bottom: @line-height-computed;
+
+ .format-link & { .h4; }
+}
+
+// post content
+.entry-content {
+ h1, h2, h3, h4 {
+ .heading-band;
+ }
+}
+
+
+// post category icons
+/////////////////////////////////////
+
+.posttype {
+ display: block;
+ width: 20px;
+ margin-left: auto;
+ margin-right: auto;
+ margin-bottom: @line-height-computed/2;
+ margin-top: -@line-height-computed;
+
+ // icon adjustments
+ &:before {
+ font-size: 20px;
+ color: @text-color-light
+ }
+
+ &:hover:before {
+ color: @link-color
+ }
+
+ // hide by default, show on hover or touch
+ opacity: 0;
+
+ .hentry:hover &,
+ .touch .hentry:hover & {
+ opacity: 1;
+ }
+}
+
+// POST META
+/////////////////////////////////////
+
+.entry-meta {
+ text-align: center;
+
+ .byline,
+ .time,
+ time {
+ font-style: italic;
+ color: @text-color-light;
+ font-size: @font-size-small;
+ line-height: 1.4em
+ }
+ .byline {
+ margin-bottom: 0;
+
+ a { font-style: normal; }
+ }
+}
+
+
+// LINK POST
+/////////////////////////////////////
+
+.permalink-link {
+ float: right;
+}
+
+// GOODIES POST
+/////////////////////////////////////
+
+#goodiesDownload {
+ margin: 1em 0 0 0;
+
+ p {
+ margin-bottom: 1em;
+ }
+
+ .btn {
+ display: block;
+ margin-bottom: 0;
+
+ &:before {
+ margin-right: .5em;
+ }
+ }
+}
+
+
+// PHOTO POST
+/////////////////////////////////////
+
+.hentry.format-image {
+ text-align: center
+}
+
+.photoPost {
+ display: block;
+
+ figure {
+ display: inline-block;
+ margin-left: auto;
+ margin-right: auto;
+ position: relative;
+ padding: .4em;
+ background: #fcfeff;
+ border: 1px solid rgba(158, 170, 178, .6);
+ border-radius: 2px;
+ .box-shadow(0 1px 4px rgba(0, 0, 0, 0.1));
+ .transition();
+
+ @media @breakpoint2 {
+ .box-shadow(~"0 1px 4px rgba(0, 0, 0, 0.1), inset 0 0 30px rgba(0, 0, 0, 0.1), inset 0 1px 0 #fff");
+ }
+
+ img {
+ .box-shadow(none);
+ border-radius: 2px;
+ margin-left: auto;
+ margin-right: auto;
+ margin-bottom: 1em;
+ }
+
+ figcaption {
+ text-align: center;
+ margin-bottom: .5em;
+ color: rgba(46, 79, 92, .7);
+ font-family: @headings-font-family;
+ font-weight: @headings-font-weight;
+ font-style: normal;
+ font-size: .9em
+ }
+ }
+
+ // Single View
+ .single & {
+ text-align: center;
+ figure { margin-bottom: 1.5em; }
+
+ // show big size on larger screens
+ @media @breakpoint3 {
+ margin-left: -7em;
+ margin-right: -7em;
+ }
+ }
+}
+
+a.photoPost {
+
+ &:hover {
+ figure { background: #c4e4df; }
+ }
+}
+
+#exif {
+ font-size: @font-size-small;
+ color: #b9c3c9;
+ text-align: center;
+ margin-bottom: .5em;
+
+ span {
+ margin-right: 1em;
+ }
+}
+
+// Masonry
+
+.masonryWrap {
+
+ @media @breakpoint2 {
+ width: 125%;
+ margin-left: -12.5%;
+ .clearfix();
+ }
+
+ .hentry {
+
+ @media @breakpoint1 {
+ width: 49%;
+ float: left;
+ clear: none;
+ padding-top: 0;
+ padding-bottom: 0;
+ margin-bottom: .7em;
+ margin-top: 0;
+ margin-left: 0;
+ margin-right: 1%;
+ border: none;
+
+ &:before { display: none; }
+
+ &:nth-child(2n+1) { margin-right: 0; }
+
+ &:last-child { margin-bottom: 3em; }
+ }
+ }
+}
+
+.grid-sizer {
+ width: 100%;
+
+ @media screen and (min-width: 480px) {
+ width: 50%;
+ }
+}
+
+@media @breakpoint2 {
+
+ #goodiesDownload p {
+ width: 49%;
+ float: left;
+ margin-left: 2%;
+ &:first-child {
+ margin-left: 0;
+ }
+ }
+
+ .btn.btn-block.col2 { width: 30%; float: left; }
+ .btn.btn-block.col4,
+ .btn.btn-primary.col4 { width: 65%; float: left; }
+
+}
+
+
+// TABLES
+/////////////////////////////////////
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+ width: 100%;
+ max-width: 100%;
+ background-color: transparent;
+ border-collapse: collapse;
+ border-spacing: 0;
+ margin-bottom: 1.5em;
+ border-bottom: 1px solid #cfd9e1;
+}
+
+td { vertical-align: top; }
+
+th,
+td {
+ padding: .7em .3em;
+ text-align: left;
+ vertical-align: top;
+ border-top: 1px solid #cfd9e1;
+}
+
+th {
+ font-weight: bold;
+}
+
+thead th {
+ vertical-align: bottom;
+}
+
+table tbody + tbody {
+ border-top: 2px solid #cfd9e1;
+}
+
+table tbody tr:nth-child(odd) td,
+table tbody tr:nth-child(odd) th {
+ background-color: rgba(255,255,255,.2);
+}
+
+table tbody tr:hover td,
+table tbody tr:hover th {
+ background-color: #f5f5f5;
+}
\ No newline at end of file
diff --git a/_src/assets/less/forms.less b/_src/assets/less/forms.less
new file mode 100644
index 00000000..c945026f
--- /dev/null
+++ b/_src/assets/less/forms.less
@@ -0,0 +1,65 @@
+/////////////////////////////////////
+// FORMS CSS FOR KREMALICIOUS.COM
+/////////////////////////////////////
+
+// Make all forms have space below them
+form {
+ margin: 0 0 @line-height-computed;
+}
+
+label {
+ display: block;
+ color: rgba(46, 79, 92, .7);
+ margin-bottom: 0;
+ // Indicate that 'label' will shift focus to the associated form element
+ cursor: pointer;
+}
+
+// infield labels
+.js form p { position: relative; }
+.js form p label { position: absolute; top: .6em; left: .6em;}
+
+select,
+textarea,
+input[type="text"],
+input[type="password"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="date"],
+input[type="month"],
+input[type="time"],
+input[type="week"],
+input[type="number"],
+input[type="email"],
+input[type="url"],
+input[type="search"],
+input[type="tel"],
+input[type="color"] {
+ font-size: @font-size-base;
+ line-height: @line-height-computed;
+ font-family: @font-family-base;
+ color: @text-color;
+ font-weight: 700;
+ display: inline-block;
+ padding: .5em;
+ background: #fff;
+ background: rgba(255,255,255,.3);
+ border: 0;
+ border-bottom: 1px solid #AFC3CB;
+ .box-shadow( 0 1px 0 #fff);
+ width: 100%;
+ .transition();
+ -webkit-appearance: none;
+
+ // Focus state
+ &:focus {
+ background: rgba(255,255,255,.7);
+ border-bottom-color: #78868c;
+ outline: 0;
+ outline: thin dotted \9; /* IE6-9 */
+ }
+
+ // placeholder
+ .placeholder(rgba(46, 79, 92, .4));
+}
+
diff --git a/_src/assets/less/grid.less b/_src/assets/less/grid.less
new file mode 100644
index 00000000..139881d3
--- /dev/null
+++ b/_src/assets/less/grid.less
@@ -0,0 +1,74 @@
+// Prevents padding to be added
+* {
+ .box-sizing(border-box);
+}
+
+// 320px and up
+.container {
+ padding: 0 5%;
+ width: 100%; }
+
+.row {
+ margin-top: @line-height-computed;
+ margin-bottom: @line-height-computed;
+}
+
+.col1, .col2, .col3, .col4, .col5, .col6 {
+ width: 100%;
+ margin-left: 0;
+ // ensures empty columns won't collapse
+ min-height: 1px; }
+
+// clear trick
+.container:before, .row:before,
+.container:after, .row:after { display: table; content: ""; }
+.container:after, .row:after { clear: both; }
+.container, .row { *zoom: 1; }
+
+@media @breakpoint1 {
+
+ .col1,
+ .col2,
+ .col3,
+ .col4,
+ .col5,
+ .col6 { }
+
+ .container {
+ padding: 0 15%; }
+
+}
+
+@media @breakpoint2 {
+
+ .row {
+ max-width: 35em;
+ margin: @line-height-computed*2 auto;
+ padding-left: 0;
+ padding-right: 0;
+ }
+
+ .col1,
+ .col2,
+ .col3,
+ .col4,
+ .col5,
+ .col6 {
+ float: left;
+ margin-left: 4%; }
+
+ .col1:first-child,
+ .col2:first-child,
+ .col3:first-child,
+ .col4:first-child,
+ .col5:first-child,
+ .col6 { margin-left: 0; }
+
+ .col1 { width: 13%; }
+ .col2 { width: 30%; }
+ .col3 { width: 48%; }
+ .col4 { width: 65%; }
+ .col5 { width: 82%; }
+ .col6 { width: 100%; }
+
+}
\ No newline at end of file
diff --git a/_src/assets/less/icons.less b/_src/assets/less/icons.less
new file mode 100644
index 00000000..dfcc846b
--- /dev/null
+++ b/_src/assets/less/icons.less
@@ -0,0 +1,118 @@
+//////////////////////
+// ICONS
+//////////////////////
+
+@font-face {
+ font-family: 'entypo';
+ src:url('../fonts/entypo.eot');
+ src:url('../fonts/entypo.eot?#iefix') format('embedded-opentype'),
+ url('../fonts/entypo.woff') format('woff'),
+ url('../fonts/entypo.ttf') format('truetype'),
+ url('../fonts/entypo.svg#entypo') format('svg');
+ font-weight: normal;
+ font-style: normal;
+}
+
+[class*="icon-"] {
+
+ &,
+ &:before {
+ font-family: 'entypo';
+ speak: none;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+ -webkit-font-smoothing: antialiased;
+ }
+
+ &:before {
+ color: @text-color-light;
+ font-size: 20px;
+ }
+
+ .btn &:before,
+ .more-link &:before {
+ font-size: 16px;
+ margin: 0 .3em;
+ }
+}
+
+.btn.icon-info:before,
+.btn.icon-arrow-down:before,
+.btn.icon-download-alt:before,
+.btn.icon-download:before,
+.btn.icon-github:before,
+.btn.icon-heart:before {
+ font-size: 16px;
+ margin: 0 .3em.3em;
+ vertical-align: baseline;
+ top: .05em;
+ position: relative
+}
+
+.btn-primary.icon-arrow-down:before,
+.btn-primary.icon-download-alt:before,
+.btn-primary.icon-download:before {
+ color: darken(@link-color, 15%);
+}
+
+.icon-twitter:before {
+ content: "\e000";
+}
+.icon-facebook:before {
+ content: "\e001";
+}
+.icon-googleplus:before {
+ content: "\e002";
+}
+.icon-rss:before {
+ content: "\e008";
+}
+.icon-user:before,
+.icon-personal:before {
+ content: "\e009";
+}
+.icon-leaf:before,
+.icon-design:before {
+ content: "\e00a";
+}
+.icon-link:before {
+ content: "\e00b";
+}
+.icon-pictures:before,
+.icon-photos:before {
+ content: "\e00c";
+}
+.icon-camera:before,
+.icon-photography:before {
+ content: "\e010";
+}
+.icon-arrow-down:before,
+.icon-download:before,
+.icon-download-alt:before {
+ content: "\e00d";
+}
+.icon-arrow-right:before {
+ content: "\e00e";
+}
+.icon-arrow-left:before {
+ content: "\e00f";
+}
+.icon-heart:before {
+ content: "\e012";
+}
+.icon-forward:before {
+ content: "\e013";
+}
+.icon-info:before {
+ content: "\e014";
+}
+.icon-star:before,
+.entry-content li:before {
+ content: "\e003";
+}
+.icon-github:before {
+ content: "\e004";
+}
\ No newline at end of file
diff --git a/_src/assets/less/kremalicious3.less b/_src/assets/less/kremalicious3.less
new file mode 100644
index 00000000..e0f548aa
--- /dev/null
+++ b/_src/assets/less/kremalicious3.less
@@ -0,0 +1,65 @@
+/*
+
+ MAIN CSS FOR KREMALICIOUS.COM
+ -----------------------------------------------------------------
+
+ Copyright (c) 2013 Matthias Kretschmann | http://mkretschmann.com
+
+ Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+ The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+*/
+
+
+// Normalize all the things
+@import 'normalize.less';
+
+// grid
+@import 'grid.less';
+
+// Core variables and mixins
+@import 'variables.less';
+@import 'mixins.less';
+
+// Typography
+@import 'typography.less';
+
+// Scaffolding
+@import 'scaffolding.less';
+
+// Icons
+@import 'icons.less';
+
+// Forms & Buttons
+//@import 'forms.less';
+@import 'buttons.less';
+
+// Media: images, video etc.
+@import 'media.less';
+
+// Code
+@import 'code.less';
+
+// WP Content
+@import 'content.less';
+
+// Alerts
+@import 'alerts.less';
+
+// Navigation
+@import 'navigation.less';
+
+// App
+@import 'app.less';
+
+// Animations
+@import 'animations.less';
+
+// Utility classes
+@import 'utilities.less';
+
+// Print
+@import 'print.less';
\ No newline at end of file
diff --git a/_src/assets/less/media.less b/_src/assets/less/media.less
new file mode 100644
index 00000000..7f0416ce
--- /dev/null
+++ b/_src/assets/less/media.less
@@ -0,0 +1,74 @@
+/////////////////////////////////////
+// MEDIA CSS FOR KREMALICIOUS.COM
+/////////////////////////////////////
+
+
+// IMAGES
+/////////////////////////////////////
+
+img,
+figure,
+.wp-caption {
+ max-width: 100%;
+ height: auto;
+ border-radius: 5px;
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+img {
+ vertical-align: middle;
+ .box-shadow(0 1px 3px rgba(0,0,0,.3));
+}
+
+a.linkedImage img {
+ border: 2px solid @link-color;
+ .transition(border .2s ease-in-out);
+}
+
+.linkedImage:hover img {
+ border-color: @link-color-hover;
+}
+
+
+// WORDPRESS MEDIA
+/////////////////////////////////////
+
+img.alignleft,
+img.left, // some old articles markup
+.imgleft, // some old articles markup
+.wp-caption.alignleft,
+img.alignright,
+img.right, // some old articles markup
+.imgright, // some old articles markup
+.wp-caption.alignright,
+img.aligncenter,
+.wp-caption.aligncenter, {
+ float: none;
+ display: block;
+ margin: @line-height-computed auto;
+}
+
+.wp-caption {
+ img { margin-bottom: .5em; }
+ p { margin: 0; }
+}
+
+.wp-caption-text {
+ font-size: .9em;
+ line-height: @line-height-computed;
+ .dimmed
+}
+
+@media @breakpoint2 {
+ img.alignleft,
+ img.left, // some old articles markup
+ .imgleft, // some old articles markup
+ .wp-caption.alignleft { margin: 0 @line-height-computed @line-height-computed 0; float: left; }
+
+ img.alignright,
+ img.right, // some old articles markup
+ .imgright, // some old articles markup
+ .wp-caption.alignright { margin: 0 0 @line-height-computed @line-height-computed; float: right; }
+}
\ No newline at end of file
diff --git a/_src/assets/less/mixins.less b/_src/assets/less/mixins.less
new file mode 100644
index 00000000..bb09cc28
--- /dev/null
+++ b/_src/assets/less/mixins.less
@@ -0,0 +1,292 @@
+/////////////////////////////////////
+// MIXINS
+/////////////////////////////////////
+
+// Logo
+/////////////////////////////////////
+.logo {
+ display: block;
+ background-image: data-uri('../img/logo.png');
+ background-repeat: no-repeat;
+ background-position: center top;
+ height: 60px;
+}
+
+.logo_2x {
+ background-image: url('../img/logo@2x.png');
+ .background-size(128px 120px);
+}
+
+// Dimmed Text
+/////////////////////////////////////
+.dimmed {
+ color: @text-color-dimmed;
+ p { color: @text-color-dimmed; }
+ li { color: @text-color-dimmed; }
+}
+
+// Dashed Dividers
+/////////////////////////////////////
+.divider-top {
+ position: relative;
+ border-top: 1px dashed #afc3cb;
+ padding-top: 1em;
+ &:after {
+ content: "";
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 1px;
+ border-top: 1px dashed #fff;
+ }
+}
+// so we can reset only one item out of multiple
+.no-divider-top {
+ border-top: none;
+ padding-top: 0;
+ &::after {
+ display: none
+ }
+}
+
+.divider-bottom {
+ position: relative;
+ border-bottom: 1px dashed #afc3cb;
+ padding-bottom: 1em;
+ &::before {
+ content: "";
+ position: absolute;
+ left: 0;
+ bottom: -2px;
+ width: 100%;
+ height: 1px;
+ border-bottom: 1px dashed #fff;
+ }
+}
+// so we can reset only one item out of multiple
+.no-divider-bottom {
+ border-bottom: none;
+ padding-bottom: 0;
+ &::before {
+ display: none
+ }
+}
+
+
+// Heading band
+/////////////////////////////////////
+
+.heading-band {
+ display: inline-block;
+ clear: both;
+ background: rgba(255,255,255,.55);
+ padding: @line-height-computed/2 @line-height-computed @line-height-computed/2 100%;
+ margin-left: -100%;
+ .border-right-radius(@border-radius-base);
+}
+
+
+/////////////////////////////////////
+// CSS3 PROPERTIES
+/////////////////////////////////////
+
+// Single side border-radius
+.border-top-radius(@radius) {
+ border-top-right-radius: @radius;
+ border-top-left-radius: @radius;
+}
+.border-right-radius(@radius) {
+ border-bottom-right-radius: @radius;
+ border-top-right-radius: @radius;
+}
+.border-bottom-radius(@radius) {
+ border-bottom-right-radius: @radius;
+ border-bottom-left-radius: @radius;
+}
+.border-left-radius(@radius) {
+ border-bottom-left-radius: @radius;
+ border-top-left-radius: @radius;
+}
+
+// Drop shadows
+.box-shadow(@shadow) {
+ -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1
+ box-shadow: @shadow;
+}
+
+// Transitions
+.transition(@transition: all .2s ease-in-out 0s) {
+ -webkit-transition: @transition;
+ -moz-transition: @transition;
+ -o-transition: @transition;
+ transition: @transition;
+}
+.transition-delay(@transition-delay) {
+ -webkit-transition-delay: @transition-delay;
+ -moz-transition-delay: @transition-delay;
+ -o-transition-delay: @transition-delay;
+ transition-delay: @transition-delay;
+}
+.transition-duration(@transition-duration) {
+ -webkit-transition-duration: @transition-duration;
+ -moz-transition-duration: @transition-duration;
+ -o-transition-duration: @transition-duration;
+ transition-duration: @transition-duration;
+}
+.transition-property(@property) {
+ -webkit-transition-property: @property;
+ -moz-transition-property: @property;
+ -o-transition-property: @property;
+ transition-property: @property;
+}
+
+// Transformations
+.rotate(@degrees) {
+ -webkit-transform: rotate(@degrees);
+ -moz-transform: rotate(@degrees);
+ -ms-transform: rotate(@degrees);
+ -o-transform: rotate(@degrees);
+ transform: rotate(@degrees);
+}
+.scale(@ratio) {
+ -webkit-transform: scale(@ratio);
+ -moz-transform: scale(@ratio);
+ -ms-transform: scale(@ratio);
+ -o-transform: scale(@ratio);
+ transform: scale(@ratio);
+}
+.translate(@x, @y) {
+ -webkit-transform: translate(@x, @y);
+ -moz-transform: translate(@x, @y);
+ -ms-transform: translate(@x, @y);
+ -o-transform: translate(@x, @y);
+ transform: translate(@x, @y);
+}
+.skew(@x, @y) {
+ -webkit-transform: skew(@x, @y);
+ -moz-transform: skew(@x, @y);
+ -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twitter/bootstrap/issues/4885
+ -o-transform: skew(@x, @y);
+ transform: skew(@x, @y);
+}
+.translate3d(@x, @y, @z) {
+ -webkit-transform: translate3d(@x, @y, @z);
+ -moz-transform: translate3d(@x, @y, @z);
+ -o-transform: translate3d(@x, @y, @z);
+ transform: translate3d(@x, @y, @z);
+}
+
+// Animations
+.animation(@animation) {
+ -webkit-animation: @animation;
+ -moz-animation: @animation;
+ -o-animation: @animation;
+ animation: @animation;
+}
+.animation-delay(@delay) {
+ -webkit-animation-delay: @delay;
+ -moz-animation-delay: @delay;
+ -o-animation-delay: @delay;
+ animation-delay: @delay;
+}
+
+// Backface visibility
+// Prevent browsers from flickering when using CSS 3D transforms.
+// Default value is `visible`, but can be changed to `hidden
+// See git pull https://github.com/dannykeane/bootstrap.git backface-visibility for examples
+.backface-visibility(@visibility){
+ -webkit-backface-visibility: @visibility;
+ -moz-backface-visibility: @visibility;
+ backface-visibility: @visibility;
+}
+
+// Background clipping
+.background-clip(@clip) {
+ -webkit-background-clip: @clip;
+ -moz-background-clip: @clip;
+ background-clip: @clip;
+}
+
+// Background sizing
+.background-size(@size) {
+ -webkit-background-size: @size;
+ -moz-background-size: @size;
+ -o-background-size: @size;
+ background-size: @size;
+}
+
+// Box sizing
+.box-sizing(@boxmodel) {
+ -webkit-box-sizing: @boxmodel;
+ -moz-box-sizing: @boxmodel;
+ box-sizing: @boxmodel;
+}
+
+// User select
+// For selecting text on the page
+.user-select(@select) {
+ -webkit-user-select: @select;
+ -moz-user-select: @select;
+ -ms-user-select: @select;
+ -o-user-select: @select;
+ user-select: @select;
+}
+
+// Resize anything
+.resizable(@direction) {
+ resize: @direction; // Options: horizontal, vertical, both
+ overflow: auto; // Safari fix
+}
+
+// CSS3 Content Columns
+.content-columns(@column-count, @column-gap: @grid-gutter-width) {
+ -webkit-column-count: @column-count;
+ -moz-column-count: @column-count;
+ column-count: @column-count;
+ -webkit-column-gap: @column-gap;
+ -moz-column-gap: @column-gap;
+ column-gap: @column-gap;
+}
+
+// Optional hyphenation
+.hyphens(@mode: auto) {
+ word-wrap: break-word;
+ -webkit-hyphens: @mode;
+ -moz-hyphens: @mode;
+ -ms-hyphens: @mode;
+ -o-hyphens: @mode;
+ hyphens: @mode;
+}
+
+// GRADIENTS
+/////////////////////////////////////
+
+#gradient {
+
+ // Horizontal gradient, from left to right
+ //
+ // Creates two color stops, start and end, by specifying a color and position for each color stop.
+ // Color stops are not available in IE9 and below.
+ .horizontal(@start-color: #555; @start-percent: 0%; @end-color: #333; @end-percent: 100%) {
+ background-image: -webkit-gradient(linear, @start-percent top, @end-percent top, from(@start-color), to(@end-color)); // Safari 4+, Chrome 2+
+ background-image: -webkit-linear-gradient(left, color-stop(@start-color @start-percent), color-stop(@end-color @end-percent)); // Safari 5.1+, Chrome 10+
+ background-image: -moz-linear-gradient(left, @start-color @start-percent, @end-color @end-percent); // FF 3.6+
+ background-image: linear-gradient(to right, @start-color @start-percent, @end-color @end-percent); // Standard, IE10
+ background-repeat: repeat-x;
+ filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color))); // IE9 and down
+ }
+
+ // Vertical gradient, from top to bottom
+ //
+ // Creates two color stops, start and end, by specifying a color and position for each color stop.
+ // Color stops are not available in IE9 and below.
+ .vertical(@start-color: #555; @start-percent: 0%; @end-color: #333; @end-percent: 100%) {
+ background-image: -webkit-gradient(linear, left @start-percent, left @end-percent, from(@start-color), to(@end-color)); // Safari 4+, Chrome 2+
+ background-image: -webkit-linear-gradient(top, @start-color, @start-percent, @end-color, @end-percent); // Safari 5.1+, Chrome 10+
+ background-image: -moz-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); // FF 3.6+
+ background-image: linear-gradient(to bottom, @start-color @start-percent, @end-color @end-percent); // Standard, IE10
+ background-repeat: repeat-x;
+ filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down
+ }
+}
\ No newline at end of file
diff --git a/_src/assets/less/navigation.less b/_src/assets/less/navigation.less
new file mode 100644
index 00000000..5770196b
--- /dev/null
+++ b/_src/assets/less/navigation.less
@@ -0,0 +1,96 @@
+/////////////////////////////////////
+// NAVIGATION
+/////////////////////////////////////
+
+
+// Main Navigation
+/////////////////////////////////////
+
+.nav-main {
+ margin-top: 0;
+ .textcenter;
+
+ .row {
+ margin-top: 0;
+ margin-bottom: 0;
+ }
+ li { display: inline-block; }
+}
+
+a.nav-main-link {
+ .btn-tag;
+ .h6;
+ color: @text-color-light;
+ padding: @line-height-computed/4 @line-height-computed/2;
+ display: block;
+ float: left;
+ border-radius: @border-radius-base;
+
+ li:first-child & { margin-left: 0 }
+
+ // active state
+ .current_page_item & { background: rgba(255,255,255,.7) }
+}
+
+// Pager
+/////////////////////////////////////
+
+.pager {
+ .clearfix;
+ font-family: @headings-font-family;
+ font-weight: @headings-font-weight;
+ line-height: @headings-line-height;
+ .h6;
+ p {
+ width: 48%;
+ margin: 0;
+ position: relative;
+ font-size: .95em;
+ }
+
+ .alignright { text-align: right; }
+
+ a { display: block; }
+
+ .alignleft i { margin-right: .5em; }
+
+ .alignright i { margin-left: .5em; }
+
+ .single & .alignleft a { margin-left: 1.5em; }
+
+ .single & .alignright a { margin-right: 1.5em; }
+
+ .single & i {
+ position: absolute;
+ left: 0;
+ top: 0;
+ }
+
+ .single & .alignright i {
+ left: auto;
+ right: 0;
+ }
+
+}
+
+
+// Infinite Loader
+/////////////////////////////////////
+
+.infiniteLoader p {
+ width: 100%
+}
+
+.infiniteLoader .alignright,
+.infiniteLoader i {
+ .hide;
+}
+
+.infiniteLoader a {
+ .btn;
+ .aligncenter;
+
+ @media @breakpoint1 {
+ max-width: 40%;
+ }
+}
\ No newline at end of file
diff --git a/_src/assets/less/normalize.less b/_src/assets/less/normalize.less
new file mode 100644
index 00000000..7f9bb5f0
--- /dev/null
+++ b/_src/assets/less/normalize.less
@@ -0,0 +1,375 @@
+///! normalize.css v2.1.2 | 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 //
+ -ms-text-size-adjust: 100%; /// 2 //
+ -webkit-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-wrap;
+}
+
+//
+ // 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;
+}
diff --git a/_src/assets/less/print.less b/_src/assets/less/print.less
new file mode 100644
index 00000000..df4772e0
--- /dev/null
+++ b/_src/assets/less/print.less
@@ -0,0 +1,22 @@
+
+
+
+/* ==|== print styles =======================================================
+ Print styles.
+ Inlined to avoid required HTTP connection: h5bp.com/r
+ ========================================================================== */
+
+@media print {
+ * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; } /* Black prints faster: h5bp.com/s */
+ a, a:visited { text-decoration: underline; }
+ a[href]:after { content: " (" attr(href) ")"; }
+ abbr[title]:after { content: " (" attr(title) ")"; }
+ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
+ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
+ thead { display: table-header-group; } /* h5bp.com/t */
+ tr, img { page-break-inside: avoid; }
+ img { max-width: 100% !important; }
+ @page { margin: 0.5cm; }
+ p, h2, h3 { orphans: 3; widows: 3; }
+ h2, h3 { page-break-after: avoid; }
+}
\ No newline at end of file
diff --git a/_src/assets/less/scaffolding.less b/_src/assets/less/scaffolding.less
new file mode 100644
index 00000000..7d60de34
--- /dev/null
+++ b/_src/assets/less/scaffolding.less
@@ -0,0 +1,136 @@
+html {
+ // remove tap highlight cause we're using the active styles
+ -webkit-tap-highlight-color: rgba(0,0,0,0);
+ tap-highlight-color: rgba(0,0,0,0);
+}
+
+body {
+ background: @body-bg;
+}
+
+// Banner
+/////////////////////////////////////
+
+.banner {
+
+ .row {
+ margin-top: @line-height-computed;
+ margin-bottom: @line-height-computed;
+ }
+
+ .banner-title {
+ margin: 0 auto;
+ width: 128px;
+
+ // display toned down logo
+ // by default
+ .logo;
+
+ @media @highDPI {
+ .logo_2x
+ }
+ }
+
+ .banner-logo {
+ .ir;
+
+ // repeat logo
+ // but display hover version
+ .logo;
+ background-position: center bottom;
+ width: 128px;
+ margin-left: auto;
+ margin-right: auto;
+
+ @media @highDPI {
+ .logo_2x;
+ }
+
+ // hide by default
+ opacity: 0;
+ // show smooooothly on hover
+ &:hover { opacity: 1 }
+ &:active { top: 0 }
+ }
+
+}
+
+
+// Footer
+/////////////////////////////////////
+
+.footer {
+ text-align: center;
+ background: fade(@brand-dark, 5%);
+
+ .footer-description {
+ .h5;
+ color: @text-color-light;
+ line-height: @line-height-computed;
+ }
+
+ .footer-copyright {
+ .divider-top;
+ padding-top: @line-height-computed;
+ padding-bottom: @line-height-computed;
+ p {
+ margin-bottom: 0;
+ font-size: @font-size-mini;
+ }
+ }
+}
+
+// Subscribe component
+.subscribe {
+ margin: @line-height-computed auto;
+ p {
+ margin: 0;
+ .clearfix;
+ .btn {
+ margin-bottom: 0;
+ padding: .3em 1em;
+ &:first-child {
+ margin-left:0
+ }
+ &:last-child {
+ margin-right: 0;
+ }
+ span {
+ .visuallyhidden;
+ }
+ }
+ }
+ i {
+ display: block;
+
+ // Icon resets for color animations
+ .transition(color .3s ease-in-out);
+ color: @text-color-light;
+ &:before {
+ color: inherit;
+ margin-right: 0;
+ font-size: 14px;
+ line-height: 14px;
+ }
+ }
+}
+
+.footer:hover .subscribe .rss i,
+.touch .footer .subscribe .rss i {
+ color: #e15a00;
+}
+
+.footer:hover .subscribe .twitter i,
+.touch .footer .subscribe .twitter i {
+ color: #019ad2;
+}
+
+.footer:hover .subscribe .google i,
+.touch .footer .subscribe .google i {
+ color: #c63b1e;
+}
+
+.footer:hover .subscribe .facebook i,
+.touch .footer .subscribe .facebook i {
+ color: #3b5998;
+}
\ No newline at end of file
diff --git a/_src/assets/less/typography.less b/_src/assets/less/typography.less
new file mode 100644
index 00000000..0958bb01
--- /dev/null
+++ b/_src/assets/less/typography.less
@@ -0,0 +1,219 @@
+/////////////////////////////////////
+// TYPOGRAPHY CSS FOR KREMALICIOUS.COM
+/////////////////////////////////////
+
+body {
+ font-family: @font-family-base;
+ font-weight: @font-weight-base;
+ color: @text-color;
+ word-wrap: break-word;
+
+ font-size: @font-size-base;
+ line-height: @line-height-base;
+
+ padding-left: 2%;
+ padding-right: 2%;
+
+ @media @breakpoint1 {
+ font-size: @font-size-base;
+ line-height: @line-height-computed;
+ padding: 0;
+ }
+
+ @media @breakpoint3 {
+ font-size: 125%;
+ line-height: 1.6em;
+ }
+}
+
+
+// HEADINGS
+/////////////////////////////////////
+
+h1,h2,h3,h4,h5,h6,
+.h1,.h2,.h3,.h4,.h5,.h6 {
+ font-family: @headings-font-family;
+ font-weight: @headings-font-weight;
+ line-height: @headings-line-height;
+ color: @headings-color;
+}
+
+h1,
+h2,
+h3 {
+ margin-top: @line-height-computed*2;
+ margin-bottom: @line-height-computed*2;
+}
+h4,
+h5,
+h6 {
+ margin-top: @line-height-computed;
+ margin-bottom: @line-height-computed;
+}
+
+h1, .h1 { font-size: ceil(@font-size-base * 2.25); }
+h2, .h2 { font-size: ceil(@font-size-base * 1.70); }
+h3, .h3 { font-size: ceil(@font-size-base * 1.60); }
+h4, .h4 { font-size: ceil(@font-size-base * 1.35); }
+h5, .h5 { font-size: ceil(@font-size-base * 1.1); }
+h6, .h6 { font-size: @font-size-base; }
+
+
+// LINKS
+/////////////////////////////////////
+
+a,
+a:visited {
+ text-decoration: none;
+ color: @link-color;
+ .transition;
+ position: relative;
+}
+
+a:hover,
+h1 a:visited:hover,
+h2 a:visited:hover,
+h3 a:visited:hover {
+ color: @link-color-hover;
+}
+
+a:active {
+ top: 1px;
+}
+
+h1 a,
+h2 a,
+h3 a,
+h1 a:visited,
+h2 a:visited,
+h3 a:visited {
+ color: @headings-color;
+}
+
+
+// TEXT ELEMENTS
+/////////////////////////////////////
+
+p,ul,ol,blockquote,pre,td,th,label,img {
+ margin: 0 0 @line-height-computed;
+}
+
+p, li {
+ .hyphens(auto);
+}
+
+b, strong {
+ font-weight: 700;
+ font-style: normal;
+}
+
+em {
+ font-style: italic;
+}
+
+
+// QUOTES
+/////////////////////////////////////
+
+blockquote,
+blockquote > p {
+ font-style: italic;
+ color: @text-color-light;
+}
+
+blockquote {
+ padding: (@line-height-computed / 2) @line-height-computed;
+ margin: 0 0 @line-height-computed;
+ border-left: 2px solid @text-color-dimmed;
+ p:last-child {
+ margin-bottom: 0;
+ }
+}
+
+
+// LISTS
+/////////////////////////////////////
+
+// Unordered and Ordered lists
+ul,
+ol {
+ margin-top: 0;
+ margin-bottom: @line-height-computed;
+}
+ul ul,
+ul ol,
+ol ol,
+ol ul {
+ margin-bottom: 0;
+}
+
+// List options
+.list-unstyled {
+ padding-left: 0;
+ list-style: none;
+}
+
+nav ul, nav ol {
+ .list-unstyled;
+}
+
+.entry-content ul,
+.entry-content ol {
+ list-style: none;
+ padding-left: 2em;
+}
+
+.entry-content li {
+ position: relative;
+ margin-bottom: .5em;
+
+ &:before {
+ font-size: 14px;
+ font-family: 'entypo';
+ color: @text-color-light;
+ speak: none;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+ -webkit-font-smoothing: antialiased;
+
+ position: absolute;
+ left: -2em;
+ top: .5em;
+ }
+}
+
+.entry-content ol li:before {
+ position: absolute;
+ left: -2em;
+ top: 0;
+}
+
+.entry-content ol {
+ counter-reset: ol-counter;
+}
+
+.entry-content ol li:before {
+ color: #fff;
+ content: counter(ol-counter);
+ counter-increment: ol-counter;
+ font-style: italic;
+ background: @text-color-dimmed;
+ border-radius: 1.2em;
+ width: 1.2em;
+ display: block;
+ height: 1.2em;
+ text-align: center;
+ line-height: 1.1em;
+ top: .2em;
+ .box-shadow(0 1px 0 rgba(255,255,255,.7));
+}
+
+
+// SELECTION
+/////////////////////////////////////
+
+::-moz-selection { background: #2e4f5c; color: #fff; }
+::selection { background: #2e4f5c; color: #fff; }
\ No newline at end of file
diff --git a/_src/assets/less/utilities.less b/_src/assets/less/utilities.less
new file mode 100644
index 00000000..9909d6da
--- /dev/null
+++ b/_src/assets/less/utilities.less
@@ -0,0 +1,106 @@
+/////////////////////////////////////
+// Utilities
+/////////////////////////////////////
+
+// Clear stuff
+.clearfix {
+ *zoom: 1;
+ clear: both;
+ &:before,
+ &:after {
+ content: "";
+ display: table;
+ }
+ &:after {
+ clear: both;
+ }
+}
+
+// Quick floats
+/////////////////////////////////////
+
+.alignleft { float: left; }
+.alignright { float: right; }
+.aligncenter {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+// Text alignment
+/////////////////////////////////////
+
+.textcenter {
+ text-align: center
+}
+
+
+// Placeholder text
+/////////////////////////////////////
+
+.placeholder(@color: @placeholder-text) {
+ &:-moz-placeholder {
+ color: @color;
+ font-weight: @font-weight-base;
+ }
+ &:-ms-input-placeholder {
+ color: @color;
+ font-weight: @font-weight-base;
+ }
+ &::-webkit-input-placeholder {
+ color: @color;
+ font-weight: @font-weight-base;
+ }
+}
+
+// Toggling content
+/////////////////////////////////////
+
+// Hide from both screenreaders and browsers: h5bp.com/u
+.hide {
+ display: none !important;
+ visibility: hidden;
+}
+.show {
+ display: block;
+ visibility: visible;
+}
+
+// Hide only visually, but have it available for screenreaders: h5bp.com/v
+.visuallyhidden {
+ border: 0;
+ clip: rect(0 0 0 0);
+ height: 1px;
+ margin: -1px;
+ overflow: hidden;
+ padding: 0;
+ position: absolute;
+ width: 1px;
+ // Extends the .visuallyhidden class to allow the
+ // element to be focusable when navigated to via the keyboard: h5bp.com/p
+ &.focusable:active,
+ &.focusable:focus {
+ clip: auto;
+ height: auto;
+ margin: 0;
+ overflow: visible;
+ position: static;
+ width: auto;
+ }
+}
+
+// Hide visually and from screenreaders, but maintain layout
+.invisible {
+ visibility: hidden;
+}
+
+// CSS image replacement
+/////////////////////////////////////
+.ir,
+.hide-text {
+ font: 0/0 a;
+ color: transparent;
+ text-shadow: none;
+ background-color: transparent;
+ border: 0;
+}
\ No newline at end of file
diff --git a/_src/assets/less/variables.less b/_src/assets/less/variables.less
new file mode 100644
index 00000000..4536dc7a
--- /dev/null
+++ b/_src/assets/less/variables.less
@@ -0,0 +1,68 @@
+// Colors
+/////////////////////////////////////
+
+@brand-dark: #015565;
+@brand-light: #e7eef4;
+@brand-cyan: #3a9085;
+@brand-grey: #56666e;
+@brand-grey-light: #96a6ad;
+
+
+// Typography
+/////////////////////////////////////
+
+@font-family-sans-serif: 'brandon-grotesque', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+@font-family-serif: 'rooney-web',Georgia,Palatino,'Palatino Linotype',Times,'Times New Roman',serif;
+@font-family-monospace: Menlo, Monaco, Consolas, 'Courier New', monospace;
+
+@font-family-base: @font-family-serif;
+@font-weight-base: 400;
+
+@font-size-base: 18px;
+@font-size-large: ceil(@font-size-base * 1.25);
+@font-size-small: ceil(@font-size-base * 0.8);
+@font-size-mini: ceil(@font-size-base * 0.7);
+
+@line-height-base: 1.5; // 27/18
+@line-height-computed: floor(@font-size-base * @line-height-base);
+
+@headings-font-family: @font-family-sans-serif;
+@headings-font-weight: 500;
+@headings-line-height: 1.1;
+
+
+// Text Colors
+/////////////////////////////////////
+
+@text-color: lighten(@brand-grey, 5%);
+@text-color-light: darken(@brand-grey-light, 5%);
+@text-color-dimmed: lighten(@brand-grey-light, 5%);
+@headings-color: @brand-dark;
+
+
+// Scaffolding
+/////////////////////////////////////
+
+@body-bg: @brand-light;
+@border-radius-base: 3px;
+
+
+// Links
+/////////////////////////////////////
+
+@link-color: lighten(@brand-cyan, 5%);
+@link-color-hover: lighten(@link-color, 10%);
+
+
+// Responsive breakpoints
+/////////////////////////////////////
+
+@breakpoint1: ~"only screen and (min-width: 30em)";
+@breakpoint2: ~"only screen and (min-width: 40.625em)";
+@breakpoint3: ~"only screen and (min-width: 87.500em)";
+
+
+// High dpi media query
+/////////////////////////////////////
+
+@highDPI: ~"print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) ";
\ No newline at end of file
diff --git a/_src/index.html b/_src/index.html
index c7268192..b6ccba28 100644
--- a/_src/index.html
+++ b/_src/index.html
@@ -1,13 +1,23 @@
---
layout: default
-title: Your New Jekyll Site
+title: Home
---
-
-
Blog Posts
-
- {% for post in site.posts %}
- - {{ post.date | date_to_string }} » {{ post.title }}
- {% endfor %}
-
-
\ No newline at end of file
+{% for post in site.posts %}
+
+
+
+
+
+
+ {{ post.image }}
+ {{ post.excerpt }}
+
+ Continue reading
+
+
+
+
+{% endfor %}
\ No newline at end of file
diff --git a/package.json b/package.json
index 220f16c4..4a7eb219 100644
--- a/package.json
+++ b/package.json
@@ -20,6 +20,6 @@
},
"repository": {
"type": "git",
- "url": "git@github.com:kremalicious/.git"
+ "url": "git@github.com:kremalicious/kremalicious3.git"
}
}