gyrocycle 0.0.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/LICENSE.txt +21 -0
- data/README.md +54 -0
- data/_includes/footer.html +4 -0
- data/_includes/head.html +9 -0
- data/_includes/header.html +20 -0
- data/_layouts/archive.html +33 -0
- data/_layouts/default.html +13 -0
- data/_layouts/home.html +41 -0
- data/_layouts/link.html +21 -0
- data/_layouts/page.html +15 -0
- data/_layouts/post.html +22 -0
- data/_sass/fira-mono.scss +14 -0
- data/_sass/fira-sans.scss +55 -0
- data/_sass/fonts.scss +4 -0
- data/_sass/layout.scss +119 -0
- data/_sass/open-sans.scss +69 -0
- data/_sass/rubik.scss +62 -0
- data/_sass/typography.scss +94 -0
- data/assets/fonts/fira-mono/FiraMono-Bold.woff +0 -0
- data/assets/fonts/fira-mono/FiraMono-Bold.woff2 +0 -0
- data/assets/fonts/fira-mono/FiraMono-Medium.woff +0 -0
- data/assets/fonts/fira-mono/FiraMono-Medium.woff2 +0 -0
- data/assets/fonts/fira-mono/FiraMono-Regular.woff +0 -0
- data/assets/fonts/fira-mono/FiraMono-Regular.woff2 +0 -0
- data/assets/fonts/fira-mono/LICENSE +94 -0
- data/assets/fonts/fira-sans/FiraSans-Bold.woff +0 -0
- data/assets/fonts/fira-sans/FiraSans-Bold.woff2 +0 -0
- data/assets/fonts/fira-sans/FiraSans-BoldItalic.woff +0 -0
- data/assets/fonts/fira-sans/FiraSans-BoldItalic.woff2 +0 -0
- data/assets/fonts/fira-sans/FiraSans-Italic.woff +0 -0
- data/assets/fonts/fira-sans/FiraSans-Italic.woff2 +0 -0
- data/assets/fonts/fira-sans/FiraSans-Light.woff +0 -0
- data/assets/fonts/fira-sans/FiraSans-Light.woff2 +0 -0
- data/assets/fonts/fira-sans/FiraSans-LightItalic.woff +0 -0
- data/assets/fonts/fira-sans/FiraSans-LightItalic.woff2 +0 -0
- data/assets/fonts/fira-sans/FiraSans-Medium.woff +0 -0
- data/assets/fonts/fira-sans/FiraSans-Medium.woff2 +0 -0
- data/assets/fonts/fira-sans/FiraSans-MediumItalic.woff +0 -0
- data/assets/fonts/fira-sans/FiraSans-MediumItalic.woff2 +0 -0
- data/assets/fonts/fira-sans/FiraSans-Regular.woff +0 -0
- data/assets/fonts/fira-sans/FiraSans-Regular.woff2 +0 -0
- data/assets/fonts/fira-sans/LICENSE +94 -0
- data/assets/fonts/open-sans/LICENSE.txt +202 -0
- data/assets/fonts/open-sans/OpenSans-Bold.woff +0 -0
- data/assets/fonts/open-sans/OpenSans-BoldItalic.woff +0 -0
- data/assets/fonts/open-sans/OpenSans-ExtraBold.woff +0 -0
- data/assets/fonts/open-sans/OpenSans-ExtraBoldItalic.woff +0 -0
- data/assets/fonts/open-sans/OpenSans-Italic.woff +0 -0
- data/assets/fonts/open-sans/OpenSans-Light.woff +0 -0
- data/assets/fonts/open-sans/OpenSans-LightItalic.woff +0 -0
- data/assets/fonts/open-sans/OpenSans-Regular.woff +0 -0
- data/assets/fonts/open-sans/OpenSans-SemiBold.woff +0 -0
- data/assets/fonts/open-sans/OpenSans-SemiBoldItalic.woff +0 -0
- data/assets/fonts/rubik/OFL.txt +93 -0
- data/assets/fonts/rubik/Rubik-Black.woff +0 -0
- data/assets/fonts/rubik/Rubik-Black.woff2 +0 -0
- data/assets/fonts/rubik/Rubik-BlackItalic.woff +0 -0
- data/assets/fonts/rubik/Rubik-BlackItalic.woff2 +0 -0
- data/assets/fonts/rubik/Rubik-Bold.woff +0 -0
- data/assets/fonts/rubik/Rubik-Bold.woff2 +0 -0
- data/assets/fonts/rubik/Rubik-BoldItalic.woff +0 -0
- data/assets/fonts/rubik/Rubik-BoldItalic.woff2 +0 -0
- data/assets/fonts/rubik/Rubik-Italic.woff +0 -0
- data/assets/fonts/rubik/Rubik-Italic.woff2 +0 -0
- data/assets/fonts/rubik/Rubik-Light.woff +0 -0
- data/assets/fonts/rubik/Rubik-Light.woff2 +0 -0
- data/assets/fonts/rubik/Rubik-LightItalic.woff +0 -0
- data/assets/fonts/rubik/Rubik-LightItalic.woff2 +0 -0
- data/assets/fonts/rubik/Rubik-Medium.woff +0 -0
- data/assets/fonts/rubik/Rubik-Medium.woff2 +0 -0
- data/assets/fonts/rubik/Rubik-MediumItalic.woff +0 -0
- data/assets/fonts/rubik/Rubik-MediumItalic.woff2 +0 -0
- data/assets/fonts/rubik/Rubik-Regular.woff +0 -0
- data/assets/fonts/rubik/Rubik-Regular.woff2 +0 -0
- data/assets/main.scss +11 -0
- data/vendor/raster/.gitignore +2 -0
- data/vendor/raster/dist/css/raster.css +134 -0
- data/vendor/raster/dist/js/raster.js +164 -0
- data/vendor/raster/dist/scss/partials/_guidelines.scss +33 -0
- data/vendor/raster/dist/scss/partials/_layout.scss +9 -0
- data/vendor/raster/dist/scss/partials/_reset.scss +51 -0
- data/vendor/raster/dist/scss/partials/_setup.scss +25 -0
- data/vendor/raster/dist/scss/partials/_typography.scss +109 -0
- data/vendor/raster/dist/scss/raster.scss +5 -0
- metadata +183 -0
checksums.yaml
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
---
|
|
2
|
+
SHA256:
|
|
3
|
+
metadata.gz: c8b257e8e06480b3c25b11271a23285cdb8622a2844831aeab3f8ec1636666ae
|
|
4
|
+
data.tar.gz: 3a1779ca853b43692cd7d0a02f3b7f6bd0c2b57149a2932c720220a0187c0164
|
|
5
|
+
SHA512:
|
|
6
|
+
metadata.gz: 9fcd4646661d3fa3affa11d743b30e752c366b2750c84a8fa984b39b33af848f19402c2a867841374eca76b0d5c11121238aa0f7702cb913b674945d1fdabc05
|
|
7
|
+
data.tar.gz: 53889b46567014acc343ad7c4bb492210c6fdb11269d55cb9dc3c2396cff07851c008bbd9a89d793dd2cf3b22abf56c268254b7ff4a2bcd494f769372975beda
|
data/LICENSE.txt
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
The MIT License (MIT)
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2018 Roben Kleene
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in
|
|
13
|
+
all copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
21
|
+
THE SOFTWARE.
|
data/README.md
ADDED
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
# Gyrocycle
|
|
2
|
+
|
|
3
|
+
Blog theme for [repla.app](https://repla.app).
|
|
4
|
+
|
|
5
|
+
It uses [Raster](https://github.com/robenkleene/raster) to construct a layout using typographic grid.
|
|
6
|
+
|
|
7
|
+
The typefaces are [Rubik][rubik] for headers, [Fira Sans][firasans] for body copy, [Open Sans][opensans] for block quotes, and [Fira Mono][firamono] for code. All of them are free software under the [SIL Open Font License](https://en.wikipedia.org/wiki/SIL_Open_Font_License) or [Apache License](https://www.apache.org/licenses/LICENSE-2.0.html). Thank you for everyone's hard work on free typography.
|
|
8
|
+
|
|
9
|
+
[rubik]: https://github.com/googlefonts/rubik "Rubik"
|
|
10
|
+
[opensans]: https://github.com/google/fonts/ "Open Sans"
|
|
11
|
+
[firasans]: https://github.com/mozilla/Fira "Fira Sans"
|
|
12
|
+
[firamono]: https://github.com/mozilla/Fira "Fira Mono"
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
## Raster
|
|
19
|
+
|
|
20
|
+
To show the raster grid, import the `raster.js` JavaScript in the [HTML `<head>`](_includes/head.html) element:
|
|
21
|
+
|
|
22
|
+
<script src="/vendor/raster/dist/js/raster.js"></script>
|
|
23
|
+
|
|
24
|
+
Add the following classes to the [`<body>` and grid `<div>` elements](_layouts/default.html):
|
|
25
|
+
|
|
26
|
+
<body class="raster-show-baseline">
|
|
27
|
+
<div id="grid" class="raster-show-guidelines">
|
|
28
|
+
|
|
29
|
+
## Installation
|
|
30
|
+
|
|
31
|
+
Add this line to your Jekyll site's `Gemfile`:
|
|
32
|
+
|
|
33
|
+
```ruby
|
|
34
|
+
gem "gyroscope"
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
And add this line to your Jekyll site's `_config.yml`:
|
|
38
|
+
|
|
39
|
+
```yaml
|
|
40
|
+
theme: gyroscope
|
|
41
|
+
```
|
|
42
|
+
|
|
43
|
+
And then execute:
|
|
44
|
+
|
|
45
|
+
$ bundle
|
|
46
|
+
|
|
47
|
+
Or install it yourself as:
|
|
48
|
+
|
|
49
|
+
$ gem install gyroscope
|
|
50
|
+
|
|
51
|
+
## License
|
|
52
|
+
|
|
53
|
+
The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
|
|
54
|
+
|
data/_includes/head.html
ADDED
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
|
|
2
|
+
<header role="banner">
|
|
3
|
+
<h1>
|
|
4
|
+
<a href="{{ "/" | relative_url }}">{{ site.title | escape }}</a>
|
|
5
|
+
</h1>
|
|
6
|
+
{%- assign default_paths = site.pages | map: "path" -%}
|
|
7
|
+
{%- assign page_paths = site.header_pages | default: default_paths -%}
|
|
8
|
+
{%- if page_paths %}
|
|
9
|
+
<nav>
|
|
10
|
+
<ul>
|
|
11
|
+
{%- for path in page_paths -%}
|
|
12
|
+
{%- assign my_page = site.pages | where: "path", path | first -%}
|
|
13
|
+
{%- if my_page.title %}
|
|
14
|
+
<li><a href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a></li>
|
|
15
|
+
{%- endif -%}
|
|
16
|
+
{% endfor %}
|
|
17
|
+
</ul>
|
|
18
|
+
</nav>
|
|
19
|
+
{%- endif %}
|
|
20
|
+
</header>
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
{%- if page.title %}
|
|
6
|
+
<header id="page-title">
|
|
7
|
+
<h1>{{ page.title }}</h1>
|
|
8
|
+
</header>
|
|
9
|
+
{%- endif -%}
|
|
10
|
+
{{ content }}
|
|
11
|
+
|
|
12
|
+
{%- if site.posts.size > 0 %}
|
|
13
|
+
<section id="archive">
|
|
14
|
+
|
|
15
|
+
{%- assign date_format = site.gyrocycle.date_format | default: "%b, %Y" -%}
|
|
16
|
+
{%- for post in site.posts %}
|
|
17
|
+
{% assign post_date = post.date | date: date_format -%}
|
|
18
|
+
{% if current_date != post_date and current_date %}
|
|
19
|
+
</ul>
|
|
20
|
+
{% endif -%}
|
|
21
|
+
{%- if current_date != post_date %}
|
|
22
|
+
<h2 class="post-date"><time datetime="{{ post.date | date: "%Y-%m" }}">{{ post_date }}</time></h2>
|
|
23
|
+
{% assign current_date = post_date -%}
|
|
24
|
+
<ul>
|
|
25
|
+
{%- endif %}
|
|
26
|
+
<li class="{{ post.layout | default: "Post" }}">
|
|
27
|
+
<h1><a href="{{ post.url | relative_url }}">{{ post.title | escape }}</a></h1>
|
|
28
|
+
</li>
|
|
29
|
+
{% endfor %}
|
|
30
|
+
</ul>
|
|
31
|
+
|
|
32
|
+
</section>
|
|
33
|
+
{% endif -%}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="{{ page.lang | default: site.lang | default: "en" }}">
|
|
3
|
+
{% include head.html %}
|
|
4
|
+
<body>
|
|
5
|
+
<div id="grid">
|
|
6
|
+
{% include header.html %}
|
|
7
|
+
<main>
|
|
8
|
+
{{ content }}
|
|
9
|
+
</main>
|
|
10
|
+
{% include footer.html %}
|
|
11
|
+
</div>
|
|
12
|
+
</body>
|
|
13
|
+
</html>
|
data/_layouts/home.html
ADDED
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
{%- if page.title %}
|
|
6
|
+
<header id="page-title">
|
|
7
|
+
<h1>{{ page.title }}</h1>
|
|
8
|
+
</header>
|
|
9
|
+
{%- endif -%}
|
|
10
|
+
{{ content }}
|
|
11
|
+
|
|
12
|
+
{%- if site.posts.size > 0 %}
|
|
13
|
+
<section id="posts">
|
|
14
|
+
|
|
15
|
+
{%- assign date_format = site.gyrocycle.date_format | default: "%A, %b %-d, %Y" -%}
|
|
16
|
+
{%- assign posts_limit = site.posts_limit | default: "20" %}
|
|
17
|
+
{%- for post in site.posts limit: posts_limit %}
|
|
18
|
+
{% if current_date != post.date and current_date %}
|
|
19
|
+
<hr>
|
|
20
|
+
{% endif %}
|
|
21
|
+
{% if current_date != post.date %}
|
|
22
|
+
<h2 class="post-date"><time datetime="{{ post.date | date: "%Y-%m-%d" }}">{{ post.date | date: date_format }}</time></h2>
|
|
23
|
+
{% endif %}
|
|
24
|
+
{%- assign current_date = post.date %}
|
|
25
|
+
|
|
26
|
+
<article class="{{ post.layout | default: "Post" }}">
|
|
27
|
+
<header>
|
|
28
|
+
<h1><a href="{{ post.url | relative_url }}">{{ post.title | escape }}</a></h1>
|
|
29
|
+
</header>
|
|
30
|
+
|
|
31
|
+
{% if site.show_excerpts -%}
|
|
32
|
+
{{ post.excerpt }}
|
|
33
|
+
{%- endif -%}
|
|
34
|
+
{%- if site.show_contents -%}
|
|
35
|
+
{{ post.content }}
|
|
36
|
+
{%- endif %}
|
|
37
|
+
</article>
|
|
38
|
+
{%- endfor %}
|
|
39
|
+
|
|
40
|
+
</section>
|
|
41
|
+
{% endif -%}
|
data/_layouts/link.html
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
<section id="post">
|
|
6
|
+
<article class="link">
|
|
7
|
+
<header>
|
|
8
|
+
<time datetime="{{ post.date | date: "%Y-%m-%d" }}">
|
|
9
|
+
{%- assign date_format = site.gyrocycle.date_format | default: "%A, %b %-d, %Y" -%}
|
|
10
|
+
{{- page.date | date: date_format -}}
|
|
11
|
+
</time>
|
|
12
|
+
<h1>{{ page.title | escape }}</h1>
|
|
13
|
+
{%- if page.author -%}
|
|
14
|
+
<span>{{ page.author }}</span>
|
|
15
|
+
{%- endif %}
|
|
16
|
+
</header>
|
|
17
|
+
|
|
18
|
+
{{ content }}
|
|
19
|
+
|
|
20
|
+
</article>
|
|
21
|
+
</section>
|
data/_layouts/page.html
ADDED
data/_layouts/post.html
ADDED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
<section id="post">
|
|
6
|
+
<article class="post">
|
|
7
|
+
<header>
|
|
8
|
+
<time datetime="{{ post.date | date: "%Y-%m-%d" }}">
|
|
9
|
+
{%- assign date_format = site.gyrocycle.date_format | default: "%A, %b %-d, %Y" -%}
|
|
10
|
+
{{- page.date | date: date_format -}}
|
|
11
|
+
</time>
|
|
12
|
+
<h1>{{ page.title | escape }}</h1>
|
|
13
|
+
{%- if page.author -%}
|
|
14
|
+
<span>{{ page.author }}</span>
|
|
15
|
+
{%- endif %}
|
|
16
|
+
</header>
|
|
17
|
+
|
|
18
|
+
{{ content }}
|
|
19
|
+
|
|
20
|
+
</article>
|
|
21
|
+
</section>
|
|
22
|
+
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
@font-face {
|
|
2
|
+
font-family: 'Fira Mono';
|
|
3
|
+
src: url("fonts/fira-mono/FiraMono-Regular.woff2") format("woff2"), url("fonts/fira-mono/FiraMono-Regular.woff") format("woff");
|
|
4
|
+
font-weight: 400;
|
|
5
|
+
font-style: normal;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
@font-face {
|
|
9
|
+
font-family: 'Fira Mono';
|
|
10
|
+
src: url("fonts/fira-mono/FiraMono-Bold.woff2") format("woff2"), url("fonts/fira-mono/FiraMono-Bold.woff") format("woff");
|
|
11
|
+
font-weight: 600;
|
|
12
|
+
font-style: normal;
|
|
13
|
+
}
|
|
14
|
+
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
@font-face {
|
|
2
|
+
font-family: 'Fira Sans';
|
|
3
|
+
src: url('../assets/fonts/fira-sans/FiraSans-Light.woff2') format('woff2'), url('../assets/fonts/fira-sans/FiraSans-Light.woff') format('woff');
|
|
4
|
+
font-weight: 300;
|
|
5
|
+
font-style: normal;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
@font-face {
|
|
9
|
+
font-family: 'Fira Sans';
|
|
10
|
+
src: url('../assets/fonts/fira-sans/FiraSans-LightItalic.woff2') format('woff2'), url('../assets/fonts/fira-sans/FiraSans-LightItalic.woff') format('woff');
|
|
11
|
+
font-weight: 300;
|
|
12
|
+
font-style: italic;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
@font-face {
|
|
16
|
+
font-family: 'Fira Sans';
|
|
17
|
+
src: url('../assets/fonts/fira-sans/FiraSans-Regular.woff2') format('woff2'), url('../assets/fonts/fira-sans/FiraSans-Regular.woff') format('woff');
|
|
18
|
+
font-weight: 400;
|
|
19
|
+
font-style: normal;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
@font-face {
|
|
23
|
+
font-family: 'Fira Sans';
|
|
24
|
+
src: url('../assets/fonts/fira-sans/FiraSans-Italic.woff2') format('woff2'), url('../assets/fonts/fira-sans/FiraSans-Italic.woff') format('woff');
|
|
25
|
+
font-weight: 400;
|
|
26
|
+
font-style: italic;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
@font-face {
|
|
30
|
+
font-family: 'Fira Sans';
|
|
31
|
+
src: url('../assets/fonts/fira-sans/FiraSans-Medium.woff2') format('woff2'), url('../assets/fonts/fira-sans/FiraSans-Medium.woff') format('woff');
|
|
32
|
+
font-weight: 500;
|
|
33
|
+
font-style: normal;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
@font-face {
|
|
37
|
+
font-family: 'Fira Sans';
|
|
38
|
+
src: url('../assets/fonts/fira-sans/FiraSans-MediumItalic.woff2') format('woff2'), url('../assets/fonts/fira-sans/FiraSans-MediumItalic.woff') format('woff');
|
|
39
|
+
font-weight: 500;
|
|
40
|
+
font-style: italic;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
@font-face {
|
|
44
|
+
font-family: 'Fira Sans';
|
|
45
|
+
src: url('../assets/fonts/fira-sans/FiraSans-Bold.woff2') format('woff2'), url('../assets/fonts/fira-sans/FiraSans-Bold.woff') format('woff');
|
|
46
|
+
font-weight: 600;
|
|
47
|
+
font-style: normal;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
@font-face {
|
|
51
|
+
font-family: 'Fira Sans';
|
|
52
|
+
src: url('../assets/fonts/fira-sans/FiraSans-BoldItalic.woff2') format('woff2'), url('../assets/fonts/fira-sans/FiraSans-BoldItalic.woff') format('woff');
|
|
53
|
+
font-weight: 600;
|
|
54
|
+
font-style: italic;
|
|
55
|
+
}
|
data/_sass/fonts.scss
ADDED
data/_sass/layout.scss
ADDED
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
figure,
|
|
2
|
+
pre {
|
|
3
|
+
margin: 0 0 $leading-height 0;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
$main-width: columns-width(4);
|
|
7
|
+
|
|
8
|
+
html,
|
|
9
|
+
body {
|
|
10
|
+
max-width: 100%;
|
|
11
|
+
overflow-x: hidden;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
div#grid {
|
|
15
|
+
margin: 0 auto;
|
|
16
|
+
padding: ($leading-height * 2) 0;
|
|
17
|
+
width: $main-width;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
@media screen and (max-width: $main-width + $gutter-width * 2) {
|
|
21
|
+
body {
|
|
22
|
+
padding-left: $gutter-width;
|
|
23
|
+
padding-right: $gutter-width;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
div#grid {
|
|
27
|
+
width: 100%;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
header[role=banner] {
|
|
32
|
+
text-align: center;
|
|
33
|
+
margin-bottom: $leading-height * 2;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
header[role=banner] h1 a {
|
|
37
|
+
text-decoration: inherit;
|
|
38
|
+
color: inherit;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
header[role=banner] nav {
|
|
42
|
+
width: 100%;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
header[role=banner] nav ul {
|
|
46
|
+
display: flex;
|
|
47
|
+
flex-direction: row;
|
|
48
|
+
margin: 0;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
header[role=banner] nav ul li {
|
|
52
|
+
list-style: none;
|
|
53
|
+
flex-grow: 1;
|
|
54
|
+
text-align: center;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
header[role=banner] nav ul li a {
|
|
58
|
+
display: block;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
section#posts article {
|
|
62
|
+
margin-bottom: $leading-height * 3;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
section#post header h1 {
|
|
66
|
+
margin-bottom: 0;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
section#post header {
|
|
70
|
+
margin-bottom: $leading-height;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
section#archive > ul {
|
|
74
|
+
margin-left: 0;
|
|
75
|
+
list-style: outside none none;
|
|
76
|
+
margin-bottom: $leading-height * 3;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
section#archive > ul h1 {
|
|
80
|
+
margin-bottom: 0;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
article header time,
|
|
84
|
+
h2.post-date {
|
|
85
|
+
line-height: $line-height;
|
|
86
|
+
margin-bottom: $leading-height;
|
|
87
|
+
display: block;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
blockquote,
|
|
91
|
+
pre {
|
|
92
|
+
margin-left: $indent-width;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
hr {
|
|
96
|
+
border-top: 1px double #aaa;
|
|
97
|
+
border-bottom: none;
|
|
98
|
+
border-left: none;
|
|
99
|
+
border-right: none;
|
|
100
|
+
margin-bottom: $leading-height - 1;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
sup {
|
|
104
|
+
vertical-align: super;
|
|
105
|
+
line-height: 0;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
section hr {
|
|
109
|
+
display: none;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
article hr {
|
|
113
|
+
display: block;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
article img {
|
|
117
|
+
max-width: 100%;
|
|
118
|
+
vertical-align: middle;
|
|
119
|
+
}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
@font-face {
|
|
2
|
+
font-family: 'Open Sans';
|
|
3
|
+
src: url('../assets/fonts/open-sans/OpenSans-Light.woff') format('woff');
|
|
4
|
+
font-weight: 300;
|
|
5
|
+
font-style: normal;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
@font-face {
|
|
9
|
+
font-family: 'Open Sans';
|
|
10
|
+
src: url('../assets/fonts/open-sans/OpenSans-LightItalic.woff') format('woff');
|
|
11
|
+
font-weight: 300;
|
|
12
|
+
font-style: italic;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
@font-face {
|
|
16
|
+
font-family: 'Open Sans';
|
|
17
|
+
src: url('../assets/fonts/open-sans/OpenSans-Regular.woff') format('woff');
|
|
18
|
+
font-weight: 400;
|
|
19
|
+
font-style: normal;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
@font-face {
|
|
23
|
+
font-family: 'Open Sans';
|
|
24
|
+
src: url('../assets/fonts/open-sans/OpenSans-Italic.woff') format('woff');
|
|
25
|
+
font-weight: 400;
|
|
26
|
+
font-style: italic;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
@font-face {
|
|
30
|
+
font-family: 'Open Sans';
|
|
31
|
+
src: url('../assets/fonts/open-sans/OpenSans-Semibold.woff') format('woff');
|
|
32
|
+
font-weight: 600;
|
|
33
|
+
font-style: normal;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
@font-face {
|
|
37
|
+
font-family: 'Open Sans';
|
|
38
|
+
src: url('../assets/fonts/open-sans/OpenSans-SemiboldItalic.woff') format('woff');
|
|
39
|
+
font-weight: 600;
|
|
40
|
+
font-style: italic;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
@font-face {
|
|
44
|
+
font-family: 'Open Sans';
|
|
45
|
+
src: url('../assets/fonts/open-sans/OpenSans-Bold.woff') format('woff');
|
|
46
|
+
font-weight: 700;
|
|
47
|
+
font-style: normal;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
@font-face {
|
|
51
|
+
font-family: 'Open Sans';
|
|
52
|
+
src: url('../assets/fonts/open-sans/OpenSans-BoldItalic.woff') format('woff');
|
|
53
|
+
font-weight: 700;
|
|
54
|
+
font-style: italic;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
@font-face {
|
|
58
|
+
font-family: 'Open Sans';
|
|
59
|
+
src: url('../assets/fonts/open-sans/OpenSans-ExtraBold.woff') format('woff');
|
|
60
|
+
font-weight: 800;
|
|
61
|
+
font-style: normal;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
@font-face {
|
|
65
|
+
font-family: 'Open Sans';
|
|
66
|
+
src: url('../assets/fonts/open-sans/OpenSans-ExtraBoldItalic.woff') format('woff');
|
|
67
|
+
font-weight: 800;
|
|
68
|
+
font-style: italic;
|
|
69
|
+
}
|
data/_sass/rubik.scss
ADDED
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
@font-face {
|
|
2
|
+
font-family: 'Rubik';
|
|
3
|
+
font-style: normal;
|
|
4
|
+
font-weight: 300;
|
|
5
|
+
src: url('../assets/fonts/rubik/Rubik-Light.woff2') format("woff2"), url('../assets/fonts/rubik/Rubik-Light.woff') format("woff");
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
@font-face {
|
|
9
|
+
font-family: 'Rubik';
|
|
10
|
+
font-style: italic;
|
|
11
|
+
font-weight: 300;
|
|
12
|
+
src: url('../assets/fonts/rubik/Rubik-LightItalic.woff2') format("woff2"), url('../assets/fonts/rubik/Rubik-LightItalic.woff') format("woff");
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
@font-face {
|
|
16
|
+
font-family: 'Rubik';
|
|
17
|
+
font-style: normal;
|
|
18
|
+
font-weight: 400;
|
|
19
|
+
src: url('../assets/fonts/rubik/Rubik-Regular.woff2') format("woff2"), url('../assets/fonts/rubik/Rubik-Regular.woff') format("woff");
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
@font-face {
|
|
23
|
+
font-family: 'Rubik';
|
|
24
|
+
font-style: normal;
|
|
25
|
+
font-weight: 500;
|
|
26
|
+
src: url('../assets/fonts/rubik/Rubik-Medium.woff2') format("woff2"), url('../assets/fonts/rubik/Rubik-Medium.woff') format("woff");
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
@font-face {
|
|
30
|
+
font-family: 'Rubik';
|
|
31
|
+
font-style: italic;
|
|
32
|
+
font-weight: 500;
|
|
33
|
+
src: url('../assets/fonts/rubik/Rubik-MediumItalic.woff2') format("woff2"), url('../assets/fonts/rubik/Rubik-MediumItalic.woff') format("woff");
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
@font-face {
|
|
37
|
+
font-family: 'Rubik';
|
|
38
|
+
font-style: normal;
|
|
39
|
+
font-weight: 700;
|
|
40
|
+
src: url('../assets/fonts/rubik/Rubik-Bold.woff2') format("woff2"), url('../assets/fonts/rubik/Rubik-Bold.woff') format("woff");
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
@font-face {
|
|
44
|
+
font-family: 'Rubik';
|
|
45
|
+
font-style: italic;
|
|
46
|
+
font-weight: 700;
|
|
47
|
+
src: url('../assets/fonts/rubik/Rubik-Bolditalic.woff2') format("woff2"), url('../assets/fonts/rubik/Rubik-Bolditalic.woff') format("woff");
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
@font-face {
|
|
51
|
+
font-family: 'Rubik';
|
|
52
|
+
font-style: normal;
|
|
53
|
+
font-weight: 900;
|
|
54
|
+
src: url('../assets/fonts/rubik/Rubik-Black.woff2') format("woff2"), url('../assets/fonts/rubik/Rubik-Black.woff') format("woff");
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
@font-face {
|
|
58
|
+
font-family: 'Rubik';
|
|
59
|
+
font-style: italic;
|
|
60
|
+
font-weight: 900;
|
|
61
|
+
src: url('../assets/fonts/rubik/Rubik-BlackItalic.woff2') format("woff2"), url('../assets/fonts/rubik/Rubik-BlackItalic.woff') format("woff");
|
|
62
|
+
}
|