move media again, restore posts from 2013

_src/_layouts/image.html

@@ -1,5 +1,5 @@
 ---
-layout: default
+layout: base
 ---
 
 <article class="hentry format-image">
@@ -7,8 +7,8 @@ layout: default
     <div class="photoPost">
     	<figure class="hmedia">
         
-    		image               
+    		<img src="/assets/media/{{ page.image }}" />
-    		<figcaption class="entry-title fn">{{ page.title }}</figcaption>
+            <figcaption class="entry-title fn">{{ page.title }}</figcaption>
     		exif
     	</figure>
     </div>

_src/_layouts/link.html

@@ -1,11 +1,11 @@
 ---
-layout: default
+layout: base
 ---
 
 <article class="hentry format-link">
 	<header>
 		<h1 class="entry-title">
-            <a href="{{ page.linkurl }}">{{ page.title }} <i class="icon-external-link"></i></a>
+            <a href="{{ page.linkurl }}">{{ page.title }} <i class="icon-forward"></i></a>
         </h1>
 	</header>
     
@@ -16,6 +16,10 @@ layout: default
 
     <section class="entry-content">
         {{ content }}
+		<p>
+			<a class="more-link" href="{{ page.linkurl }}">Go to source <i class="icon-forward"></i></a>
+            <a class="permalink-link" href="{{ page.url }}" rel="tooltip" title="Permalink">&#8734;</a>
+		</p>
     </section>
     
     <footer class="entry-meta">

_src/_layouts/post.html

@@ -1,5 +1,5 @@
 ---
-layout: default
+layout: base
 ---
 
 <article class="hentry fomrat-post">
@@ -19,7 +19,9 @@ layout: default
     
     <footer class="entry-meta">
         <p>
-            <a rel="category tag" href="" title="{{ page.categories }}">{{ page.categories }}</a>
+            {% for category in page.categories %}
+                <a rel="category tag" href="" title="{{ category }}">{{ category }}</a>
+            {% endfor %}
         </p>
     </footer>
 </article>

_src/_posts/2013-05-23-ezeep-origami.markdown

