mirror of
https://github.com/kremalicious/blog.git
synced 2025-01-03 18:35:07 +01:00
simple tag cloud
This commit is contained in:
parent
d504173527
commit
bea42746fd
@ -5,7 +5,6 @@
|
||||
//
|
||||
|
||||
.featured
|
||||
@extend .divider-bottom
|
||||
padding-bottom: ($spacer*2)
|
||||
|
||||
.grid
|
||||
|
@ -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
|
||||
|
@ -101,4 +101,3 @@
|
||||
|
||||
.paginator-title
|
||||
@extend .page-title
|
||||
margin-top: -($spacer*2)
|
||||
|
3
_src/_assets/styl/_kremalicious/tagcloud.styl
Normal file
3
_src/_assets/styl/_kremalicious/tagcloud.styl
Normal file
@ -0,0 +1,3 @@
|
||||
|
||||
.tagcloud__tag
|
||||
padding: .3rem .5rem
|
@ -43,6 +43,7 @@
|
||||
@import '_kremalicious/tooltips'
|
||||
@import '_kremalicious/footer'
|
||||
@import '_kremalicious/actions'
|
||||
@import '_kremalicious/tagcloud'
|
||||
|
||||
// Pages
|
||||
@import 'page-about'
|
||||
|
@ -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)
|
||||
|
@ -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)
|
||||
|
@ -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)
|
||||
|
@ -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.
|
||||
|
@ -9,8 +9,6 @@ date: 2006-08-21 11:22:34+00:00
|
||||
wordpress_id: 1958
|
||||
categories:
|
||||
- photos
|
||||
post_format:
|
||||
- Image
|
||||
---
|
||||
|
||||
... in Halle (Saale)
|
||||
|
@ -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)
|
||||
|
@ -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)
|
||||
|
@ -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)
|
||||
|
@ -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:
|
||||
|
@ -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).
|
||||
|
@ -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):
|
||||
|
@ -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>
|
||||
|
24
_src/tag.html
Normal file
24
_src/tag.html
Normal file
@ -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>
|
Loading…
Reference in New Issue
Block a user