new frontpage layout
This commit is contained in:
Moritz »mo.« Sauer
parent
7249978c52
commit
8c2df412d5
10 changed files with 229 additions and 210 deletions
|
|
@ -24,7 +24,7 @@
|
|||
</script>
|
||||
|
||||
<noscript>
|
||||
<link href='http://fonts.googleapis.com/css?family=Lato:400,700,400italic|Volkhov' rel='stylesheet' type='text/css'>
|
||||
<link href='http://fonts.googleapis.com/css?family=Lato:400,700,400italic%7cVolkhov' rel='stylesheet' type='text/css'>
|
||||
</noscript>
|
||||
|
||||
{% if site.google_site_verification %}<meta name="google-site-verification" content="{{ site.google_site_verification}}" />{% endif %}
|
||||
|
|
|
|||
84
_layouts/frontpage.html
Normal file
84
_layouts/frontpage.html
Normal file
|
|
@ -0,0 +1,84 @@
|
|||
---
|
||||
layout: default
|
||||
format: blog-index
|
||||
---
|
||||
<div id="header-home">
|
||||
<div class="row">
|
||||
<div class="small-12 columns">
|
||||
</div><!-- /.medium-4.columns -->
|
||||
</div><!-- /.row -->
|
||||
</div><!-- /#header-home -->
|
||||
|
||||
|
||||
<div class="row t60">
|
||||
<div class="medium-4 columns">
|
||||
<a href="{{ site.url }}{{ page.widget-1.url }}"><img src="{{ site.urlimg }}/{{ page.widget-1.image }}" width="302" height="182" alt=""></a>
|
||||
<h2 class="font-size-h3">{{ page.widget-1.title }}</h2>
|
||||
<p>{{ page.widget-1.text }}</p>
|
||||
<p><a class="button tiny radius" href="{{ site.url }}{{ page.widget-1.url }}">{{ site.data.language.more }}</a></p>
|
||||
</div><!-- /.medium-4.columns -->
|
||||
|
||||
|
||||
<div class="medium-4 columns">
|
||||
<a href="{{ site.url }}{{ page.widget-2.url }}"><img src="{{ site.urlimg }}/{{ page.widget-2.image }}" width="302" height="182" alt=""></a>
|
||||
<h2 class="font-size-h3">{{ page.widget-2.title }}</h2>
|
||||
<p>{{ page.widget-2.text }}</p>
|
||||
<p><a class="button tiny radius" href="{{ site.url }}{{ page.widget-2.url }}">{{ site.data.language.more }}</a></p>
|
||||
</div><!-- /.medium-4.columns -->
|
||||
|
||||
|
||||
<div class="medium-4 columns">
|
||||
<a href="{{ site.url }}{{ page.widget-2.url }}"><img src="{{ site.urlimg }}/{{ page.widget-2.image }}" width="302" height="182" alt=""></a>
|
||||
<h2 class="font-size-h3">{{ page.widget-2.title }}</h2>
|
||||
<p>{{ page.widget-2.text }}</p>
|
||||
<p><a class="button tiny radius" href="{{ site.url }}{{ page.widget-2.url }}">Download @ GitHub ›</a></p>
|
||||
</div><!-- /.medium-4.columns -->
|
||||
</div><!-- /.row -->
|
||||
|
||||
|
||||
|
||||
<div class="row t50 b20 homepage">
|
||||
<div class="small-12 columns">
|
||||
{% for post in site.posts limit:1 %}
|
||||
{% if post.image.homepage %}
|
||||
<p>
|
||||
<a href="{{ site.url }}{{ post.url }}" title="{{ post.title escape_once }}"><img width="970" src="{{ site.url }}/images/{{ post.image.homepage }}" alt="{{ page.title escape_once }}"></a>
|
||||
</p>
|
||||
|
||||
{% if post.image.url && post.image.credit %}
|
||||
<p class="text-right caption">
|
||||
<a href="{{ post.image.url }}">{{ post.image.credit }}</a>
|
||||
</p>
|
||||
{% endif %}
|
||||
{% elsif post.image.homepage == NULL %}
|
||||
<h2>{{ site.data.language.new_blog_entries }}</h2>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div><!-- /.small-12.columns -->
|
||||
</div><!-- /.row -->
|
||||
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="medium-6 columns">
|
||||
{% for post in site.posts limit:1 %}
|
||||
<p class="subheadline">{% if post.subheadline %}{{ post.subheadline }}{% endif %}</p>
|
||||
<h2><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></h2>
|
||||
<p>
|
||||
{% if post.meta_description %}{{ post.meta_description | strip_html | escape }}{% elsif post.description %}{{ post.description | strip_html | escape }}{% endif %}
|
||||
<a href="{{ site.url }}{{ post.url }}" title="Read {{ post.title escape_once }}"><strong>{{ site.data.language.read_more }}</strong></a>
|
||||
</p>
|
||||
{% endfor %}
|
||||
</div><!-- /.medium-5.columns -->
|
||||
|
||||
|
||||
<div class="medium-6 columns">
|
||||
<p><strong>{{ site.data.language.more_articles }}</strong></p>
|
||||
{% include list-posts.html entries='3' offset='1' %}
|
||||
</div><!-- /.medium-7.columns -->
|
||||
</div><!-- /.row -->
|
||||
|
||||
|
||||
<div class="row">
|
||||
{{ content }}
|
||||
</div><!-- /.row -->
|
||||
|
|
@ -11,7 +11,6 @@ format: post-left-sidebar
|
|||
<div class="medium-8 columns">
|
||||
<article>
|
||||
<header>
|
||||
{% if page.subheadline %}<p class="subheadline">{{ page.subheadline }}</p>{% endif %}
|
||||
{% if page.image.title %}<img src="{{ site.url }}/images/{{ page.image.title }}" width="970" alt="{{ page.title escape_once }}">{% endif %}
|
||||
{% if page.image.url && page.image.credit %}
|
||||
<p class="text-right caption">
|
||||
|
|
@ -19,6 +18,7 @@ format: post-left-sidebar
|
|||
</p>
|
||||
{% endif %}
|
||||
|
||||
{% if page.subheadline %}<p class="subheadline">{{ page.subheadline }}</p>{% endif %}
|
||||
<h1>{{ page.title }}</h1>
|
||||
</header>
|
||||
{% if page.description %}
|
||||
|
|
@ -30,8 +30,6 @@ format: post-left-sidebar
|
|||
{{ content }}
|
||||
|
||||
{% include meta_information.html %}
|
||||
|
||||
</article>
|
||||
</div><!-- /.medium-8.columns -->
|
||||
</div><!-- /.row -->
|
||||
|
||||
|
|
|
|||
|
|
@ -6,13 +6,14 @@ format: post-right-sidebar
|
|||
<div class="medium-8 columns">
|
||||
<article>
|
||||
<header>
|
||||
{% if page.subheadline %}<p class="subheadline">{{ page.subheadline }}</p>{% endif %}
|
||||
{% if page.image.title %}<img src="{{ site.url }}/images/{{ page.image.title }}" width="970" alt="{{ page.title escape_once }}">{% endif %}
|
||||
{% if page.image.url && page.image.credit %}
|
||||
<p class="text-right caption">
|
||||
<a href="{{ page.image.url }}">{{ page.image.credit }}</a>
|
||||
</p>
|
||||
{% endif %}
|
||||
|
||||
{% if page.subheadline %}<p class="subheadline">{{ page.subheadline }}</p>{% endif %}
|
||||
<h1>{{ page.title }}</h1>
|
||||
</header>
|
||||
{% if page.description %}
|
||||
|
|
@ -24,7 +25,6 @@ format: post-right-sidebar
|
|||
{{ content }}
|
||||
|
||||
{% include meta_information.html %}
|
||||
|
||||
</article>
|
||||
</div><!-- /.medium-8.columns -->
|
||||
|
||||
|
|
@ -33,4 +33,3 @@ format: post-right-sidebar
|
|||
{% include sidebar.html %}
|
||||
</div><!-- /.medium-4.columns -->
|
||||
</div><!-- /.row -->
|
||||
|
||||
|
|
|
|||
|
|
@ -238,7 +238,7 @@ This text <sub>lays low</sub> and chills a bit.
|
|||
|
||||
### <sup>
|
||||
|
||||
This text <sup>get high</sup> above the clouds.
|
||||
This text <sup>gets high</sup> above the clouds.
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -6862,137 +6862,145 @@ th.hide-for-touch {
|
|||
Additional Typography to complement Foundation
|
||||
|
||||
- - - - - - - - - - - - - - - - - - - - - - - */
|
||||
/* line 7, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 6, ../scss/_4_typography_theme-fr.scss */
|
||||
p {
|
||||
-webkit-hyphens: auto;
|
||||
-moz-hyphens: auto;
|
||||
-ms-hyphens: auto;
|
||||
hyphens: auto;
|
||||
}
|
||||
|
||||
/* line 12, ../scss/_4_typography_theme-fr.scss */
|
||||
p a,
|
||||
article a {
|
||||
font-weight: bold;
|
||||
border-bottom: 1px dotted;
|
||||
}
|
||||
|
||||
/* line 12, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 17, ../scss/_4_typography_theme-fr.scss */
|
||||
p a:hover,
|
||||
article a:hover {
|
||||
border-bottom: 2px solid;
|
||||
}
|
||||
|
||||
/* line 14, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 19, ../scss/_4_typography_theme-fr.scss */
|
||||
p a.button {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/* line 15, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 20, ../scss/_4_typography_theme-fr.scss */
|
||||
p.button a {
|
||||
border: 0;
|
||||
color: #fff;
|
||||
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
/* line 22, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 27, ../scss/_4_typography_theme-fr.scss */
|
||||
img {
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
/* line 23, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 28, ../scss/_4_typography_theme-fr.scss */
|
||||
img.alignleft,
|
||||
img.left {
|
||||
float: left;
|
||||
margin: 5px 15px 5px 0;
|
||||
}
|
||||
|
||||
/* line 25, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 30, ../scss/_4_typography_theme-fr.scss */
|
||||
img.alignright,
|
||||
img.right {
|
||||
float: right;
|
||||
margin: 5px 0 5px 15px;
|
||||
}
|
||||
|
||||
/* line 27, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 32, ../scss/_4_typography_theme-fr.scss */
|
||||
img.aligncenter,
|
||||
img.center {
|
||||
display: block;
|
||||
margin: 0 auto 10px;
|
||||
}
|
||||
|
||||
/* line 30, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 35, ../scss/_4_typography_theme-fr.scss */
|
||||
h2 {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
/* line 31, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 36, ../scss/_4_typography_theme-fr.scss */
|
||||
.blog-index h2 {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
/* line 32, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 37, ../scss/_4_typography_theme-fr.scss */
|
||||
h3 {
|
||||
margin-top: 1.375rem;
|
||||
}
|
||||
|
||||
/* line 34, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 39, ../scss/_4_typography_theme-fr.scss */
|
||||
article dl dt {
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
/* line 35, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 40, ../scss/_4_typography_theme-fr.scss */
|
||||
article dl dd {
|
||||
line-height: 1.6;
|
||||
margin-bottom: 0.75rem;
|
||||
margin-left: 1.5rem;
|
||||
}
|
||||
|
||||
/* line 38, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 43, ../scss/_4_typography_theme-fr.scss */
|
||||
dl.accordion {
|
||||
border-top: 1px solid #d7d7d7;
|
||||
}
|
||||
|
||||
/* line 39, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 44, ../scss/_4_typography_theme-fr.scss */
|
||||
.accordion dd {
|
||||
border-bottom: 1px solid #d7d7d7;
|
||||
}
|
||||
|
||||
/* line 40, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 45, ../scss/_4_typography_theme-fr.scss */
|
||||
dd.accordion-navigation span {
|
||||
padding-right: 12px;
|
||||
}
|
||||
|
||||
/* line 41, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 46, ../scss/_4_typography_theme-fr.scss */
|
||||
dd.accordion-navigation span:before {
|
||||
content: "\E766";
|
||||
}
|
||||
|
||||
/* line 42, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 47, ../scss/_4_typography_theme-fr.scss */
|
||||
dd.accordion-navigation.active span:before {
|
||||
content: "\E764";
|
||||
}
|
||||
|
||||
/* line 43, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 48, ../scss/_4_typography_theme-fr.scss */
|
||||
dd.accordion-navigation.active span:before {
|
||||
content: "\E764";
|
||||
}
|
||||
|
||||
/* line 46, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 51, ../scss/_4_typography_theme-fr.scss */
|
||||
td {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
/* line 48, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 53, ../scss/_4_typography_theme-fr.scss */
|
||||
pre {
|
||||
overflow: auto;
|
||||
margin-bottom: 1.25rem;
|
||||
}
|
||||
|
||||
/* line 49, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 54, ../scss/_4_typography_theme-fr.scss */
|
||||
pre code {
|
||||
padding: 0.125rem 0.3125rem 0.0625rem 0;
|
||||
}
|
||||
|
||||
/* line 50, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 55, ../scss/_4_typography_theme-fr.scss */
|
||||
code {
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
/* line 52, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 57, ../scss/_4_typography_theme-fr.scss */
|
||||
blockquote {
|
||||
font-style: italic;
|
||||
position: relative;
|
||||
|
|
@ -7001,13 +7009,13 @@ blockquote {
|
|||
color: #4b4b4d;
|
||||
}
|
||||
|
||||
/* line 60, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 65, ../scss/_4_typography_theme-fr.scss */
|
||||
blockquote p {
|
||||
font-style: italic;
|
||||
color: #575757;
|
||||
}
|
||||
|
||||
/* line 62, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 67, ../scss/_4_typography_theme-fr.scss */
|
||||
blockquote:before {
|
||||
display: block;
|
||||
content: "\00BB";
|
||||
|
|
@ -7018,7 +7026,7 @@ blockquote:before {
|
|||
color: #4b4b4d;
|
||||
}
|
||||
|
||||
/* line 70, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 75, ../scss/_4_typography_theme-fr.scss */
|
||||
blockquote:after {
|
||||
display: block;
|
||||
content: "\00AB";
|
||||
|
|
@ -7029,50 +7037,50 @@ blockquote:after {
|
|||
color: #4b4b4d;
|
||||
}
|
||||
|
||||
/* line 80, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 85, ../scss/_4_typography_theme-fr.scss */
|
||||
blockquote cite:before {
|
||||
content: "\2014 \0020";
|
||||
}
|
||||
|
||||
/* line 82, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 87, ../scss/_4_typography_theme-fr.scss */
|
||||
blockquote cite a, blockquote cite a:visited {
|
||||
color: #555;
|
||||
}
|
||||
|
||||
/* line 84, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 89, ../scss/_4_typography_theme-fr.scss */
|
||||
cite {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
/* line 86, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 91, ../scss/_4_typography_theme-fr.scss */
|
||||
button, .button {
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
/* line 88, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 93, ../scss/_4_typography_theme-fr.scss */
|
||||
mark {
|
||||
background-color: #f3cab2;
|
||||
}
|
||||
|
||||
/* line 90, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 95, ../scss/_4_typography_theme-fr.scss */
|
||||
.subheadline {
|
||||
font-size: 1rem;
|
||||
margin: 0;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
/* line 91, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 96, ../scss/_4_typography_theme-fr.scss */
|
||||
.teaser {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
/* line 92, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 97, ../scss/_4_typography_theme-fr.scss */
|
||||
.big-teaser {
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
/* line 93, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 98, ../scss/_4_typography_theme-fr.scss */
|
||||
.big-teaser a {
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
|
|
@ -7080,13 +7088,13 @@ mark {
|
|||
|
||||
/* Bigteaser Schriftgröße auf kleinen Bildschirmen veringern */
|
||||
@media only screen {
|
||||
/* line 98, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 103, ../scss/_4_typography_theme-fr.scss */
|
||||
.big-teaser {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 40.063em) {
|
||||
/* line 103, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 108, ../scss/_4_typography_theme-fr.scss */
|
||||
.big-teaser {
|
||||
font-size: 1.8125rem;
|
||||
}
|
||||
|
|
@ -7096,42 +7104,42 @@ mark {
|
|||
Additional typographical elements
|
||||
|
||||
- - - - - - - - - - - - - - - - - - - - - - - */
|
||||
/* line 115, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 120, ../scss/_4_typography_theme-fr.scss */
|
||||
.sans {
|
||||
font-family: "Lato", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
||||
/* line 116, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 121, ../scss/_4_typography_theme-fr.scss */
|
||||
.serif {
|
||||
font-family: "Volkhov", Georgia, Times, serif;
|
||||
}
|
||||
|
||||
/* line 118, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 123, ../scss/_4_typography_theme-fr.scss */
|
||||
.font-size-h1 {
|
||||
font-size: 3.375rem;
|
||||
}
|
||||
|
||||
/* line 119, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 124, ../scss/_4_typography_theme-fr.scss */
|
||||
.font-size-h2 {
|
||||
font-size: 2.25rem;
|
||||
}
|
||||
|
||||
/* line 120, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 125, ../scss/_4_typography_theme-fr.scss */
|
||||
.font-size-h3 {
|
||||
font-size: 1.8125rem;
|
||||
}
|
||||
|
||||
/* line 121, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 126, ../scss/_4_typography_theme-fr.scss */
|
||||
.font-size-h4 {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
/* line 122, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 127, ../scss/_4_typography_theme-fr.scss */
|
||||
.font-size-h5 {
|
||||
font-size: 1.1875rem;
|
||||
}
|
||||
|
||||
/* line 123, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 128, ../scss/_4_typography_theme-fr.scss */
|
||||
.font-size-p {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
|
@ -7146,22 +7154,22 @@ Additional typographical elements
|
|||
src: url("../fonts/iconfont.eot?#iefix") format("embedded-opentype"), url("../fonts/iconfont.woff") format("woff"), url("../fonts/iconfont.ttf") format("truetype"), url("../fonts/iconfont.svg#svgFontName") format("svg");
|
||||
/* Legacy iOS */
|
||||
}
|
||||
/* line 142, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 147, ../scss/_4_typography_theme-fr.scss */
|
||||
.iconfont {
|
||||
font-family: iconfont;
|
||||
}
|
||||
|
||||
/* line 143, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 148, ../scss/_4_typography_theme-fr.scss */
|
||||
.iconfont-48 {
|
||||
font-size: 48px;
|
||||
}
|
||||
|
||||
/* line 146, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 151, ../scss/_4_typography_theme-fr.scss */
|
||||
[data-icon]:before {
|
||||
content: attr(data-icon);
|
||||
}
|
||||
|
||||
/* line 148, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 153, ../scss/_4_typography_theme-fr.scss */
|
||||
[data-icon]:before,
|
||||
.icon-archive:before,
|
||||
.icon-browser:before,
|
||||
|
|
@ -7229,262 +7237,262 @@ Additional typographical elements
|
|||
font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
/* line 215, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 220, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-archive:before {
|
||||
content: "\f100";
|
||||
}
|
||||
|
||||
/* line 216, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 221, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-browser:before {
|
||||
content: "\f101";
|
||||
}
|
||||
|
||||
/* line 217, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 222, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-calendar:before {
|
||||
content: "\f133";
|
||||
}
|
||||
|
||||
/* line 218, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 223, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-camera:before {
|
||||
content: "\f102";
|
||||
}
|
||||
|
||||
/* line 219, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 224, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-chat:before {
|
||||
content: "\f103";
|
||||
}
|
||||
|
||||
/* line 220, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 225, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-check:before {
|
||||
content: "\f104";
|
||||
}
|
||||
|
||||
/* line 221, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 226, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-chevron-down:before {
|
||||
content: "\f105";
|
||||
}
|
||||
|
||||
/* line 222, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 227, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-chevron-left:before {
|
||||
content: "\f106";
|
||||
}
|
||||
|
||||
/* line 223, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 228, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-chevron-right:before {
|
||||
content: "\f107";
|
||||
}
|
||||
|
||||
/* line 224, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 229, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-chevron-up:before {
|
||||
content: "\f108";
|
||||
}
|
||||
|
||||
/* line 225, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 230, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-circle-with-cross:before {
|
||||
content: "\f109";
|
||||
}
|
||||
|
||||
/* line 226, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 231, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-circle-with-minus:before {
|
||||
content: "\f10a";
|
||||
}
|
||||
|
||||
/* line 227, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 232, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-circle-with-plus:before {
|
||||
content: "\f10b";
|
||||
}
|
||||
|
||||
/* line 228, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 233, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-cloud:before {
|
||||
content: "\f10c";
|
||||
}
|
||||
|
||||
/* line 229, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 234, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-code:before {
|
||||
content: "\f10d";
|
||||
}
|
||||
|
||||
/* line 230, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 235, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-cog:before {
|
||||
content: "\f10e";
|
||||
}
|
||||
|
||||
/* line 231, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 236, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-dropbox:before {
|
||||
content: "\f10f";
|
||||
}
|
||||
|
||||
/* line 232, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 237, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-edit:before {
|
||||
content: "\f110";
|
||||
}
|
||||
|
||||
/* line 233, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 238, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-export:before {
|
||||
content: "\f111";
|
||||
}
|
||||
|
||||
/* line 234, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 239, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-eye:before {
|
||||
content: "\f112";
|
||||
}
|
||||
|
||||
/* line 235, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 240, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-facebook:before {
|
||||
content: "\f113";
|
||||
}
|
||||
|
||||
/* line 236, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 241, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-feather:before {
|
||||
content: "\f114";
|
||||
}
|
||||
|
||||
/* line 237, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 242, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-github:before {
|
||||
content: "\f115";
|
||||
}
|
||||
|
||||
/* line 238, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 243, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-globe:before {
|
||||
content: "\f116";
|
||||
}
|
||||
|
||||
/* line 239, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 244, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-heart:before {
|
||||
content: "\f117";
|
||||
}
|
||||
|
||||
/* line 240, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 245, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-heart-outlined:before {
|
||||
content: "\f118";
|
||||
}
|
||||
|
||||
/* line 241, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 246, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-home:before {
|
||||
content: "\f119";
|
||||
}
|
||||
|
||||
/* line 242, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 247, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-instagram:before {
|
||||
content: "\f11a";
|
||||
}
|
||||
|
||||
/* line 243, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 248, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-lab-flask:before {
|
||||
content: "\f11b";
|
||||
}
|
||||
|
||||
/* line 244, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 249, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-leaf:before {
|
||||
content: "\f11c";
|
||||
}
|
||||
|
||||
/* line 245, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 250, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-linkedin:before {
|
||||
content: "\f11d";
|
||||
}
|
||||
|
||||
/* line 246, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 251, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-mail:before {
|
||||
content: "\f11e";
|
||||
}
|
||||
|
||||
/* line 247, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 252, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-message:before {
|
||||
content: "\f11f";
|
||||
}
|
||||
|
||||
/* line 248, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 253, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-mic:before {
|
||||
content: "\f120";
|
||||
}
|
||||
|
||||
/* line 249, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 254, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-network:before {
|
||||
content: "\f121";
|
||||
}
|
||||
|
||||
/* line 250, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 255, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-paper-plane:before {
|
||||
content: "\f122";
|
||||
}
|
||||
|
||||
/* line 251, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 256, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-pinterest:before {
|
||||
content: "\f123";
|
||||
}
|
||||
|
||||
/* line 252, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 257, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-price-tag:before {
|
||||
content: "\f124";
|
||||
}
|
||||
|
||||
/* line 253, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 258, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-rocket:before {
|
||||
content: "\f125";
|
||||
}
|
||||
|
||||
/* line 254, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 259, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-rss:before {
|
||||
content: "\f126";
|
||||
}
|
||||
|
||||
/* line 255, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 260, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-soundcloud:before {
|
||||
content: "\f127";
|
||||
}
|
||||
|
||||
/* line 256, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 261, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-star:before {
|
||||
content: "\f128";
|
||||
}
|
||||
|
||||
/* line 257, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 262, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-star-outlined:before {
|
||||
content: "\f129";
|
||||
}
|
||||
|
||||
/* line 258, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 263, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-thumbs-down:before {
|
||||
content: "\f12a";
|
||||
}
|
||||
|
||||
/* line 259, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 264, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-thumbs-up:before {
|
||||
content: "\f12b";
|
||||
}
|
||||
|
||||
/* line 260, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 265, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-tumblr:before {
|
||||
content: "\f12c";
|
||||
}
|
||||
|
||||
/* line 261, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 266, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-twitter:before {
|
||||
content: "\f12d";
|
||||
}
|
||||
|
||||
/* line 262, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 267, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-upload-to-cloud:before {
|
||||
content: "\f12e";
|
||||
}
|
||||
|
||||
/* line 263, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 268, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-video:before {
|
||||
content: "\f12f";
|
||||
}
|
||||
|
||||
/* line 264, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 269, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-vimeo:before {
|
||||
content: "\f130";
|
||||
}
|
||||
|
||||
/* line 265, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 270, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-warning:before {
|
||||
content: "\f131";
|
||||
}
|
||||
|
||||
/* line 266, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 271, ../scss/_4_typography_theme-fr.scss */
|
||||
.icon-youtube:before {
|
||||
content: "\f132";
|
||||
}
|
||||
|
|
|
|||
2
assets/css/styles-responsive.min.css
vendored
2
assets/css/styles-responsive.min.css
vendored
File diff suppressed because one or more lines are too long
99
index.html
99
index.html
|
|
@ -1,99 +0,0 @@
|
|||
---
|
||||
layout: default
|
||||
format: blog-index
|
||||
title: "Feeling Responsive – A Jekyll Theme Based On Foundation"
|
||||
header:
|
||||
image_fullwidth: "header_unsplash_12.jpg"
|
||||
---
|
||||
<div id="header-home">
|
||||
<div class="row">
|
||||
<div class="small-12 columns">
|
||||
</div><!-- /.medium-4.columns -->
|
||||
</div><!-- /.row -->
|
||||
</div><!-- /#header-home -->
|
||||
|
||||
|
||||
<div class="row t60">
|
||||
|
||||
<div class="medium-4 columns">
|
||||
<a href="{{ site.url }}/blog/"><img src="{{ site.url }}/images/unsplash_9-302x182.jpg" width="302" height="182" alt=""></a>
|
||||
<h2 class="font-size-h3">{{ site.data.language.blog }}</h2>
|
||||
<p>
|
||||
Every good portfolio website has a blog with fresh news, thoughts and developments of your activities. <em>Feeling Responsive</em> offers you a fully functional blog, too. With an <a href="{{ site.url }}/blog/archive/">archive page</a> to give readers a quick overview of all your posts.
|
||||
</p>
|
||||
|
||||
<p><a class="button tiny radius" href="{{ site.url }}/blog/">{{ site.data.language.more }}</a></p>
|
||||
|
||||
</div><!-- /.medium-4.columns -->
|
||||
|
||||
|
||||
<div class="medium-4 columns">
|
||||
<a href="{{ site.url }}/info/"><img src="{{ site.url }}/images/unsplash_8-302x182.jpg" width="302" height="182" alt=""></a>
|
||||
|
||||
<h2 class="font-size-h3">Why use this theme?</h2>
|
||||
|
||||
<p>
|
||||
<em>Feeling Responsive</em> is heavily built on <a href="http://foundation.zurb.com/">Foundation</a>, the fabulous responsive webdesign framework by Zurb. It supports a 12-column grid, persuades you with beautiful <a href="{{ site.url }}/design/typography/">typography</a> and is heavily optimized for speed.
|
||||
</p>
|
||||
|
||||
<p><a class="button tiny radius" href="{{ site.url }}/info/">{{ site.data.language.more }}</a></p>
|
||||
</div><!-- /.medium-4.columns -->
|
||||
|
||||
|
||||
<div class="medium-4 columns">
|
||||
<a href="{{ site.url }}/design/portfolio/"><img src="{{ site.url }}/images/github-303x182.jpg" width="303" height="182" alt=""></a>
|
||||
<h2 class="font-size-h3">Download Theme</h2>
|
||||
<p>
|
||||
<em>Feeling Responsive</em> is totally free and licensed under the MIT License. You can make it your own and do with it what you want. Grab your copy or clone it at GitHub and start your website with it. Then tell me via <a href="http://twitter.com/phlow">Twitter @phlow</a>.
|
||||
</p>
|
||||
|
||||
<p><a class="button tiny radius" href="https://github.com/Phlow/feeling-responsive/">Download @ GitHub ›</a></p>
|
||||
|
||||
</div><!-- /.medium-4.columns -->
|
||||
|
||||
</div><!-- /.row -->
|
||||
|
||||
|
||||
<div class="row t50 b20 homepage">
|
||||
<div class="small-12 columns">
|
||||
{% for post in site.posts limit:1 %}
|
||||
{% if post.image.homepage %}
|
||||
<p>
|
||||
<a href="{{ site.url }}{{ post.url }}" title="{{ post.title escape_once }}"><img width="970" src="{{ site.url }}/images/{{ post.image.homepage }}" alt="{{ page.title escape_once }}"></a>
|
||||
</p>
|
||||
|
||||
{% if post.image.url && post.image.credit %}
|
||||
<p class="text-right caption">
|
||||
<a href="{{ post.image.url }}">{{ post.image.credit }}</a>
|
||||
</p>
|
||||
{% endif %}
|
||||
{% elsif post.image.homepage == NULL %}
|
||||
<h2>{{ site.data.language.new_blog_entries }}</h2>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div><!-- /.small-12.columns -->
|
||||
</div><!-- /.row -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="medium-6 columns">
|
||||
{% for post in site.posts limit:1 %}
|
||||
<p class="subheadline">{% if post.subheadline %}{{ post.subheadline }}{% endif %}</p>
|
||||
<h2><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></h2>
|
||||
|
||||
<p>
|
||||
{% if post.meta_description %}{{ post.meta_description | strip_html | escape }}{% elsif post.description %}{{ post.description | strip_html | escape }}{% endif %}
|
||||
<a href="{{ site.url }}{{ post.url }}" title="Read {{ post.title escape_once }}"><strong>{{ site.data.language.read_more }}</strong></a>
|
||||
</p>
|
||||
{% endfor %}
|
||||
</div><!-- /.medium-5.columns -->
|
||||
|
||||
|
||||
<div class="medium-6 columns">
|
||||
<p><strong>{{ site.data.language.more_articles }}</strong></p>
|
||||
{% include list-posts.html entries='3' offset='1' %}
|
||||
</div><!-- /.medium-7.columns -->
|
||||
</div><!-- /.row -->
|
||||
|
||||
26
index.md
Normal file
26
index.md
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
---
|
||||
#
|
||||
# Use the widgets beneath and the content will be
|
||||
# inserted automagically in the webpage. To make
|
||||
# this work, you have to use › layout: frontpage
|
||||
#
|
||||
layout: frontpage
|
||||
title: "Feeling Responsive – A Jekyll Theme Based On Foundation"
|
||||
header:
|
||||
image_fullwidth: "header_unsplash_12.jpg"
|
||||
widget-1:
|
||||
title: Blog
|
||||
url: '/blog/'
|
||||
text: 'Every good portfolio website has a blog with fresh news, thoughts and develop­ments of your activities. <em>Feeling Responsive</em> offers you a fully functional blog with an archive page to give readers a quick overview of all your posts.'
|
||||
image: unsplash_9-302x182.jpg
|
||||
widget-2:
|
||||
title: Why use this theme?
|
||||
url: '/info/'
|
||||
text: '<em>Feeling Responsive</em> is heavily built on <a href="http://foundation.zurb.com/">Foundation</a>, the fabulous responsive webdesign framework by Zurb. It supports a 12-column grid, persuades you with beautiful typography and is heavily optimized for speed.'
|
||||
image: unsplash_8-302x182.jpg
|
||||
widget-3:
|
||||
title: Download Theme
|
||||
url: '/design/portfolio/'
|
||||
text: '<em>Feeling Responsive</em> is totally free and licensed under the MIT License. You can make it your own and do with it what you want. Grab your copy or clone it at GitHub and start your website with it. Then tell me via <a href="http://twitter.com/phlow">Twitter @phlow</a>.'
|
||||
image: github-303x182.jpg
|
||||
---
|
||||
|
|
@ -7,6 +7,9 @@ header:
|
|||
image_fullwidth: "header_unsplash_9.jpg"
|
||||
permalink: "/changelog/"
|
||||
---
|
||||
2015-02-12 // Version 0.96
|
||||
: Added `frontpage`-layout with three widgets-areas. The layout simplifies the process to change content on the frontpage.
|
||||
|
||||
2015-02-09 // Version 0.95
|
||||
: Now with custom icon font using only entypo icons necessary. Eliminated one one request and reduced the font-file to 9kb. You can easily customize the font yourself using [Font Custom][7] and the included `fontcustom.yml` in `assets/fonts/`.
|
||||
|
||||
|
|
|
|||
Reference in a new issue