websites/dennogumi.org-archive
Archived
1
0
Fork 0
Code Releases Activity

Release 0.92 2014-12-21

Browse source
This commit is contained in:
Moritz »mo.« Sauer 2014-12-21 17:21:48 +01:00
parent 3068e7a7aa
commit a56896dda4
114 changed files with 10775 additions and 2079 deletions
Download patch file Download diff file Expand all files Collapse all files

78
_posts/design/2014-09-13-grid.md
View file

@ -65,64 +65,48 @@ image:
*Feeling Responsive* uses strong colors in combination with grey colors.
</p>
### Colours
<div class="row">
<div class="large-3 columns b30">
<img src="http://placehold.it/220/E4E4E4/ffffff&amp;text=Grey+E4E4E4">
</div>
<div class="large-3 columns b30">
<img src="http://placehold.it/220/D7D7D7/ffffff&amp;text=Grey+D7D7D7">
</div>
<div class="large-3 columns b30">
<img src="http://placehold.it/220/CBCBCB/ffffff&amp;text=Grey+CBCBCB">
</div>
<div class="large-3 columns b30">
<img src="http://placehold.it/220/BEBEBE/ffffff&amp;text=Grey+BEBEBE">
<div class="large-2 columns b30" style="background: #45B29D; height: 166px;"></div>
<div class="large-2 columns b30" style="background: #334D5C; height: 166px;"></div>
<div class="large-2 columns b30" style="background: #A1D044; height: 166px;"></div>
<div class="large-2 columns b30" style="background: #EFC94C; height: 166px;"></div>
<div class="large-2 columns b30" style="background: #E27A3F; height: 166px;"></div>
<div class="large-2 columns b30" style="background: #DF4949; height: 166px;"></div>
</div>
### Grey Scale
<div class="row">
<div class="large-3 columns b30" style="background: #E4E4E4; height: 220px;"></div>
<div class="large-3 columns b30" style="background: #D7D7D7; height: 220px;"></div>
<div class="large-3 columns b30" style="background: #CBCBCB; height: 220px;"></div>
<div class="large-3 columns b30" style="background: #BEBEBE; height: 220px;"></div>
</div>
<div class="row">
<div class="large-3 columns b30">
<img src="http://placehold.it/220/A4A4A4/ffffff&amp;text=Grey+A4A4A4">
</div>
<div class="large-3 columns b30">
<img src="http://placehold.it/220/979797/ffffff&amp;text=Grey+979797">
</div>
<div class="large-3 columns b30">
<img src="http://placehold.it/220/8B8B8B/ffffff&amp;text=Grey+8B8B8B">
</div>
<div class="large-3 columns b30">
<img src="http://placehold.it/220/7E7E7E/ffffff&amp;text=Grey+7E7E7E">
</div>
<div class="large-3 columns b30" style="background: #A4A4A4; height: 220px;"></div>
<div class="large-3 columns b30" style="background: #979797; height: 220px;"></div>
<div class="large-3 columns b30" style="background: #8B8B8B; height: 220px;"></div>
<div class="large-3 columns b30" style="background: #7E7E7E; height: 220px;"></div>
</div>
<div class="row">
<div class="large-3 columns b30">
<img src="http://placehold.it/220/646464/ffffff&amp;text=Grey+646464">
</div>
<div class="large-3 columns b30">
<img src="http://placehold.it/220/575757/ffffff&amp;text=Grey+575757">
</div>
<div class="large-3 columns b30">
<img src="http://placehold.it/220/4B4B4B/ffffff&amp;text=Grey+4B4B4B">
</div>
<div class="large-3 columns b30">
<img src="http://placehold.it/220/3E3E3E/ffffff&amp;text=Grey+3E3E3E">
</div>
<div class="large-3 columns b30" style="background: #646464; height: 220px;"></div>
<div class="large-3 columns b30" style="background: #575757; height: 220px;"></div>
<div class="large-3 columns b30" style="background: #4B4B4B; height: 220px;"></div>
<div class="large-3 columns b30" style="background: #3E3E3E; height: 220px;"></div>
</div>
<div class="row">
<div class="large-3 columns b30">
<img src="http://placehold.it/220/313131/ffffff&amp;text=Grey+313131">
</div>
<div class="large-3 columns b30">
<img src="http://placehold.it/220/242424/ffffff&amp;text=Grey+242424">
</div>
<div class="large-3 columns b30">
<img src="http://placehold.it/220/171717/ffffff&amp;text=Grey+171717">
</div>
<div class="large-3 columns b30">
<img src="http://placehold.it/220/0B0B0B/ffffff&amp;text=Grey+0B0B0B">
</div>
<div class="large-3 columns b30" style="background: #313131; height: 220px;"></div>
<div class="large-3 columns b30" style="background: #242424; height: 220px;"></div>
<div class="large-3 columns b30" style="background: #171717; height: 220px;"></div>
<div class="large-3 columns b30" style="background: #0B0B0B; height: 220px;"></div>
</div>