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

improved Fonts webfontloader

Browse source
This commit is contained in:
Moritz »mo.« Sauer 2014-12-22 18:41:34 +01:00
parent fd64ed169b
commit 6f1fc17846
6 changed files with 94 additions and 68 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
_includes/header.html
View file

@ -6,8 +6,28 @@
<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
<link rel="stylesheet" href="{{ site.url }}/assets/css/styles-responsive.min.css">
<script src="{{ site.url }}/assets/js/modernizr.min.js"></script>
<link href='http://fonts.googleapis.com/css?family=Lato:400,700,400italic%7cVolkhov:400,700' rel='stylesheet' type='text/css'>
{% if site.google_site_verification %}<meta name="google-site-verification" content="{{ site.google_site_verification}}" />{% endif %}
<script>
WebFontConfig = {
google: { families: [ 'Lato:400,700,400italic:latin', 'Volkhov::latin' ] }
};
(function() {
var wf = document.createElement('script');
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
'://ajax.googleapis.com/ajax/libs/webfont/1.5.6/webfont.js';
wf.type = 'text/javascript';
wf.async = 'true';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})();
</script>
<noscript>
<link href='http://fonts.googleapis.com/css?family=Lato:400,700,400italic|Volkhov' rel='stylesheet' type='text/css'>
</noscript>
{% if site.google_site_verification %}<meta name="google-site-verification" content="{{ site.google_site_verification}}" />{% endif %}
{% if site.bing_webmastertools_id %}<meta name="msvalidate.01" content="{{ site.bing_webmastertools_id }}" />{% endif %}
{% if page.meta_description %}<meta name="description" content="{{ page.meta_description | strip_html | escape }}"/>{% elsif page.description %}<meta name="description" content="{{ page.description | strip_html | escape }}"/>{% elsif site.description %}<meta name="description" content="{{ site.description | strip_html | escape }}"/>{% endif %}
@ -30,4 +50,4 @@
{% if page.image.thumb %}<meta property="og:image" content="{{ site.url }}/images/{{ page.image.thumb }}" />{% endif %}
{% if site.alexa_verify_id %}<meta name="alexaVerifyID" content="{{ site.alexa_verify_id }}" />{% endif %}
</head>
</head>

2
_posts/design/2014-11-16-typography.md
View file

@ -29,7 +29,7 @@ categories:
## Lato – A Sans Serif Typeface Family
[Lato][4] is a sans serif typeface family started in the summer of 2010 by Warsaw-based designer Łukasz Dziedzic (“Lato” means “Summer” in Polish). In December 2010 the Lato family was published under the Open Font License by his foundry tyPoland, with support from Google.
[Lato][4] is a sans serif typeface family started in the summer of 2010 by Warsaw-based designer Łukasz Dziedzic. »Lato« means »Summer« in Polish. In December 2010 the Lato family was published under the Open Font License by his foundry tyPoland, with support from Google.
> <span class="teaser">I do not think of type as something that should be readable. It should be beautiful.</span><cite>[Ed Benguiat][3]</cite>

118
assets/css/styles-responsive.css
View file

