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> <title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
<link rel="stylesheet" href="{{ site.url }}/assets/css/styles-responsive.min.css"> <link rel="stylesheet" href="{{ site.url }}/assets/css/styles-responsive.min.css">
<script src="{{ site.url }}/assets/js/modernizr.min.js"></script> <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 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 %} {% 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 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 %} {% 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 – 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> > <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"; @charset "UTF-8";
/* SUPER */
/* Modular Scale ---------------------- /* Modular Scale ----------------------
2:3 perfect fifth 2:3 perfect fifth
@ -8,12 +9,14 @@
DIESE IST DIE AKTUELLE DIESE IST DIE AKTUELLE
44.000 1 2.75 338.462 66.000 4.125 4.125 507.692
36.000 0.818 2.25 276.923 54.000 3.375 3.375 415.385
29.333 0.667 1.833 225.638 44.000 2.75 2.75 338.462
24.000 0.545 1.5 184.615 36.000 2.25 2.25 276.923
19.555 0.444 1.222 150.423 29.333 1.833 1.833 225.638
16.000 0.364 1 123.077 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 */ /* 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 */ /* line 269, ../bower_components/foundation/scss/foundation/components/_type.scss */
h1 { h1 {
font-size: 2.125rem; font-size: 2.75rem;
} }
/* line 270, ../bower_components/foundation/scss/foundation/components/_type.scss */ /* 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 */ /* line 456, ../bower_components/foundation/scss/foundation/components/_type.scss */
h1 { h1 {
font-size: 2.75rem; font-size: 3.375rem;
} }
/* line 457, ../bower_components/foundation/scss/foundation/components/_type.scss */ /* line 457, ../bower_components/foundation/scss/foundation/components/_type.scss */
@ -6822,84 +6825,79 @@ img.center {
} }
/* line 19, ../scss/_4_typography_theme-fr.scss */ /* line 19, ../scss/_4_typography_theme-fr.scss */
h1 {
font-weight: bold;
}
/* line 20, ../scss/_4_typography_theme-fr.scss */
h2 { h2 {
margin-top: 1.5rem; margin-top: 1.5rem;
} }
/* line 21, ../scss/_4_typography_theme-fr.scss */ /* line 20, ../scss/_4_typography_theme-fr.scss */
.blog-index h2 { .blog-index h2 {
margin-top: 10px; margin-top: 10px;
} }
/* line 22, ../scss/_4_typography_theme-fr.scss */ /* line 21, ../scss/_4_typography_theme-fr.scss */
h3 { h3 {
margin-top: 1.375rem; margin-top: 1.375rem;
} }
/* line 24, ../scss/_4_typography_theme-fr.scss */ /* line 23, ../scss/_4_typography_theme-fr.scss */
article dl dt { article dl dt {
line-height: 1.3; line-height: 1.3;
} }
/* line 25, ../scss/_4_typography_theme-fr.scss */ /* line 24, ../scss/_4_typography_theme-fr.scss */
article dl dd { article dl dd {
line-height: 1.6; line-height: 1.6;
margin-bottom: 0.75rem; margin-bottom: 0.75rem;
margin-left: 1.5rem; margin-left: 1.5rem;
} }
/* line 29, ../scss/_4_typography_theme-fr.scss */ /* line 27, ../scss/_4_typography_theme-fr.scss */
dl.accordion { dl.accordion {
border-top: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7;
} }
/* line 30, ../scss/_4_typography_theme-fr.scss */ /* line 28, ../scss/_4_typography_theme-fr.scss */
.accordion dd { .accordion dd {
border-bottom: 1px solid #d7d7d7; 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 { dd.accordion-navigation span {
padding-right: 12px; padding-right: 12px;
} }
/* line 32, ../scss/_4_typography_theme-fr.scss */ /* line 30, ../scss/_4_typography_theme-fr.scss */
dd.accordion-navigation span:before { dd.accordion-navigation span:before {
content: "\E766"; content: "\E766";
} }
/* line 33, ../scss/_4_typography_theme-fr.scss */ /* line 31, ../scss/_4_typography_theme-fr.scss */
dd.accordion-navigation.active span:before { dd.accordion-navigation.active span:before {
content: "\E764"; content: "\E764";
} }
/* line 34, ../scss/_4_typography_theme-fr.scss */ /* line 32, ../scss/_4_typography_theme-fr.scss */
dd.accordion-navigation.active span:before { dd.accordion-navigation.active span:before {
content: "\E764"; content: "\E764";
} }
/* line 37, ../scss/_4_typography_theme-fr.scss */ /* line 35, ../scss/_4_typography_theme-fr.scss */
td { td {
vertical-align: top; vertical-align: top;
} }
/* line 39, ../scss/_4_typography_theme-fr.scss */ /* line 37, ../scss/_4_typography_theme-fr.scss */
pre { pre {
overflow: auto; overflow: auto;
} }
/* line 40, ../scss/_4_typography_theme-fr.scss */ /* line 38, ../scss/_4_typography_theme-fr.scss */
code { code {
font-size: 0.875rem; font-size: 0.875rem;
line-height: 1.5; line-height: 1.5;
} }
/* line 42, ../scss/_4_typography_theme-fr.scss */ /* line 40, ../scss/_4_typography_theme-fr.scss */
blockquote { blockquote {
font-style: italic; font-style: italic;
position: relative; position: relative;
@ -6908,13 +6906,13 @@ blockquote {
color: #4b4b4d; color: #4b4b4d;
} }
/* line 50, ../scss/_4_typography_theme-fr.scss */ /* line 48, ../scss/_4_typography_theme-fr.scss */
blockquote p { blockquote p {
font-style: italic; font-style: italic;
color: #575757; color: #575757;
} }
/* line 52, ../scss/_4_typography_theme-fr.scss */ /* line 50, ../scss/_4_typography_theme-fr.scss */
blockquote:before { blockquote:before {
display: block; display: block;
content: "\00BB"; content: "\00BB";
@ -6925,7 +6923,7 @@ blockquote:before {
color: #4b4b4d; color: #4b4b4d;
} }
/* line 60, ../scss/_4_typography_theme-fr.scss */ /* line 58, ../scss/_4_typography_theme-fr.scss */
blockquote:after { blockquote:after {
display: block; display: block;
content: "\00AB"; content: "\00AB";
@ -6936,73 +6934,73 @@ blockquote:after {
color: #4b4b4d; color: #4b4b4d;
} }
/* line 70, ../scss/_4_typography_theme-fr.scss */ /* line 68, ../scss/_4_typography_theme-fr.scss */
blockquote cite:before { blockquote cite:before {
content: "\2014 \0020"; 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 { blockquote cite a, blockquote cite a:visited {
color: #555; color: #555;
} }
/* line 74, ../scss/_4_typography_theme-fr.scss */ /* line 72, ../scss/_4_typography_theme-fr.scss */
cite { cite {
padding-top: 5px; padding-top: 5px;
} }
/* line 76, ../scss/_4_typography_theme-fr.scss */ /* line 74, ../scss/_4_typography_theme-fr.scss */
.alert-box { .alert-box {
font-family: "Volkhov", Georgia, Times, serif; font-family: "Volkhov", Georgia, Times, serif;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9); 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 { .alert-box p {
margin-bottom: 0; margin-bottom: 0;
} }
/* line 81, ../scss/_4_typography_theme-fr.scss */ /* line 79, ../scss/_4_typography_theme-fr.scss */
.alert-box a { .alert-box a {
text-shadow: 1px 1px 0px black; text-shadow: 1px 1px 0px black;
color: #fff; color: #fff;
border-bottom: 1px dotted #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 { .alert-box a:hover {
border-bottom: 1px solid #fff; border-bottom: 1px solid #fff;
} }
/* line 90, ../scss/_4_typography_theme-fr.scss */ /* line 88, ../scss/_4_typography_theme-fr.scss */
button, .button { button, .button {
letter-spacing: 1px; letter-spacing: 1px;
} }
/* line 92, ../scss/_4_typography_theme-fr.scss */ /* line 90, ../scss/_4_typography_theme-fr.scss */
mark { mark {
background-color: #f3cab2; background-color: #f3cab2;
} }
/* line 94, ../scss/_4_typography_theme-fr.scss */ /* line 92, ../scss/_4_typography_theme-fr.scss */
.subheadline { .subheadline {
font-size: 1rem; font-size: 1rem;
margin: 0; margin: 0;
text-transform: uppercase; text-transform: uppercase;
} }
/* line 95, ../scss/_4_typography_theme-fr.scss */ /* line 93, ../scss/_4_typography_theme-fr.scss */
.teaser { .teaser {
font-size: 1.25rem; font-size: 1.25rem;
} }
/* line 96, ../scss/_4_typography_theme-fr.scss */ /* line 94, ../scss/_4_typography_theme-fr.scss */
.big-teaser { .big-teaser {
font-style: italic; font-style: italic;
font-weight: 300; font-weight: 300;
} }
/* line 97, ../scss/_4_typography_theme-fr.scss */ /* line 95, ../scss/_4_typography_theme-fr.scss */
.big-teaser a { .big-teaser a {
font-style: italic; font-style: italic;
font-weight: 400; font-weight: 400;
@ -7010,13 +7008,13 @@ mark {
/* Bigteaser Schriftgröße auf kleinen Bildschirmen veringern */ /* Bigteaser Schriftgröße auf kleinen Bildschirmen veringern */
@media only screen { @media only screen {
/* line 102, ../scss/_4_typography_theme-fr.scss */ /* line 100, ../scss/_4_typography_theme-fr.scss */
.big-teaser { .big-teaser {
font-size: 1.25rem; font-size: 1.25rem;
} }
} }
@media only screen and (min-width: 40.063em) { @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 { .big-teaser {
font-size: 1.8125rem; font-size: 1.8125rem;
} }
@ -7026,42 +7024,42 @@ mark {
Additional typographical elements Additional typographical elements
- - - - - - - - - - - - - - - - - - - - - - - */ - - - - - - - - - - - - - - - - - - - - - - - */
/* line 119, ../scss/_4_typography_theme-fr.scss */ /* line 117, ../scss/_4_typography_theme-fr.scss */
.sans { .sans {
font-family: "Lato", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; 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 { .serif {
font-family: "Volkhov", Georgia, Times, 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-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-h2 {
font-size: 2.25rem; 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-h3 {
font-size: 1.8125rem; 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-h4 {
font-size: 1.5rem; 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-h5 {
font-size: 1.1875rem; 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-p {
font-size: 1rem; font-size: 1rem;
} }
@ -7080,32 +7078,32 @@ Additional typographical elements
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
/* line 156, ../scss/_4_typography_theme-fr.scss */ /* line 151, ../scss/_4_typography_theme-fr.scss */
.entypo { .entypo {
font-family: 'entypo'; font-family: 'entypo';
} }
/* line 157, ../scss/_4_typography_theme-fr.scss */ /* line 152, ../scss/_4_typography_theme-fr.scss */
.entypo-social { .entypo-social {
font-family: 'entypo-social'; font-family: 'entypo-social';
} }
/* line 158, ../scss/_4_typography_theme-fr.scss */ /* line 153, ../scss/_4_typography_theme-fr.scss */
.entypo-32 { .entypo-32 {
font-size: 2rem; font-size: 2rem;
} }
/* line 159, ../scss/_4_typography_theme-fr.scss */ /* line 154, ../scss/_4_typography_theme-fr.scss */
.entypo-29 { .entypo-29 {
font-size: 1.8125rem; font-size: 1.8125rem;
} }
/* line 160, ../scss/_4_typography_theme-fr.scss */ /* line 155, ../scss/_4_typography_theme-fr.scss */
.entypo-48 { .entypo-48 {
font-size: 3rem; font-size: 3rem;
} }
/* line 161, ../scss/_4_typography_theme-fr.scss */ /* line 156, ../scss/_4_typography_theme-fr.scss */
.entypo-64 { .entypo-64 {
font-size: 4rem; 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" header: "header_unsplash_9.jpg"
permalink: "/changelog/" 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 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. : 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 1. Open `_config.yml` and work it through, it's well documented
2. Add your own `logo.png` to `/images/`. 2. Add your own `logo.png` to `/images/`.
3. Open `_data/socialmedia.yml` and add your own social media links 3. Open `_data/socialmedia.yml` and add your own social media links.
4. Open `_data/navigation.yml` and add your own social media links 4. Open `_data/navigation.yml` and customize your navigation.
5. Make it yours and add your own content. 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> <a class="radius button small" href="{{ site.url }}/documentation/">Check out the documentation for all the tricks ›</a>
[1]: {{ site.url }}/documentation/