@@ -0,0 +1,16 @@
+---
+layout: image
+
+title: ezeep origami
+image: 8782995066_e90ff6b3ae_o.jpg
+author: Matthias Kretchmann
+
+date: 2013-05-23 15:02:55+00:00
+wordpress_id: 2451
+categories:
+- photos
+post_format:
+- Image
+---
+
+from [flickr](http://www.flickr.com/photos/krema/8776417095/)

_src/_posts/2013-07-13-create-differentiate-iterate-10-pro-tips-on-relaunching-your-startup-website.markdown

@@ -0,0 +1,21 @@
+---
+layout: link
+
+title: Create, differentiate, iterate – 10 pro tips on relaunching your startup website
+linkurl: http://venturevillage.eu/10-pro-tips-redesign
+author: Matthias Kretschmann
+
+date: 2013-07-13 12:49:39+00:00
+wordpress_id: 2461
+categories:
+- design
+- personal
+post_format:
+- Link
+---
+
+Was one of the people interviewed by Charmaine Li from VentureVillage about relaunching a startup's website where I talk a bit about [ezeep's relaunch](https://www.ezeep.com/blog/hip-hip-have-a-look-at-ezeeps-hot-new-home-page/).
+
+In there, Christian Hanke from Edenspiekermann makes a good point. A web site is so much more than just a showcase of products:
+
+> In the early stages, entrepreneurs are likely to be more focused on building and refining a product rather than developing a brand identity. But as a startup begins to scale, taking a longer-term brand approach – which involves thinking in broader terms than just the product itself – is an important part of enabling product extensions and expansion to new markets, says Hanke.

_src/_posts/2013-07-13-enterprise-software-sucks-but-its-buddha-nature-can-be-uncovered.markdown

@@ -0,0 +1,22 @@
+---
+layout: link
+
+title: Enterprise Software Sucks (But Its Buddha Nature Can Be Uncovered)
+linkurl: https://www.ezeep.com/blog/enterprise-software-sucks-but-its-buddha-nature-can-be-unconvered/
+author: Matthias Kretschmann
+
+date: 2013-07-13 13:19:44+00:00
+wordpress_id: 2466
+categories:
+- design
+- personal
+post_format:
+- Link
+---
+
+Yours truly writing about the usual stuff: Buddha nature, feature creep, delight layer:
+
+> Once found, the buddha nature of a product needs to be defended which involves saying no to many feature requests. A list of features don’t create a product’s experience or main value but rather the holistic view of how and why specific features are implemented.
+
+
+

_src/_posts/2013-08-07-stealing-time-how-technology-can-hurt-or-harm-our-inner-state.markdown

@@ -0,0 +1,17 @@
+---
+layout: link
+
+title: 'Stealing Time: How Technology Can Hurt or Harm Our Inner State'
+linkurl: https://www.ezeep.com/blog/stealing-time-how-technology-can-hurt-or-harm-our-quality-of-life/
+author: Matthias Kretschmann
+
+date: 2013-08-07 17:05:58+00:00
+wordpress_id: 2472
+categories:
+- design
+- personal
+---
+
+Wrote another post on the ezeep blog, awkwardly quoting me:
+
+> The promise of modern technology has always been: use it and you’ll have more time for the important stuff in your life.  As it turned out, it’s quite the opposite. There’re a lot of socioeconomic reasons for this development but, to some degree, it’s caused by the way digital services today are designed from the very beginning. Those services are stealing time by design, tricking us into thinking the stuff we do on there is somehow important.

_src/_posts/2013-11-17-welcome-to-jekyll.markdown

@@ -3,7 +3,10 @@ layout: post
 title:  "Welcome to Jekyll!"
 author: Matthias Kretschmann
 date:   2013-11-17 23:56:48
-categories: jekyll update
+categories:
+- jekyll
+- update
+- another
 ---
 
 You'll find this post in your `_posts` directory - edit this post and re-build (or run with the `-w` switch) to see your changes!
@@ -11,6 +14,18 @@ To add new posts, simply add a file in the `_posts` directory that follows the c
 
 Jekyll also offers powerful support for code snippets:
 
+{% highlight css %}
+
+.hello {
+	margin-top: 13px;
+	// a comment
+	border: 1px solid rgba(255,255,255, .4)
+}
+
+{% endhighlight %}
+
+jo jo
+
 {% highlight ruby %}
 def print_hi(name)
   puts "Hi, #{name}"

_src/assets/less/kremalicious3.less

@@ -42,6 +42,7 @@
 
 // Code
 @import 'code.less';
+@import 'syntax.less';
 
 // WP Content
 @import 'content.less';

_src/assets/less/syntax.less

@@ -0,0 +1,66 @@
+//
+// Colorful
+// https://github.com/richleland/pygments-css
+//
+
+.highlight .hll { background-color: #ffffcc }
+.highlight .c { color: #808080 } /* Comment */
+.highlight .err { color: #F00000; background-color: #F0A0A0 } /* Error */
+.highlight .k { color: #008000; font-weight: bold } /* Keyword */
+.highlight .o { color: #303030 } /* Operator */
+.highlight .cm { color: #808080 } /* Comment.Multiline */
+.highlight .cp { color: #507090 } /* Comment.Preproc */
+.highlight .c1 { color: #808080 } /* Comment.Single */
+.highlight .cs { color: #cc0000; font-weight: bold } /* Comment.Special */
+.highlight .gd { color: #A00000 } /* Generic.Deleted */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gr { color: #FF0000 } /* Generic.Error */
+.highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
+.highlight .gi { color: #00A000 } /* Generic.Inserted */
+.highlight .go { color: #808080 } /* Generic.Output */
+.highlight .gp { color: #c65d09; font-weight: bold } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
+.highlight .gt { color: #0040D0 } /* Generic.Traceback */
+.highlight .kc { color: #008000; font-weight: bold } /* Keyword.Constant */
+.highlight .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
+.highlight .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
+.highlight .kp { color: #003080; font-weight: bold } /* Keyword.Pseudo */
+.highlight .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
+.highlight .kt { color: #303090; font-weight: bold } /* Keyword.Type */
+.highlight .m { color: #6000E0; font-weight: bold } /* Literal.Number */
+.highlight .s { background-color: #fff0f0 } /* Literal.String */
+.highlight .na { color: #0000C0 } /* Name.Attribute */
+.highlight .nb { color: #007020 } /* Name.Builtin */
+.highlight .nc { color: #B00060; font-weight: bold } /* Name.Class */
+.highlight .no { color: #003060; font-weight: bold } /* Name.Constant */
+.highlight .nd { color: #505050; font-weight: bold } /* Name.Decorator */
+.highlight .ni { color: #800000; font-weight: bold } /* Name.Entity */
+.highlight .ne { color: #F00000; font-weight: bold } /* Name.Exception */
+.highlight .nf { color: #0060B0; font-weight: bold } /* Name.Function */
+.highlight .nl { color: #907000; font-weight: bold } /* Name.Label */
+.highlight .nn { color: #0e84b5; font-weight: bold } /* Name.Namespace */
+.highlight .nt { color: #007000 } /* Name.Tag */
+.highlight .nv { color: #906030 } /* Name.Variable */
+.highlight .ow { color: #000000; font-weight: bold } /* Operator.Word */
+.highlight .w { color: #bbbbbb } /* Text.Whitespace */
+.highlight .mf { color: #6000E0; font-weight: bold } /* Literal.Number.Float */
+.highlight .mh { color: #005080; font-weight: bold } /* Literal.Number.Hex */
+.highlight .mi { color: #0000D0; font-weight: bold } /* Literal.Number.Integer */
+.highlight .mo { color: #4000E0; font-weight: bold } /* Literal.Number.Oct */
+.highlight .sb { background-color: #fff0f0 } /* Literal.String.Backtick */
+.highlight .sc { color: #0040D0 } /* Literal.String.Char */
+.highlight .sd { color: #D04020 } /* Literal.String.Doc */
+.highlight .s2 { background-color: #fff0f0 } /* Literal.String.Double */
+.highlight .se { color: #606060; font-weight: bold; background-color: #fff0f0 } /* Literal.String.Escape */
+.highlight .sh { background-color: #fff0f0 } /* Literal.String.Heredoc */
+.highlight .si { background-color: #e0e0e0 } /* Literal.String.Interpol */
+.highlight .sx { color: #D02000; background-color: #fff0f0 } /* Literal.String.Other */
+.highlight .sr { color: #000000; background-color: #fff0ff } /* Literal.String.Regex */
+.highlight .s1 { background-color: #fff0f0 } /* Literal.String.Single */
+.highlight .ss { color: #A06000 } /* Literal.String.Symbol */
+.highlight .bp { color: #007020 } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #306090 } /* Name.Variable.Class */
+.highlight .vg { color: #d07000; font-weight: bold } /* Name.Variable.Global */
+.highlight .vi { color: #3030B0 } /* Name.Variable.Instance */
+.highlight .il { color: #0000D0; font-weight: bold } /* Literal.Number.Integer.Long */