simple tag cloud

_src/_assets/styl/_kremalicious/content-featured.styl

@@ -5,7 +5,6 @@
 //
 
 .featured
-    @extend .divider-bottom
     padding-bottom: ($spacer*2)
 
     .grid

_src/_assets/styl/_kremalicious/content.styl

@@ -11,7 +11,7 @@
 .page-title
     @extend .h2, .heading-band
     color: $brand-grey-light
-    margin-top: $spacer
+    margin-top: -($spacer*2)
     margin-bottom: $spacer
 
     .hash
@@ -25,13 +25,15 @@
     padding-bottom: ($spacer*2)
     width: 100%
 
+    &:first-child
+        padding-top: 0
+
     @media $breakpoint2
         padding-top: ($spacer*3)
         padding-bottom: ($spacer*3)
 
     .page-single &
         border: none
-        padding-top: 0
 
         &:before
             @extend .hide

_src/_assets/styl/_kremalicious/navigation.styl

@@ -101,4 +101,3 @@
 
 .paginator-title
     @extend .page-title
-    margin-top: -($spacer*2)

_src/_assets/styl/_kremalicious/tagcloud.styl

@@ -0,0 +1,3 @@
+
+.tagcloud__tag
+    padding: .3rem .5rem

_src/_assets/styl/kremalicious3.styl

@@ -43,6 +43,7 @@
 @import '_kremalicious/tooltips'
 @import '_kremalicious/footer'
 @import '_kremalicious/actions'
+@import '_kremalicious/tagcloud'
 
 // Pages
 @import 'page-about'

_src/_posts/2005-07-26-beaucarnea-leafs.md

@@ -9,8 +9,6 @@ date: 2005-07-26 11:44:49+00:00
 wordpress_id: 1982
 categories:
 - photos
-post_format:
-- Image
 ---
 
 [Photo on 500px](http://500px.com/photo/2661202) [Photo on flickr](http://www.flickr.com/photos/krema/6821597484)

_src/_posts/2005-08-02-snail-on-a-leaf.md

@@ -9,8 +9,6 @@ date: 2005-08-02 11:39:04+00:00
 wordpress_id: 1973
 categories:
 - photos
-post_format:
-- Image
 ---
 
 [Photo on flickr](http://www.flickr.com/photos/krema/6965150181/in/photostream/) [Photo on 500px](http://500px.com/photo/5629909)

_src/_posts/2006-07-23-electricity.md

@@ -9,8 +9,6 @@ date: 2006-07-23 11:36:28+00:00
 wordpress_id: 1970
 categories:
 - photos
-post_format:
-- Image
 ---
 
 [Photo on 500px](http://500px.com/photo/5629510) [Photo on flickr](http://www.flickr.com/photos/krema/6965105709)

_src/_posts/2006-07-23-floating-sky.md

@@ -9,8 +9,6 @@ date: 2006-07-23 11:32:14+00:00
 wordpress_id: 1964
 categories:
 - photos
-post_format:
-- Image
 ---
 
 Combining of a lot of techniques: a long exposured HDR (3 bracketed shots) processed in Photomatix and finally polished in Photoshop.

_src/_posts/2006-08-21-new-berlin-bridge.md

@@ -9,8 +9,6 @@ date: 2006-08-21 11:22:34+00:00
 wordpress_id: 1958
 categories:
 - photos
-post_format:
-- Image
 ---
 
 ... in Halle (Saale)

_src/_posts/2006-09-16-wooden-windmill.md

@@ -9,8 +9,6 @@ date: 2006-09-16 11:47:16+00:00
 wordpress_id: 1985
 categories:
 - photos
-post_format:
-- Image
 ---
 
 [Photo on 500px](http://500px.com/photo/2661412) [Photo on flickr](http://www.flickr.com/photos/krema/6818985878)

_src/_posts/2006-10-22-german-chancellery.md

@@ -9,8 +9,6 @@ date: 2006-10-22 11:43:00+00:00
 wordpress_id: 1979
 categories:
 - photos
-post_format:
-- Image
 ---
 
 [Photo on 500px](http://500px.com/photo/5650652) [Photo on flickr](http://www.flickr.com/photos/krema/6967670015)

_src/_posts/2007-02-10-macbook-abstract.md

@@ -9,8 +9,6 @@ date: 2007-02-10 12:34:39+00:00
 wordpress_id: 1967
 categories:
 - photos
-post_format:
-- Image
 ---
 
 [Photo on flickr](http://www.flickr.com/photos/krema/2495391492)

_src/_posts/2008-04-04-6-web-design-tips-from-leonardo-da-vinci.md

@@ -9,8 +9,6 @@ date: 2008-04-04 18:43:05+00:00
 wordpress_id: 24
 categories:
 - design
-post_format:
-- Link
 ---
 
 An awesome creative idea for a blog post about Web-Design from Joshua Clanton:

_src/_posts/2008-04-04-aperture-file-types.md

@@ -7,14 +7,13 @@ author: Matthias Kretschmann
 date: 2008-04-04T01:55:54.000Z
 wordpress_id: 21
 category: goodies
-tags: 
+tags:
   - icon
-redirect_from: 
+redirect_from:
   - "/new-goodies-aperture-file-types-icons/"
   - "/goodie-updated-aperture-file-types-v11/"
   - "/aperture-file-types-v12-released/"
   - "/2008/04/aperture-file-types/"
-published: true
 ---
 
 These icons are free for your personal use and include icons for all file types Apple’s Aperture 2.0 can handle (.jpeg, .gif, .tiff, .png, .pdf, .psd, .arw, .cr2, .crw, .mos, .nef, .raf, .raw, .srw, .tif, .oly, .fff, .3fr, .dng, .mrw, .pef, .srf, .orf).

_src/_posts/2008-04-04-mac-os-x-leopard-designers-guide-to-icons-how-to-smashing-magazine.md

@@ -10,6 +10,7 @@ wordpress_id: 22
 category: design
 tags:
     - osx
+    - icons
 ---
 
 Nice article on Smashing Magazine by Kate England. It's the Human Interface Guidelines for icons in a nutshell: [Mac OS X Leopard: Designer’s Guide to Icons](http://www.smashingmagazine.com/2008/04/04/mac-os-x-leopard-designers-guide-to-icons):

_src/index.html

@@ -13,7 +13,7 @@ redirect_from:
     {% include featured.html %}
 {% endif %}
 
-<section role="main" id="main" class="grid">
+<section role="main" id="main">
 
     {% if paginator.previous_page %}
         <h1 class="paginator-title">Page {{ paginator.page }}</h1>

_src/tag.html

@@ -0,0 +1,24 @@
+---
+layout: base
+
+title: tags
+---
+
+<section role="main" id="main" class="page-single">
+
+    <article class="hentry">
+        <h1 class="page-title">Tags</h1>
+
+        <section class="tagcloud">
+            {% for tag in site.tags %}
+                <span style="font-size: {{ tag | last | size | times: 500 | divided_by: site.tags.size | plus: 70 }}%">
+                    <a class="tagcloud__tag" href="/{{ tag | first | slugize }}/">
+                        {{ tag | first }}
+                    </a>
+                </span>
+            {% endfor %}
+        </section>
+
+    </article>
+
+</section>