Update to version 0.8
This commit is contained in:
Moritz »mo.« Sauer
parent
e055d742ef
commit
969878775c
26 changed files with 344 additions and 143 deletions
|
|
@ -7,6 +7,8 @@ categories:
|
|||
- design
|
||||
image:
|
||||
title: "unsplash_1.jpg"
|
||||
credit: Unsplash.com
|
||||
url: http://unsplash.com
|
||||
---
|
||||
## Have a look at the sidebar
|
||||
|
||||
|
|
@ -15,3 +17,4 @@ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
|
|||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
|
||||
|
|
|
|||
|
|
@ -8,6 +8,8 @@ categories:
|
|||
image:
|
||||
thumb: "unsplash_2_thumb.jpg"
|
||||
title: "unsplash_2.jpg"
|
||||
credit: Unsplash.com
|
||||
url: http://unsplash.com
|
||||
---
|
||||
## Have a look at the sidebar
|
||||
|
||||
|
|
|
|||
|
|
@ -6,6 +6,9 @@ categories:
|
|||
- design
|
||||
image:
|
||||
header: "no"
|
||||
title: "unsplash_1.jpg"
|
||||
credit: Unsplash.com
|
||||
url: http://unsplash.com
|
||||
---
|
||||
<p class="teaser">
|
||||
This is an example of a beautiful aligned post in the middle. There is no sidebar to distract the reader. The difference to the <a href='{{ site.url }}/design/page/'>Page-Template</a> is, that you find meta-information at the bottom of the post.</p>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
---
|
||||
layout: page-fullwidth
|
||||
title: "The Grid"
|
||||
title: "Grid & Colors"
|
||||
subheadline: "Multi-Device Layouts"
|
||||
description: "Create powerful multi-device layouts quickly and easily with the 12-column, nest-able Foundation grid. These are the dimensions."
|
||||
date: 2014-07-05 07:00:00
|
||||
|
|
@ -44,20 +44,82 @@ image:
|
|||
|
||||
<div class="row">
|
||||
<div class="large-3 columns">
|
||||
<img src="http://placehold.it/250x141/6b6351/e1dcd7&text=Width+250+Pixel">
|
||||
<img src="http://placehold.it/220x141/6b6351/e1dcd7&text=Width+220+Pixel">
|
||||
</div>
|
||||
<div class="large-3 columns">
|
||||
<img src="http://placehold.it/250x141/e05a10/e1e75e&text=Width+250+Pixel">
|
||||
<img src="http://placehold.it/220x141/e05a10/e1e75e&text=Width+220+Pixel">
|
||||
</div>
|
||||
<div class="large-3 columns">
|
||||
<img src="http://placehold.it/250x141/fabb00/771e1e&text=Width+250+Pixel">
|
||||
<img src="http://placehold.it/220x141/fabb00/771e1e&text=Width+220+Pixel">
|
||||
</div>
|
||||
<div class="large-3 columns">
|
||||
<img src="http://placehold.it/250x141/00792c/acca57&text=Width+250+Pixel">
|
||||
<img src="http://placehold.it/220x141/00792c/acca57&text=Width+220+Pixel">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
## Colors
|
||||
|
||||
<div class="row">
|
||||
<div class="large-3 columns bottom-30">
|
||||
<img src="http://placehold.it/220/E4E4E4/ffffff&text=Grey+E4E4E4">
|
||||
</div>
|
||||
<div class="large-3 columns bottom-30">
|
||||
<img src="http://placehold.it/220/D7D7D7/ffffff&text=Grey+D7D7D7">
|
||||
</div>
|
||||
<div class="large-3 columns bottom-30">
|
||||
<img src="http://placehold.it/220/CBCBCB/ffffff&text=Grey+CBCBCB">
|
||||
</div>
|
||||
<div class="large-3 columns bottom-30">
|
||||
<img src="http://placehold.it/220/BEBEBE/ffffff&text=Grey+BEBEBE">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="large-3 columns bottom-30">
|
||||
<img src="http://placehold.it/220/A4A4A4/ffffff&text=Grey+A4A4A4">
|
||||
</div>
|
||||
<div class="large-3 columns bottom-30">
|
||||
<img src="http://placehold.it/220/979797/ffffff&text=Grey+979797">
|
||||
</div>
|
||||
<div class="large-3 columns bottom-30">
|
||||
<img src="http://placehold.it/220/8B8B8B/ffffff&text=Grey+8B8B8B">
|
||||
</div>
|
||||
<div class="large-3 columns bottom-30">
|
||||
<img src="http://placehold.it/220/7E7E7E/ffffff&text=Grey+7E7E7E">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="large-3 columns bottom-30">
|
||||
<img src="http://placehold.it/220/646464/ffffff&text=Grey+646464">
|
||||
</div>
|
||||
<div class="large-3 columns bottom-30">
|
||||
<img src="http://placehold.it/220/575757/ffffff&text=Grey+575757">
|
||||
</div>
|
||||
<div class="large-3 columns bottom-30">
|
||||
<img src="http://placehold.it/220/4B4B4B/ffffff&text=Grey+4B4B4B">
|
||||
</div>
|
||||
<div class="large-3 columns bottom-30">
|
||||
<img src="http://placehold.it/220/3E3E3E/ffffff&text=Grey+3E3E3E">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="large-3 columns bottom-30">
|
||||
<img src="http://placehold.it/220/313131/ffffff&text=Grey+313131">
|
||||
</div>
|
||||
<div class="large-3 columns bottom-30">
|
||||
<img src="http://placehold.it/220/242424/ffffff&text=Grey+242424">
|
||||
</div>
|
||||
<div class="large-3 columns bottom-30">
|
||||
<img src="http://placehold.it/220/171717/ffffff&text=Grey+171717">
|
||||
</div>
|
||||
<div class="large-3 columns bottom-30">
|
||||
<img src="http://placehold.it/220/0B0B0B/ffffff&text=Grey+0B0B0B">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
[1]: http://foundation.zurb.com/docs/components/grid.html
|
||||
[2]: #
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@ description: "The full-width page format gives you all the space you need to sho
|
|||
categories:
|
||||
- design
|
||||
image:
|
||||
thumb: "unsplash_7_thumb.jpg"
|
||||
thumb: "unsplash_7_thumb.jpg"
|
||||
---
|
||||
*Feeling Responsive* is built on Foundation. And of course, we make use of the wonderful grid system and so can you. Find out more about [constructing beautiful layouts][1] in the foundation documentation.
|
||||
|
||||
|
|
|
|||
19
_posts/design/2014-09-14-video.md
Normal file
19
_posts/design/2014-09-14-video.md
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
---
|
||||
layout: video
|
||||
title: "Video Template"
|
||||
subheadline: "Video Template"
|
||||
description: "If you want to show videos in a large manner, the video template is for your."
|
||||
image:
|
||||
header: "no"
|
||||
categories:
|
||||
- design
|
||||
iframe: "<iframe width='970' height='546' src='//www.youtube.com/embed/WoHxoz_0ykI' frameborder='0' allowfullscreen></iframe>"
|
||||
---
|
||||
|
||||
## About the video by Kutiman
|
||||
|
||||
> Ophir Kutiel, professionally known as Kutiman, is an Israeli musician, composer, producer and animator. He is best known for creating the online music video project, ThruYOU, and a self-titled album. <cite>[Wikipedia](http://en.wikipedia.org/wiki/Kutiman)</cite>
|
||||
|
||||
|
||||
|
||||
Source: [Kutiman – Thru You Too – »Give It Up«](https://www.youtube.com/watch?v=WoHxoz_0ykI)
|
||||
|
|
@ -8,7 +8,7 @@ image:
|
|||
header: homepage_typography.jpg
|
||||
thumb: unsplash_6_thumb.jpg
|
||||
homepage: homepage_typography.jpg
|
||||
credits: Image by Antonio
|
||||
credit: Image by Antonio
|
||||
url: "http://www.aisleone.net/"
|
||||
categories:
|
||||
- design
|
||||
|
|
|
|||
Reference in a new issue