@ -1,4 +1,5 @@
@charset "UTF-8";
/* SUPER */
/* Modular Scale ----------------------
2:3 perfect fifth
@ -8,12 +9,14 @@
DIESE IST DIE AKTUELLE
44.000 1 2.75 338.462
36.000 0.818 2.25 276.923
29.333 0.667 1.833 225.638
24.000 0.545 1.5 184.615
19.555 0.444 1.222 150.423
16.000 0.364 1 123.077
66.000 4.125 4.125 507.692
54.000 3.375 3.375 415.385
44.000 2.75 2.75 338.462
36.000 2.25 2.25 276.923
29.333 1.833 1.833 225.638
24.000 1.5 1.5 184.615
19.555 1.222 1.222 150.423
16.000 1 1 123.077
--------------------------------*/
/* line 347, ../bower_components/foundation/scss/foundation/components/_global.scss */
@ -5870,7 +5873,7 @@ h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
/* line 269, ../bower_components/foundation/scss/foundation/components/_type.scss */
h1 {
font-size: 2.125rem;
font-size: 2.75rem;
}
/* line 270, ../bower_components/foundation/scss/foundation/components/_type.scss */
@ -6120,7 +6123,7 @@ blockquote p {
/* line 456, ../bower_components/foundation/scss/foundation/components/_type.scss */
h1 {
font-size: 2.75rem;
font-size: 3.375rem;
}
/* line 457, ../bower_components/foundation/scss/foundation/components/_type.scss */
@ -6822,84 +6825,79 @@ img.center {
}
/* line 19, ../scss/_4_typography_theme-fr.scss */
h1 {
font-weight: bold;
}
/* line 20, ../scss/_4_typography_theme-fr.scss */
h2 {
margin-top: 1.5rem;
}
/* line 21, ../scss/_4_typography_theme-fr.scss */
/* line 20, ../scss/_4_typography_theme-fr.scss */
.blog-index h2 {
margin-top: 10px;
}
/* line 22, ../scss/_4_typography_theme-fr.scss */
/* line 21, ../scss/_4_typography_theme-fr.scss */
h3 {
margin-top: 1.375rem;
}
/* line 24, ../scss/_4_typography_theme-fr.scss */
/* line 23, ../scss/_4_typography_theme-fr.scss */
article dl dt {
line-height: 1.3;
}
/* line 25, ../scss/_4_typography_theme-fr.scss */
/* line 24, ../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 27, ../scss/_4_typography_theme-fr.scss */
dl.accordion {
border-top: 1px solid #d7d7d7;
}
/* line 30, ../scss/_4_typography_theme-fr.scss */
/* line 28, ../scss/_4_typography_theme-fr.scss */
.accordion dd {
border-bottom: 1px solid #d7d7d7;
}
/* line 31, ../scss/_4_typography_theme-fr.scss */
/* line 29, ../scss/_4_typography_theme-fr.scss */
dd.accordion-navigation span {
padding-right: 12px;
}
/* line 32, ../scss/_4_typography_theme-fr.scss */
/* line 30, ../scss/_4_typography_theme-fr.scss */
dd.accordion-navigation span:before {
content: "\E766";
}
/* line 33, ../scss/_4_typography_theme-fr.scss */
/* line 31, ../scss/_4_typography_theme-fr.scss */
dd.accordion-navigation.active span:before {
content: "\E764";
}
/* line 34, ../scss/_4_typography_theme-fr.scss */
/* line 32, ../scss/_4_typography_theme-fr.scss */
dd.accordion-navigation.active span:before {
content: "\E764";
}
/* line 37, ../scss/_4_typography_theme-fr.scss */
/* line 35, ../scss/_4_typography_theme-fr.scss */
td {
vertical-align: top;
}
/* line 39, ../scss/_4_typography_theme-fr.scss */
/* line 37, ../scss/_4_typography_theme-fr.scss */
pre {
overflow: auto;
}
/* line 40, ../scss/_4_typography_theme-fr.scss */
/* line 38, ../scss/_4_typography_theme-fr.scss */
code {
font-size: 0.875rem;
line-height: 1.5;
}
/* line 42, ../scss/_4_typography_theme-fr.scss */
/* line 40, ../scss/_4_typography_theme-fr.scss */
blockquote {
font-style: italic;
position: relative;
@ -6908,13 +6906,13 @@ blockquote {
color: #4b4b4d;
}
/* line 50, ../scss/_4_typography_theme-fr.scss */
/* line 48, ../scss/_4_typography_theme-fr.scss */
blockquote p {
font-style: italic;
color: #575757;
}
/* line 52, ../scss/_4_typography_theme-fr.scss */
/* line 50, ../scss/_4_typography_theme-fr.scss */
blockquote:before {
display: block;
content: "\00BB";
@ -6925,7 +6923,7 @@ blockquote:before {
color: #4b4b4d;
}
/* line 60, ../scss/_4_typography_theme-fr.scss */
/* line 58, ../scss/_4_typography_theme-fr.scss */
blockquote:after {
display: block;
content: "\00AB";
@ -6936,73 +6934,73 @@ blockquote:after {
color: #4b4b4d;
}
/* line 70, ../scss/_4_typography_theme-fr.scss */
/* line 68, ../scss/_4_typography_theme-fr.scss */
blockquote cite:before {
content: "\2014 \0020";
}
/* line 72, ../scss/_4_typography_theme-fr.scss */
/* line 70, ../scss/_4_typography_theme-fr.scss */
blockquote cite a, blockquote cite a:visited {
color: #555;
}
/* line 74, ../scss/_4_typography_theme-fr.scss */
/* line 72, ../scss/_4_typography_theme-fr.scss */
cite {
padding-top: 5px;
}
/* line 76, ../scss/_4_typography_theme-fr.scss */
/* line 74, ../scss/_4_typography_theme-fr.scss */
.alert-box {
font-family: "Volkhov", Georgia, Times, serif;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9);
}
/* line 80, ../scss/_4_typography_theme-fr.scss */
/* line 78, ../scss/_4_typography_theme-fr.scss */
.alert-box p {
margin-bottom: 0;
}
/* line 81, ../scss/_4_typography_theme-fr.scss */
/* line 79, ../scss/_4_typography_theme-fr.scss */
.alert-box a {
text-shadow: 1px 1px 0px black;
color: #fff;
border-bottom: 1px dotted #fff;
}
/* line 86, ../scss/_4_typography_theme-fr.scss */
/* line 84, ../scss/_4_typography_theme-fr.scss */
.alert-box a:hover {
border-bottom: 1px solid #fff;
}
/* line 90, ../scss/_4_typography_theme-fr.scss */
/* line 88, ../scss/_4_typography_theme-fr.scss */
button, .button {
letter-spacing: 1px;
}
/* line 92, ../scss/_4_typography_theme-fr.scss */
/* line 90, ../scss/_4_typography_theme-fr.scss */
mark {
background-color: #f3cab2;
}
/* line 94, ../scss/_4_typography_theme-fr.scss */
/* line 92, ../scss/_4_typography_theme-fr.scss */
.subheadline {
font-size: 1rem;
margin: 0;
text-transform: uppercase;
}
/* line 95, ../scss/_4_typography_theme-fr.scss */
/* line 93, ../scss/_4_typography_theme-fr.scss */
.teaser {
font-size: 1.25rem;
}
/* line 96, ../scss/_4_typography_theme-fr.scss */
/* line 94, ../scss/_4_typography_theme-fr.scss */
.big-teaser {
font-style: italic;
font-weight: 300;
}
/* line 97, ../scss/_4_typography_theme-fr.scss */
/* line 95, ../scss/_4_typography_theme-fr.scss */
.big-teaser a {
font-style: italic;
font-weight: 400;
@ -7010,13 +7008,13 @@ mark {
/* Bigteaser Schriftgröße auf kleinen Bildschirmen veringern */
@media only screen {
/* line 102, ../scss/_4_typography_theme-fr.scss */
/* line 100, ../scss/_4_typography_theme-fr.scss */
.big-teaser {
font-size: 1.25rem;
}
}
@media only screen and (min-width: 40.063em) {
/* line 107, ../scss/_4_typography_theme-fr.scss */
/* line 105, ../scss/_4_typography_theme-fr.scss */
.big-teaser {
font-size: 1.8125rem;
}
@ -7026,42 +7024,42 @@ mark {
Additional typographical elements
- - - - - - - - - - - - - - - - - - - - - - - */
/* line 119, ../scss/_4_typography_theme-fr.scss */
/* line 117, ../scss/_4_typography_theme-fr.scss */
.sans {
font-family: "Lato", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
/* line 120, ../scss/_4_typography_theme-fr.scss */
/* line 118, ../scss/_4_typography_theme-fr.scss */
.serif {
font-family: "Volkhov", Georgia, Times, serif;
}
/* line 122, ../scss/_4_typography_theme-fr.scss */
/* line 120, ../scss/_4_typography_theme-fr.scss */
.font-size-h1 {
font-size: 2.75rem;
font-size: 3.375rem;
}
/* line 123, ../scss/_4_typography_theme-fr.scss */
/* line 121, ../scss/_4_typography_theme-fr.scss */
.font-size-h2 {
font-size: 2.25rem;
}
/* line 124, ../scss/_4_typography_theme-fr.scss */
/* line 122, ../scss/_4_typography_theme-fr.scss */
.font-size-h3 {
font-size: 1.8125rem;
}
/* line 125, ../scss/_4_typography_theme-fr.scss */
/* line 123, ../scss/_4_typography_theme-fr.scss */
.font-size-h4 {
font-size: 1.5rem;
}
/* line 126, ../scss/_4_typography_theme-fr.scss */
/* line 124, ../scss/_4_typography_theme-fr.scss */
.font-size-h5 {
font-size: 1.1875rem;
}
/* line 127, ../scss/_4_typography_theme-fr.scss */
/* line 125, ../scss/_4_typography_theme-fr.scss */
.font-size-p {
font-size: 1rem;
}
@ -7080,32 +7078,32 @@ Additional typographical elements
font-weight: normal;
font-style: normal;
}
/* line 156, ../scss/_4_typography_theme-fr.scss */
/* line 151, ../scss/_4_typography_theme-fr.scss */
.entypo {
font-family: 'entypo';
}
/* line 157, ../scss/_4_typography_theme-fr.scss */
/* line 152, ../scss/_4_typography_theme-fr.scss */
.entypo-social {
font-family: 'entypo-social';
}
/* line 158, ../scss/_4_typography_theme-fr.scss */
/* line 153, ../scss/_4_typography_theme-fr.scss */
.entypo-32 {
font-size: 2rem;
}
/* line 159, ../scss/_4_typography_theme-fr.scss */
/* line 154, ../scss/_4_typography_theme-fr.scss */
.entypo-29 {
font-size: 1.8125rem;
}
/* line 160, ../scss/_4_typography_theme-fr.scss */
/* line 155, ../scss/_4_typography_theme-fr.scss */
.entypo-48 {
font-size: 3rem;
}
/* line 161, ../scss/_4_typography_theme-fr.scss */
/* line 156, ../scss/_4_typography_theme-fr.scss */
.entypo-64 {
font-size: 4rem;
}

2
assets/css/styles-responsive.min.css vendored
View file

File diff suppressed because one or more lines are too long

3
pages/changelog.md
View file

@ -7,6 +7,9 @@ image:
header: "header_unsplash_9.jpg"
permalink: "/changelog/"
---
2014-12-22 // Version 0.93
: Improved speed through the use of [webfontloader](https://github.com/typekit/webfontloader). Reduced Volkhov font and only embedded normal weight. Now fonts load asynchronous and the package is 53kb lighter.
2014-12-21 // Version 0.92
: A new polished version, with a stronger and better color scheme. [Have a look ›]({{ site.url }}/design/grid/#color-scheme-and-colors-codes). Added foundation `.scss-files` to `assets/scss/` for savety.

11
pages/getting-started.md
View file

@ -9,8 +9,13 @@ permalink: "/getting-started/"
---
1. Open `_config.yml` and work it through, it's well documented
2. Add your own `logo.png` to `/images/`.
3. Open `_data/socialmedia.yml` and add your own social media links
4. Open `_data/navigation.yml` and add your own social media links
5. Make it yours and add your own content.
3. Open `_data/socialmedia.yml` and add your own social media links.
4. Open `_data/navigation.yml` and customize your navigation.
5. Open `_data/language.yml` and translate the theme if necessary.
6. [Read the documentation][1] to check out all features of *Feeling Responsive*.
7. Make it yours and add your own content.
<a class="radius button small" href="{{ site.url }}/documentation/">Check out the documentation for all the tricks ›</a>
[1]: {{ site.url }}/documentation/