Update
This commit is contained in:
Moritz »mo.« Sauer
parent
cbec378bb0
commit
e055d742ef
11 changed files with 148 additions and 119 deletions
|
|
@ -1,6 +1,40 @@
|
|||
<ul class="side-nav">
|
||||
{% for post in site.posts limit:include.entries offset:include.offset %}
|
||||
<li><a href="{{ site.url }}{{ post.url }}">{% if post.subheadline %}{{ post.subheadline }} · {% endif %}<strong>{{ post.title }}</strong></a></li>
|
||||
{% endfor %}
|
||||
<li class="text-right"><a href="{{ site.url }}/blog/"><strong>More ›</strong></a></li>
|
||||
</ul>
|
||||
{% comment %}
|
||||
|
||||
Possible parameter for this loop:
|
||||
|
||||
› entries
|
||||
› offset
|
||||
› category
|
||||
|
||||
Example: {% include blog-entries.html entries='3' offset='1' category='design' %}
|
||||
|
||||
|
||||
This loop works like this:
|
||||
|
||||
1. First we check if there was given a category for filtering › if include.categories == NULL
|
||||
|
||||
2. If no category is given for filtering do a general loop.
|
||||
|
||||
3. If a category was given, assign category the given category to the variable category › assign category = include.categories
|
||||
|
||||
{% endcomment %}
|
||||
<ul class="side-nav">
|
||||
|
||||
{% if include.categories == NULL %}
|
||||
|
||||
{% for post in site.posts limit:include.entries offset:include.offset %}
|
||||
<li><a href="{{ site.url }}{{ post.url }}">{% if post.subheadline %}{{ post.subheadline }} · {% endif %}<strong>{{ post.title }}</strong></a></li>
|
||||
{% endfor %}
|
||||
<li class="text-right"><a href="{{ site.url }}/blog/archive/"><strong>More ›</strong></a></li>
|
||||
|
||||
|
||||
{% elsif include.categories != empty %}
|
||||
{% assign category = include.categories %}
|
||||
|
||||
{% for post in site.categories.[category] limit:include.entries offset:include.offset %}
|
||||
<li><a href="{{ site.url }}{{ post.url }}">{% if post.subheadline %}{{ post.subheadline }} · {% endif %}<strong>{{ post.title }}</strong></a></li>
|
||||
{% endfor %}
|
||||
<li class="text-right"><a href="{{ site.url }}/blog/archive/"><strong>More ›</strong></a></li>
|
||||
{% endif %}
|
||||
|
||||
</ul>
|
||||
|
|
|
|||
|
|
@ -19,3 +19,6 @@ 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.
|
||||
|
||||
## More Articles
|
||||
{% include blog-entries.html entries='3' offset='1' %}
|
||||
|
|
@ -5,8 +5,11 @@ subheadline: "Reading Experience"
|
|||
meta_description: "Feeling Responsive uses Volkhov for headlines, Lato for everything else and if you are in need to show some code, it will be in Lucida Console."
|
||||
description: "<em>Feeling Responsive</em> uses Volkhov for headlines, Lato for everything else and if you are in need to show some code, it will be in Lucida Console."
|
||||
image:
|
||||
header: "no"
|
||||
thumb: "unsplash_7_thumb.jpg"
|
||||
header: homepage_typography.jpg
|
||||
thumb: unsplash_6_thumb.jpg
|
||||
homepage: homepage_typography.jpg
|
||||
credits: Image by Antonio
|
||||
url: "http://www.aisleone.net/"
|
||||
categories:
|
||||
- design
|
||||
---
|
||||
|
|
@ -23,7 +26,8 @@ categories:
|
|||
|
||||
|
||||
<div class="medium-8 medium-pull-4 columns" markdown="1">
|
||||
Noch mehr Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
|
||||
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.
|
||||
|
||||
|
|
|
|||
|
|
@ -4088,11 +4088,11 @@ dialog[open] {
|
|||
/* line 80, ../bower_components/foundation/scss/foundation/components/_side-nav.scss */
|
||||
.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
|
||||
background: rgba(0, 0, 0, 0.025);
|
||||
color: #d9ed45;
|
||||
color: #535d09;
|
||||
}
|
||||
/* line 86, ../bower_components/foundation/scss/foundation/components/_side-nav.scss */
|
||||
.side-nav li.active > a:first-child:not(.button) {
|
||||
color: #f8ca00;
|
||||
color: #535d09;
|
||||
font-weight: normal;
|
||||
font-family: "Lato", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
|
@ -6151,120 +6151,125 @@ Additional Typography to complement Foundation
|
|||
|
||||
- - - - - - - - - - - - - - - - - - - - - - - */
|
||||
/* line 7, ../scss/_4_typography_theme-fr.scss */
|
||||
article a {
|
||||
p a {
|
||||
border-bottom: 1px dotted;
|
||||
}
|
||||
|
||||
/* line 8, ../scss/_4_typography_theme-fr.scss */
|
||||
article a:hover {
|
||||
p a:hover {
|
||||
border-bottom: 2px solid;
|
||||
}
|
||||
|
||||
/* line 10, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 9, ../scss/_4_typography_theme-fr.scss */
|
||||
p a.button {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/* line 11, ../scss/_4_typography_theme-fr.scss */
|
||||
img {
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
/* line 12, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 13, ../scss/_4_typography_theme-fr.scss */
|
||||
img.alignleft,
|
||||
img.left {
|
||||
float: left;
|
||||
margin: 5px 15px 5px 0;
|
||||
}
|
||||
|
||||
/* line 14, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 15, ../scss/_4_typography_theme-fr.scss */
|
||||
img.alignright,
|
||||
img.right {
|
||||
float: right;
|
||||
margin: 5px 0 5px 15px;
|
||||
}
|
||||
|
||||
/* line 16, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 17, ../scss/_4_typography_theme-fr.scss */
|
||||
img.aligncenter,
|
||||
img.center {
|
||||
display: block;
|
||||
margin: 0 auto 10px;
|
||||
}
|
||||
|
||||
/* line 18, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 19, ../scss/_4_typography_theme-fr.scss */
|
||||
h1 {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* line 19, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 20, ../scss/_4_typography_theme-fr.scss */
|
||||
h2 {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
/* line 20, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 21, ../scss/_4_typography_theme-fr.scss */
|
||||
h3 {
|
||||
margin-top: 1.375rem;
|
||||
}
|
||||
|
||||
/* line 21, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 22, ../scss/_4_typography_theme-fr.scss */
|
||||
#blog-index h2 {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
/* line 22, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 23, ../scss/_4_typography_theme-fr.scss */
|
||||
h4 {
|
||||
font-variant: small-caps;
|
||||
}
|
||||
|
||||
/* line 24, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 25, ../scss/_4_typography_theme-fr.scss */
|
||||
article dl dt {
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
/* line 25, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 26, ../scss/_4_typography_theme-fr.scss */
|
||||
article dl dd {
|
||||
line-height: 1.6;
|
||||
margin-bottom: 0.75rem;
|
||||
margin-left: 1.5rem;
|
||||
}
|
||||
|
||||
/* line 29, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 30, ../scss/_4_typography_theme-fr.scss */
|
||||
dl.accordion {
|
||||
border-top: 1px solid #cbcbcb;
|
||||
}
|
||||
|
||||
/* line 30, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 31, ../scss/_4_typography_theme-fr.scss */
|
||||
.accordion dd {
|
||||
border-bottom: 1px solid #cbcbcb;
|
||||
}
|
||||
|
||||
/* line 31, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 32, ../scss/_4_typography_theme-fr.scss */
|
||||
dd.accordion-navigation span {
|
||||
padding-right: 12px;
|
||||
}
|
||||
|
||||
/* line 32, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 33, ../scss/_4_typography_theme-fr.scss */
|
||||
dd.accordion-navigation span:before {
|
||||
content: "\E766";
|
||||
}
|
||||
|
||||
/* line 33, ../scss/_4_typography_theme-fr.scss */
|
||||
dd.accordion-navigation.active span:before {
|
||||
content: "\E764";
|
||||
}
|
||||
|
||||
/* line 34, ../scss/_4_typography_theme-fr.scss */
|
||||
dd.accordion-navigation.active span:before {
|
||||
content: "\E764";
|
||||
}
|
||||
|
||||
/* line 39, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 35, ../scss/_4_typography_theme-fr.scss */
|
||||
dd.accordion-navigation.active span:before {
|
||||
content: "\E764";
|
||||
}
|
||||
|
||||
/* line 40, ../scss/_4_typography_theme-fr.scss */
|
||||
td {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
/* line 41, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 42, ../scss/_4_typography_theme-fr.scss */
|
||||
code {
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
/* line 43, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 44, ../scss/_4_typography_theme-fr.scss */
|
||||
blockquote {
|
||||
font-style: italic;
|
||||
position: relative;
|
||||
|
|
@ -6273,13 +6278,13 @@ blockquote {
|
|||
color: #4b4b4d;
|
||||
}
|
||||
|
||||
/* line 51, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 52, ../scss/_4_typography_theme-fr.scss */
|
||||
blockquote p {
|
||||
font-style: italic;
|
||||
color: #7e7e7e;
|
||||
}
|
||||
|
||||
/* line 53, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 54, ../scss/_4_typography_theme-fr.scss */
|
||||
blockquote:before {
|
||||
display: block;
|
||||
content: "\00BB";
|
||||
|
|
@ -6290,7 +6295,7 @@ blockquote:before {
|
|||
color: #4b4b4d;
|
||||
}
|
||||
|
||||
/* line 61, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 62, ../scss/_4_typography_theme-fr.scss */
|
||||
blockquote:after {
|
||||
display: block;
|
||||
content: "\00AB";
|
||||
|
|
@ -6301,88 +6306,73 @@ blockquote:after {
|
|||
color: #4b4b4d;
|
||||
}
|
||||
|
||||
/* line 71, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 72, ../scss/_4_typography_theme-fr.scss */
|
||||
blockquote cite:before {
|
||||
content: "\2014 \0020";
|
||||
}
|
||||
|
||||
/* line 73, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 74, ../scss/_4_typography_theme-fr.scss */
|
||||
blockquote cite a, blockquote cite a:visited {
|
||||
color: #555;
|
||||
}
|
||||
|
||||
/* line 75, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 76, ../scss/_4_typography_theme-fr.scss */
|
||||
cite {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
/* line 77, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 78, ../scss/_4_typography_theme-fr.scss */
|
||||
.alert-box {
|
||||
font-family: "Volkhov", Georgia;
|
||||
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9);
|
||||
}
|
||||
|
||||
/* line 81, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 82, ../scss/_4_typography_theme-fr.scss */
|
||||
.alert-box p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* line 82, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 83, ../scss/_4_typography_theme-fr.scss */
|
||||
.alert-box a {
|
||||
text-shadow: 1px 1px 0px black;
|
||||
color: #fff;
|
||||
border-bottom: 1px dotted #fff;
|
||||
}
|
||||
|
||||
/* line 87, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 88, ../scss/_4_typography_theme-fr.scss */
|
||||
.alert-box a:hover {
|
||||
border-bottom: 1px solid #fff;
|
||||
}
|
||||
|
||||
/* line 91, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 92, ../scss/_4_typography_theme-fr.scss */
|
||||
button, .button {
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
/* line 93, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 94, ../scss/_4_typography_theme-fr.scss */
|
||||
mark {
|
||||
background-color: #f393b5;
|
||||
}
|
||||
|
||||
/* line 95, ../scss/_4_typography_theme-fr.scss */
|
||||
.side-nav li.title {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
/* line 96, ../scss/_4_typography_theme-fr.scss */
|
||||
.side-nav li {
|
||||
border-top: 1px solid #e4e4e4;
|
||||
}
|
||||
|
||||
/* line 97, ../scss/_4_typography_theme-fr.scss */
|
||||
.side-nav li a:not(.button) {
|
||||
padding: 0.4375rem 0rem;
|
||||
}
|
||||
|
||||
/* line 99, ../scss/_4_typography_theme-fr.scss */
|
||||
.subheadline {
|
||||
font-size: 1rem;
|
||||
margin: 0;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
/* line 100, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 97, ../scss/_4_typography_theme-fr.scss */
|
||||
.teaser {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
/* line 101, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 98, ../scss/_4_typography_theme-fr.scss */
|
||||
.big-teaser {
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
/* line 102, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 99, ../scss/_4_typography_theme-fr.scss */
|
||||
.big-teaser a {
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
|
|
@ -6390,13 +6380,13 @@ mark {
|
|||
|
||||
/* Bigteaser Schriftgröße auf kleinen Bildschirmen veringern */
|
||||
@media only screen {
|
||||
/* line 107, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 104, ../scss/_4_typography_theme-fr.scss */
|
||||
.big-teaser {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 40.063em) {
|
||||
/* line 112, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 109, ../scss/_4_typography_theme-fr.scss */
|
||||
.big-teaser {
|
||||
font-size: 1.8125rem;
|
||||
}
|
||||
|
|
@ -6406,42 +6396,42 @@ mark {
|
|||
Additional typographical elements
|
||||
|
||||
- - - - - - - - - - - - - - - - - - - - - - - */
|
||||
/* line 125, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 122, ../scss/_4_typography_theme-fr.scss */
|
||||
.sans {
|
||||
font-family: "Lato", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
||||
/* line 126, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 123, ../scss/_4_typography_theme-fr.scss */
|
||||
.serif {
|
||||
font-family: "Volkhov", Georgia;
|
||||
}
|
||||
|
||||
/* line 128, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 125, ../scss/_4_typography_theme-fr.scss */
|
||||
.font-size-huge {
|
||||
font-size: 2.25rem;
|
||||
}
|
||||
|
||||
/* line 129, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 126, ../scss/_4_typography_theme-fr.scss */
|
||||
.font-size-large {
|
||||
font-size: 1.5625rem;
|
||||
}
|
||||
|
||||
/* line 130, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 127, ../scss/_4_typography_theme-fr.scss */
|
||||
.font-size-big {
|
||||
font-size: 1.375rem;
|
||||
}
|
||||
|
||||
/* line 131, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 128, ../scss/_4_typography_theme-fr.scss */
|
||||
.font-size-medium {
|
||||
font-size: 1.125rem;
|
||||
}
|
||||
|
||||
/* line 132, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 129, ../scss/_4_typography_theme-fr.scss */
|
||||
.font-size-regular {
|
||||
font-size: 1.125rem;
|
||||
}
|
||||
|
||||
/* line 133, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 130, ../scss/_4_typography_theme-fr.scss */
|
||||
.font-size-normal {
|
||||
font-size: 1.125rem;
|
||||
}
|
||||
|
|
@ -6462,27 +6452,27 @@ Additional typographical elements
|
|||
font-style: normal;
|
||||
}
|
||||
|
||||
/* line 158, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 155, ../scss/_4_typography_theme-fr.scss */
|
||||
.entypo {
|
||||
font-family: 'entypo';
|
||||
}
|
||||
|
||||
/* line 159, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 156, ../scss/_4_typography_theme-fr.scss */
|
||||
.entypo-social {
|
||||
font-family: 'entypo-social';
|
||||
}
|
||||
|
||||
/* line 160, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 157, ../scss/_4_typography_theme-fr.scss */
|
||||
.entypo-32 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
/* line 161, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 158, ../scss/_4_typography_theme-fr.scss */
|
||||
.entypo-48 {
|
||||
font-size: 3rem;
|
||||
}
|
||||
|
||||
/* line 162, ../scss/_4_typography_theme-fr.scss */
|
||||
/* line 159, ../scss/_4_typography_theme-fr.scss */
|
||||
.entypo-64 {
|
||||
font-size: 4rem;
|
||||
}
|
||||
|
|
@ -6692,21 +6682,6 @@ footer li {
|
|||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
/* line 122, ../scss/_5_layout_theme-fr.scss */
|
||||
.side-nav li.title {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
/* line 123, ../scss/_5_layout_theme-fr.scss */
|
||||
.side-nav li {
|
||||
border-top: 1px solid #e4e4e4;
|
||||
}
|
||||
|
||||
/* line 124, ../scss/_5_layout_theme-fr.scss */
|
||||
.side-nav li a:not(.button) {
|
||||
padding: 0.4375rem 0rem;
|
||||
}
|
||||
|
||||
/* line 1, ../scss/_6_additional_theme-fr.scss */
|
||||
.ad-space {
|
||||
border: 1px solid #fafafa;
|
||||
|
|
@ -6778,45 +6753,45 @@ button.grey:focus,
|
|||
text-shadow: rgba(255, 255, 255, 0.49804) 0px 1px 2px;
|
||||
}
|
||||
|
||||
/* line 33, ../scss/_6_additional_theme-fr.scss */
|
||||
/* line 34, ../scss/_6_additional_theme-fr.scss */
|
||||
.side-nav li.title {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
/* line 34, ../scss/_6_additional_theme-fr.scss */
|
||||
/* line 35, ../scss/_6_additional_theme-fr.scss */
|
||||
.side-nav li {
|
||||
border-top: 1px solid #e4e4e4;
|
||||
}
|
||||
|
||||
/* line 35, ../scss/_6_additional_theme-fr.scss */
|
||||
/* line 36, ../scss/_6_additional_theme-fr.scss */
|
||||
.side-nav li a:not(.button) {
|
||||
padding: 0.4375rem 0rem;
|
||||
}
|
||||
|
||||
/* line 36, ../scss/_6_additional_theme-fr.scss */
|
||||
/* line 37, ../scss/_6_additional_theme-fr.scss */
|
||||
.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
/* line 39, ../scss/_6_additional_theme-fr.scss */
|
||||
/* line 43, ../scss/_6_additional_theme-fr.scss */
|
||||
.meta-info p {
|
||||
font-size: 0.8125rem;
|
||||
color: #efefef;
|
||||
}
|
||||
|
||||
/* line 43, ../scss/_6_additional_theme-fr.scss */
|
||||
/* line 47, ../scss/_6_additional_theme-fr.scss */
|
||||
.meta-info a {
|
||||
text-decoration: underline;
|
||||
color: #efefef;
|
||||
}
|
||||
|
||||
/* line 47, ../scss/_6_additional_theme-fr.scss */
|
||||
/* line 51, ../scss/_6_additional_theme-fr.scss */
|
||||
.meta-info a:hover {
|
||||
text-decoration: none;
|
||||
color: #490a3d;
|
||||
}
|
||||
|
||||
/* line 53, ../scss/_6_additional_theme-fr.scss */
|
||||
/* line 57, ../scss/_6_additional_theme-fr.scss */
|
||||
#logo-monochrome {
|
||||
background: url(../img/phlow-logo-monochrome-100x36.png) no-repeat;
|
||||
height: 36px;
|
||||
|
|
|
|||
2
assets/css/style_feeling_responsive.min.css
vendored
2
assets/css/style_feeling_responsive.min.css
vendored
File diff suppressed because one or more lines are too long
BIN
assets/img/header_homepage_13.jpg
Normal file
BIN
assets/img/header_homepage_13.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 93 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 160 KiB |
BIN
assets/img/homepage_typography.jpg
Normal file
BIN
assets/img/homepage_typography.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 138 KiB |
|
|
@ -57,7 +57,7 @@ permalink: "/documentation/"
|
|||
|
||||
## Style your content with {#styling}
|
||||
|
||||
Feeling Responsive offers lots of possibilities to style your articles. You can style your content in different ways. There are elements like subheadlines, feature images, header images, meta data like categories and tags and many more.
|
||||
Feeling Responsive offers lots of possibilities to style your articles. You can style your content in different ways. There are elements like subheadlines, feature images, header images, homepage images, meta data like categories and tags and many more.
|
||||
|
||||
|
||||
### subheadlines
|
||||
|
|
@ -121,7 +121,7 @@ You can choose to show a special full-width header image or not.
|
|||
|
||||
### Thumbnails
|
||||
|
||||
Thumbnails are used on archive pages like the [blog index][2]. Define them in front matter like this:
|
||||
Thumbnails are used on archive pages like the [blog index][2]. They have a size of 150x150 pixels. Define them in front matter like this:
|
||||
|
||||
~~~
|
||||
image:
|
||||
|
|
@ -129,13 +129,24 @@ image:
|
|||
~~~
|
||||
|
||||
|
||||
### Define all three images
|
||||
### Homepage Image
|
||||
|
||||
If you want to feature an article on the homepage with a huge image, than use the homepage image with a width of 970 pixels. If no homepage image is defined *Feeling Responsive* writes over the blog entries *New Blog Articles*. Define the homepage image like this:
|
||||
|
||||
~~~
|
||||
image:
|
||||
homepage: "header_homepage_13.jpg"
|
||||
~~~
|
||||
|
||||
|
||||
### Define all images for an article
|
||||
|
||||
~~~
|
||||
image:
|
||||
header: header_image.jpg
|
||||
title: title_image.jpg
|
||||
thumb: thumbnail_image.jpg
|
||||
homepage: header_homepage_13.jpg
|
||||
~~~
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ title: "Getting Started"
|
|||
subheadline: "A Step-by-Step Guide"
|
||||
description: "This step-by-step guide helps you to customize Feeling Responsive to your needs."
|
||||
image:
|
||||
header: "no"
|
||||
header: header_homepage_13.jpg
|
||||
permalink: "/getting-started/"
|
||||
---
|
||||
1. Open `_config.yml` and work it through, it's well documented
|
||||
|
|
|
|||
22
index.html
22
index.html
|
|
@ -16,7 +16,7 @@ image:
|
|||
|
||||
<div class="medium-4 columns">
|
||||
<a href="{{ site.url }}/design/portfolio/"><img src="{{ site.url }}/assets/img/unsplash_1-303x182.jpg" alt=""></a>
|
||||
<h2>Portfolio</h2>
|
||||
<h2>Showcase Your Work</h2>
|
||||
<p>
|
||||
<em>Feeling Responsive</em> supports you with layouts to present your favorite and actual work. With the gallery- and portfolio-template you can show off your work as a designer, programmer, photographer or artist.
|
||||
</p>
|
||||
|
|
@ -53,31 +53,33 @@ image:
|
|||
</div><!-- /.row -->
|
||||
|
||||
|
||||
<div class="row top-60">
|
||||
<div class="row top-60 bottom-30">
|
||||
<div class="small-12 columns">
|
||||
<h2>New Blog Articles</h2>
|
||||
{% for post in site.posts limit:1 %}
|
||||
<p style="padding: 0; margin: 0;" class="text-right">
|
||||
{% if post.image.homepage %}<a href="{{ site.url }}{{ post.url }}" title="{{ post.title escape_once }}"><img src="{{ site.url }}/assets/img/{{ post.image.homepage }}" alt="{{ page.title escape_once }}"></a>
|
||||
{% if post.image.url && post.image.credit %}<a style="border: none;" href="{{ post.image.url }}">{{ post.image.credits }}</a>{% endif %}
|
||||
</p>
|
||||
{% elsif post.image.homepage == NULL %}
|
||||
<h2>New Blog Articles</h2>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div><!-- /.small-12.columns -->
|
||||
</div><!-- /.row -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="blog-index" class="row">
|
||||
<div class="medium-6 columns">
|
||||
{% for post in site.posts limit:1 %}
|
||||
<p class="subheadline">{% if post.subheadline %}{{ post.subheadline }}{% endif %}<span class="subheader"><small> {% if post.categories %}{{ post.categories | join: ' · ' }}{% endif %}</small></span></p>
|
||||
<p class="subheadline">{% if post.subheadline %}{{ post.subheadline }}{% endif %}</p>
|
||||
<h2><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></h2>
|
||||
|
||||
<p>
|
||||
{% if post.image.thumb %}<a href="{{ site.url }}{{ post.url }}" title="{{ post.title escape_once }}"><img src="{{ site.url }}/assets/img/{{ post.image.thumb }}" class="alignleft" width="120" height="120" alt="{{ page.title escape_once }}"></a>{% endif %}
|
||||
|
||||
{% 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>Read more ›</strong></a>
|
||||
</p>
|
||||
|
||||
{% endfor %}
|
||||
</div><!-- /.medium-5.columns -->
|
||||
|
||||
|
|
|
|||
Reference in a new issue