cyclist-jekyll 0.10.0 → 0.11.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +60 -9
- data/_includes/footer.html +2 -1
- data/_includes/head.html +3 -2
- data/_includes/social.html +58 -0
- data/_sass/cyclist-jekyll.scss +36 -0
- data/_sass/layout.scss +27 -3
- data/_sass/typography.scss +56 -12
- data/assets/main.scss +1 -5
- data/assets/social-icons.svg +50 -0
- data/vendor/cyclist-grid/dist/css/cyclist-grid.css +14 -9
- data/vendor/cyclist-grid/dist/scss/partials/_guidelines.scss +6 -0
- data/vendor/cyclist-grid/dist/scss/partials/_typography.scss +0 -1
- metadata +11 -8
- data/_sass/fonts.scss +0 -51
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 97271fcd87f1b526e70c7d1890d973c8563ab64984cf87e35cb4833659df965d
|
|
4
|
+
data.tar.gz: 494ce253749abf47a3184d7bd046471625de950078cb80618981cfdd5df1ff00
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: '08ca7c6516dd360d09a4858d8e226f52efc534072a2e3f259dddce276f8e02edbd0e2cf4b9c37f46e2930153614c46b66ffe6ab9e82b83a965a35813ec5412ef'
|
|
7
|
+
data.tar.gz: 6d579274e370f72ee7a1959a6039cab9fb411049e21835b641673698838634af0c5d511a395020100d0e90ca2934c46fd4f394be1ca8ea95b7e49da2165d3adb
|
data/README.md
CHANGED
|
@@ -15,9 +15,66 @@ The typefaces are [Playfair Display][playfair] for headers, [Crimson][crimson] f
|
|
|
15
15
|
|
|
16
16
|
|
|
17
17
|
|
|
18
|
-
##
|
|
18
|
+
## Customization
|
|
19
19
|
|
|
20
|
-
|
|
20
|
+
### Using Custom SCSS
|
|
21
|
+
|
|
22
|
+
Add a `assets/main.scss` to your Jekyll directory with the following contents:
|
|
23
|
+
|
|
24
|
+
$font-size: 15px;
|
|
25
|
+
$line-height: 22px;
|
|
26
|
+
|
|
27
|
+
@import "{{ site.theme }}";
|
|
28
|
+
|
|
29
|
+
// Your SCSS rules here
|
|
30
|
+
|
|
31
|
+
### Using a Custom Font
|
|
32
|
+
|
|
33
|
+
1. Add an `assets/main.scss` to your Jekyll directory, as described in [Using Custom SCSS](#using-custom-scss)
|
|
34
|
+
2. Add `@import "typography";` after `@import "{{ site.theme }}";` to the `_assets/main.scss` in your Jekyll directory
|
|
35
|
+
3. Copy `_sass/typography.scss` from this repository to the same path in your Jekyll directory, and edit the font styles. (If you want to remove a style in `typography.scss` to set it to the CSS default, do not delete it, instead, use `unset` like `font-size: unset;`. This is because the original `typography.scss` is still also loaded, and the `_sass/typography.scss` in your Jekyll directory is then applied on top.)
|
|
36
|
+
4. Copy `_includes/head.html` from this repository to the same path in your Jekyll directory, and change the Google font `link` tag to reference the new fonts
|
|
37
|
+
|
|
38
|
+
### Using a Header Image
|
|
39
|
+
|
|
40
|
+
1. Copy `_includes/header.html` from this repository to the same path in your Jekyll directory.
|
|
41
|
+
2. In the `header.html` in your Jekyll diectory, replace the contents of the `header role="banner" > H1 > a` with an `img`:
|
|
42
|
+
|
|
43
|
+
<header role="banner">
|
|
44
|
+
<h1>
|
|
45
|
+
<a href="{{ "/" | relative_url }}"><img height="176px" src="/assets/repla.svg" alt="Repla"></a>
|
|
46
|
+
</h1>
|
|
47
|
+
|
|
48
|
+
3. Add an `assets/main.scss` to your Jekyll directory, as described in [Using Custom SCSS](#using-custom-scss), and add the following styles:
|
|
49
|
+
|
|
50
|
+
header[role="banner"] img {
|
|
51
|
+
display: block;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
header[role="banner"] h1 a {
|
|
55
|
+
display: inline-block;
|
|
56
|
+
line-height: normal;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
header[role="banner"] h1 {
|
|
60
|
+
line-height: 0;
|
|
61
|
+
margin-bottom: $line-height;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
### Social Links
|
|
65
|
+
|
|
66
|
+
To add social links to the footer for each page, add a collection to the `_config.yml`:
|
|
67
|
+
|
|
68
|
+
cyclist_jekyll:
|
|
69
|
+
social_links:
|
|
70
|
+
twitter: robenkleene
|
|
71
|
+
github: robenkleene
|
|
72
|
+
|
|
73
|
+
Review the [`social.html` source](_includes/social.html) to see the full list of supported social sites.
|
|
74
|
+
|
|
75
|
+
## Cyclist Grid
|
|
76
|
+
|
|
77
|
+
To show the grid, import the `cyclist-grid.js` JavaScript in the [HTML `<head>`](_includes/head.html) element:
|
|
21
78
|
|
|
22
79
|
<script src="/vendor/cyclist-grid/dist/js/cyclist-grid.js"></script>
|
|
23
80
|
|
|
@@ -33,12 +90,7 @@ Add this line to your Jekyll site's `Gemfile`:
|
|
|
33
90
|
```ruby
|
|
34
91
|
gem "cyclist"
|
|
35
92
|
```
|
|
36
|
-
|
|
37
|
-
And add this line to your Jekyll site's `_config.yml`:
|
|
38
|
-
|
|
39
|
-
```yaml
|
|
40
|
-
theme: cyclist
|
|
41
|
-
```
|
|
93
|
+
And add this line to your Jekyll site's `_config.yml`: ```yaml theme: cyclist ```
|
|
42
94
|
|
|
43
95
|
And then execute:
|
|
44
96
|
|
|
@@ -51,4 +103,3 @@ Or install it yourself as:
|
|
|
51
103
|
## License
|
|
52
104
|
|
|
53
105
|
The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
|
|
54
|
-
|
data/_includes/footer.html
CHANGED
data/_includes/head.html
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
<head>
|
|
2
2
|
<meta charset="utf-8" />
|
|
3
3
|
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
|
|
4
|
-
{% feed_meta %} {% seo %}
|
|
5
|
-
|
|
4
|
+
{% feed_meta %} {% seo title=false %}
|
|
5
|
+
<title>{% if page.title %}{{ site.title }}: {{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
|
|
6
|
+
<link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">
|
|
6
7
|
<link rel="preconnect" href="https://fonts.gstatic.com" />
|
|
7
8
|
<link
|
|
8
9
|
href="https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,700;1,400;1,700&family=Fira+Mono&family=Lato&family=Playfair+Display:ital,wght@0,700;1,700&display=swap"
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
{% if site.cyclist_jekyll contains "social_links" %}
|
|
2
|
+
{%- assign social = site.cyclist_jekyll.social_links -%}
|
|
3
|
+
|
|
4
|
+
<ul id="social">
|
|
5
|
+
{%- for glh in social.gitlab -%}{%- if glb.username and glb.instance -%}
|
|
6
|
+
<li><a rel="me" href="https://{{ glb.instance | cgi_escape | escape}}/{{ glb.username }}" title="{{ glb.username | escape }}"><svg><use xlink:href="{{ '/assets/social-icons.svg#gitlab' | relative_url }}"></use></svg></a></li>
|
|
7
|
+
{%- endif %}{%- endfor -%}
|
|
8
|
+
{%- if social.dribbble -%}
|
|
9
|
+
<li><a rel="me" href="https://dribbble.com/{{ social.dribbble | cgi_escape | escape }}" title="{{ social.dribbble | escape }}"><svg><use xlink:href="{{ '/assets/social-icons.svg#dribbble' | relative_url }}"></use></svg></a></li>
|
|
10
|
+
{%- endif -%}
|
|
11
|
+
{%- if social.facebook -%}
|
|
12
|
+
<li><a rel="me" href="https://www.facebook.com/{{ social.facebook | cgi_escape | escape }}" title="{{ social.facebook | escape }}"><svg><use xlink:href="{{ '/assets/social-icons.svg#facebook' | relative_url }}"></use></svg></a></li>
|
|
13
|
+
{%- endif -%}
|
|
14
|
+
{%- if social.flickr -%}
|
|
15
|
+
<li><a rel="me" href="https://www.flickr.com/photos/{{ social.flickr | cgi_escape | escape }}" title="{{ social.flickr | escape }}"><svg><use xlink:href="{{ '/assets/social-icons.svg#flickr' | relative_url }}"></use></svg></a></li>
|
|
16
|
+
{%- endif -%}
|
|
17
|
+
{%- if social.github -%}
|
|
18
|
+
<li><a rel="me" href="https://github.com/{{ social.github | cgi_escape | escape }}" title="{{ social.github | escape }}"><svg><use xlink:href="{{ '/assets/social-icons.svg#github' | relative_url }}"></use></svg></a></li>
|
|
19
|
+
{%- endif -%}
|
|
20
|
+
{%- if social.stackoverflow -%}
|
|
21
|
+
<li><a rel="me" href="https://stackoverflow.com/users/{{ social.stackoverflow | cgi_escape | escape }}" title="{{ social.stackoverflow | escape }}"><svg><use xlink:href="{{ '/assets/social-icons.svg#stackoverflow' | relative_url }}"></use></svg></a></li>
|
|
22
|
+
{%- endif -%}
|
|
23
|
+
{%- if social.instagram -%}
|
|
24
|
+
<li><a rel="me" href="https://www.instagram.com/{{ social.instagram | cgi_escape | escape }}" title="{{ social.instagram | escape }}"><svg><use xlink:href="{{ '/assets/social-icons.svg#instagram' | relative_url }}"></use></svg></a></li>
|
|
25
|
+
{%- endif -%}
|
|
26
|
+
{%- if social.linkedin -%}
|
|
27
|
+
<li><a rel="me" href="https://www.linkedin.com/in/{{ social.linkedin | cgi_escape | escape }}" title="{{ social.linkedin | escape }}"><svg><use xlink:href="{{ '/assets/social-icons.svg#linkedin' | relative_url }}"></use></svg></a></li>
|
|
28
|
+
{%- endif -%}
|
|
29
|
+
{%- if social.pinterest -%}
|
|
30
|
+
<li><a rel="me" href="https://www.pinterest.com/{{ social.pinterest | cgi_escape | escape }}" title="{{ social.pinterest | escape }}"><svg><use xlink:href="{{ '/assets/social-icons.svg#pinterest' | relative_url }}"></use></svg></a></li>
|
|
31
|
+
{%- endif -%}
|
|
32
|
+
{%- for mst in social.mastodon -%}{%- if mst.username and mst.instance -%}
|
|
33
|
+
<li><a rel="me" href="https://{{ mst.instance | cgi_escape | escape}}/@{{mst.username}}" title="{{ mst.username | escape }}"><svg><use xlink:href="{{ '/assets/social-icons.svg#mastodon' | relative_url }}"></use></svg></a></li>
|
|
34
|
+
{%- endif -%}{%- endfor -%}
|
|
35
|
+
{%- if social.twitter -%}
|
|
36
|
+
<li><a rel="me" href="https://twitter.com/{{ social.twitter | cgi_escape | escape }}" title="{{ social.twitter | escape }}"><svg><use xlink:href="{{ '/assets/social-icons.svg#twitter' | relative_url }}"></use></svg></a></li>
|
|
37
|
+
{%- endif -%}
|
|
38
|
+
{%- if social.youtube -%}
|
|
39
|
+
<li><a rel="me" href="https://www.youtube.com/{{ social.youtube | cgi_escape | escape }}" title="{{ social.youtube | escape }}"><svg><use xlink:href="{{ '/assets/social-icons.svg#youtube' | relative_url }}"></use></svg></a></li>
|
|
40
|
+
{%- endif -%}
|
|
41
|
+
{%- if social.youtube_channel -%}
|
|
42
|
+
<li><a rel="me" href="https://www.youtube.com/channel/{{ social.youtube_channel | cgi_escape | escape }}" title="{{ social.youtube_channel_name | escape | default: 'YouTube' }}"><svg><use xlink:href="{{ '/assets/social-icons.svg#youtube' | relative_url }}"></use></svg></a></li>
|
|
43
|
+
{%- endif -%}
|
|
44
|
+
{%- if social.telegram -%}
|
|
45
|
+
<li><a rel="me" href="https://t.me/{{ social.telegram | cgi_escape | escape }}" title="{{ social.telegram | escape }}"><svg><use xlink:href="{{ '/assets/social-icons.svg#telegram' | relative_url }}"></use></svg></a></li>
|
|
46
|
+
{%- endif -%}
|
|
47
|
+
{%- if social.keybase -%}
|
|
48
|
+
<li><a rel="me" href="https://keybase.io/{{ social.keybase | cgi_escape | escape }}" title="{{ social.keybase | escape }}"><svg><use xlink:href="{{ '/assets/social-icons.svg#keybase' | relative_url }}"></use></svg></a></li>
|
|
49
|
+
{%- endif -%}
|
|
50
|
+
{%- if social.microdotblog -%}
|
|
51
|
+
<li><a rel="me" href="https://micro.blog/{{ social.microdotblog | cgi_escape | escape }}" title="{{ social.microdotblog | escape }}"><svg><use xlink:href="{{ '/assets/social-icons.svg#microdotblog' | relative_url }}"></use></svg></a></li>
|
|
52
|
+
{%- endif -%}
|
|
53
|
+
{%- if social.devto -%}
|
|
54
|
+
<li><a href="https://dev.to/{{ social.devto | cgi_escape | escape }}" title="{{ social.devto | escape }}"><svg><use xlink:href="{{ '/assets/social-icons.svg#devto' | relative_url }}"></use></svg></a></li>
|
|
55
|
+
{%- endif -%}
|
|
56
|
+
</ul>
|
|
57
|
+
|
|
58
|
+
{%- endif -%}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
@import "../vendor/cyclist-grid/dist/scss/cyclist-grid.scss";
|
|
2
|
+
@import "layout";
|
|
3
|
+
@import "typography";
|
|
4
|
+
|
|
5
|
+
ul#social {
|
|
6
|
+
display: flex;
|
|
7
|
+
justify-content: flex-end;
|
|
8
|
+
margin: $leading-height * 2 0 0;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
ul#social li {
|
|
12
|
+
list-style: none;
|
|
13
|
+
width: 22px;
|
|
14
|
+
text-align: center;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
ul#social li a {
|
|
18
|
+
display: block;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
ul#social li a svg {
|
|
22
|
+
margin: auto;
|
|
23
|
+
vertical-align: -3px;
|
|
24
|
+
width: 16px;
|
|
25
|
+
height: 16px;
|
|
26
|
+
margin-right: 4px;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
ul#social li a:visited svg {
|
|
30
|
+
// This doesn't actually work, because `:visited` has security-related limitations
|
|
31
|
+
filter: invert(49%) sepia(13%) saturate(0%) hue-rotate(134deg) brightness(103%) contrast(85%);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
ul#social li a:hover svg {
|
|
35
|
+
filter: invert(31%) sepia(0%) saturate(439%) hue-rotate(189deg) brightness(99%) contrast(87%);
|
|
36
|
+
}
|
data/_sass/layout.scss
CHANGED
|
@@ -28,11 +28,27 @@ div#grid {
|
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
+
header h1 {
|
|
32
|
+
margin-top: 0;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
h2.post-date {
|
|
36
|
+
margin-top: 0;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
li h1, li h2 {
|
|
40
|
+
margin-top: 0;
|
|
41
|
+
}
|
|
42
|
+
|
|
31
43
|
header[role=banner] {
|
|
32
44
|
text-align: center;
|
|
33
45
|
margin-bottom: $leading-height * 2;
|
|
34
46
|
}
|
|
35
47
|
|
|
48
|
+
header[role=banner] h1 {
|
|
49
|
+
margin-bottom: $leading-height;
|
|
50
|
+
}
|
|
51
|
+
|
|
36
52
|
header[role=banner] h1 a {
|
|
37
53
|
text-decoration: inherit;
|
|
38
54
|
color: inherit;
|
|
@@ -62,11 +78,14 @@ section#posts article {
|
|
|
62
78
|
margin-bottom: $leading-height * 3;
|
|
63
79
|
}
|
|
64
80
|
|
|
65
|
-
|
|
66
|
-
|
|
81
|
+
.link h1,
|
|
82
|
+
.link h2,
|
|
83
|
+
.link h3 {
|
|
84
|
+
line-height: $leading-height;
|
|
85
|
+
margin-bottom: $leading-height;
|
|
67
86
|
}
|
|
68
87
|
|
|
69
|
-
|
|
88
|
+
#archive li, article header {
|
|
70
89
|
margin-bottom: $leading-height;
|
|
71
90
|
}
|
|
72
91
|
|
|
@@ -83,6 +102,10 @@ h2.post-date {
|
|
|
83
102
|
display: block;
|
|
84
103
|
}
|
|
85
104
|
|
|
105
|
+
pre code {
|
|
106
|
+
display: block;
|
|
107
|
+
}
|
|
108
|
+
|
|
86
109
|
blockquote,
|
|
87
110
|
pre {
|
|
88
111
|
margin-left: $indent-width;
|
|
@@ -117,3 +140,4 @@ article img,
|
|
|
117
140
|
article video {
|
|
118
141
|
max-width: 100%;
|
|
119
142
|
}
|
|
143
|
+
|
data/_sass/typography.scss
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
body {
|
|
2
|
+
font-family: "Crimson", Georgia, "Times New Roman", Times, serif;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
h1,
|
|
6
|
+
h2,
|
|
7
|
+
h3,
|
|
8
|
+
h4,
|
|
9
|
+
h5,
|
|
10
|
+
h6 {
|
|
11
|
+
font-family: "Playfair Display", sans-serif;
|
|
12
|
+
}
|
|
1
13
|
|
|
2
14
|
h1 {
|
|
3
15
|
@include header($double-small-pica-ratio);
|
|
@@ -7,26 +19,63 @@ h2 {
|
|
|
7
19
|
@include header($great-primer-ratio);
|
|
8
20
|
}
|
|
9
21
|
|
|
22
|
+
h1, h2 {
|
|
23
|
+
margin-bottom: $line-height;
|
|
24
|
+
margin-top: $line-height * 2;
|
|
25
|
+
}
|
|
26
|
+
|
|
10
27
|
h3 {
|
|
11
28
|
@include header($english-ratio);
|
|
12
29
|
}
|
|
13
30
|
|
|
31
|
+
blockquote {
|
|
32
|
+
font-family: "Lato", Helvetica, Verdana, sans-serif;
|
|
33
|
+
color: #555;
|
|
34
|
+
font-size: 0.85em;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
pre,
|
|
38
|
+
code {
|
|
39
|
+
font-family: "Fira Mono", "Menlo", "Courier New", "Courier", monospace;
|
|
40
|
+
color: #555;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
nav {
|
|
44
|
+
font-family: "Lato", Helvetica, Verdana, sans-serif;
|
|
45
|
+
font-weight: bold;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.post-date {
|
|
49
|
+
font-family: "Lato", Helvetica, Verdana, sans-serif;
|
|
50
|
+
font-weight: bold;
|
|
51
|
+
text-transform: uppercase;
|
|
52
|
+
font-size: 0.8em;
|
|
53
|
+
}
|
|
54
|
+
|
|
14
55
|
.link h1,
|
|
15
56
|
.link h2,
|
|
16
57
|
.link h3,
|
|
17
58
|
article h4,
|
|
18
59
|
article h5,
|
|
19
60
|
article h6 {
|
|
20
|
-
|
|
21
|
-
font-size: $font-size + 2;
|
|
22
|
-
margin-bottom: $leading-height;
|
|
61
|
+
font-size: 1.1em;
|
|
23
62
|
}
|
|
24
63
|
|
|
25
|
-
|
|
26
|
-
|
|
64
|
+
a {
|
|
65
|
+
color: #000;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
a:visited {
|
|
69
|
+
color: #888;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
a:hover {
|
|
73
|
+
color: #555;
|
|
27
74
|
}
|
|
28
75
|
|
|
29
76
|
header[role=banner] h1 {
|
|
77
|
+
font-family: "Playfair Display", sans-serif;
|
|
78
|
+
text-transform: uppercase;
|
|
30
79
|
@include header($double-great-primer-ratio);
|
|
31
80
|
}
|
|
32
81
|
|
|
@@ -37,14 +86,9 @@ sup {
|
|
|
37
86
|
}
|
|
38
87
|
|
|
39
88
|
code {
|
|
40
|
-
font-size:
|
|
89
|
+
font-size: 0.75em;
|
|
41
90
|
}
|
|
42
91
|
|
|
43
92
|
pre code {
|
|
44
|
-
font-size:
|
|
45
|
-
display: block;
|
|
93
|
+
font-size: 0.75em;
|
|
46
94
|
}
|
|
47
|
-
|
|
48
|
-
blockquote {
|
|
49
|
-
font-size: $font-size - 1;
|
|
50
|
-
}
|
data/assets/main.scss
CHANGED
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
2
|
+
|
|
3
|
+
<symbol id="dribbble" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M8 16c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm6.747-6.905c-.234-.074-2.115-.635-4.257-.292.894 2.456 1.258 4.456 1.328 4.872 1.533-1.037 2.624-2.68 2.93-4.58zM10.67 14.3c-.102-.6-.5-2.688-1.46-5.18l-.044.014C5.312 10.477 3.93 13.15 3.806 13.4c1.158.905 2.614 1.444 4.194 1.444.947 0 1.85-.194 2.67-.543zm-7.747-1.72c.155-.266 2.03-3.37 5.555-4.51.09-.03.18-.056.27-.08-.173-.39-.36-.778-.555-1.16-3.413 1.02-6.723.977-7.023.97l-.003.208c0 1.755.665 3.358 1.756 4.57zM1.31 6.61c.307.005 3.122.017 6.318-.832-1.132-2.012-2.353-3.705-2.533-3.952-1.912.902-3.34 2.664-3.784 4.785zM6.4 1.368c.188.253 1.43 1.943 2.548 4 2.43-.91 3.46-2.293 3.582-2.468C11.323 1.827 9.736 1.176 8 1.176c-.55 0-1.087.066-1.6.19zm6.89 2.322c-.145.194-1.29 1.662-3.816 2.694.16.325.31.656.453.99.05.117.1.235.147.352 2.274-.286 4.533.172 4.758.22-.015-1.613-.59-3.094-1.543-4.257z"/></symbol>
|
|
4
|
+
|
|
5
|
+
<symbol id="facebook" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M15.117 0H.883C.395 0 0 .395 0 .883v14.234c0 .488.395.883.883.883h7.663V9.804H6.46V7.39h2.086V5.607c0-2.066 1.262-3.19 3.106-3.19.883 0 1.642.064 1.863.094v2.16h-1.28c-1 0-1.195.48-1.195 1.18v1.54h2.39l-.31 2.42h-2.08V16h4.077c.488 0 .883-.395.883-.883V.883C16 .395 15.605 0 15.117 0" fill-rule="nonzero"/></symbol>
|
|
6
|
+
|
|
7
|
+
<symbol id="flickr" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M0 8c0 2.05 1.662 3.71 3.71 3.71 2.05 0 3.713-1.66 3.713-3.71S5.76 4.29 3.71 4.29C1.663 4.29 0 5.95 0 8zm8.577 0c0 2.05 1.662 3.71 3.712 3.71C14.33 11.71 16 10.05 16 8s-1.662-3.71-3.71-3.71c-2.05 0-3.713 1.66-3.713 3.71z"/></symbol>
|
|
8
|
+
|
|
9
|
+
<symbol id="github" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M8 0C3.58 0 0 3.582 0 8c0 3.535 2.292 6.533 5.47 7.59.4.075.547-.172.547-.385 0-.19-.007-.693-.01-1.36-2.226.483-2.695-1.073-2.695-1.073-.364-.924-.89-1.17-.89-1.17-.725-.496.056-.486.056-.486.803.056 1.225.824 1.225.824.714 1.223 1.873.87 2.33.665.072-.517.278-.87.507-1.07-1.777-.2-3.644-.888-3.644-3.953 0-.873.31-1.587.823-2.147-.09-.202-.36-1.015.07-2.117 0 0 .67-.215 2.2.82.64-.178 1.32-.266 2-.27.68.004 1.36.092 2 .27 1.52-1.035 2.19-.82 2.19-.82.43 1.102.16 1.915.08 2.117.51.56.82 1.274.82 2.147 0 3.073-1.87 3.75-3.65 3.947.28.24.54.73.54 1.48 0 1.07-.01 1.93-.01 2.19 0 .21.14.46.55.38C13.71 14.53 16 11.53 16 8c0-4.418-3.582-8-8-8"/></symbol>
|
|
10
|
+
|
|
11
|
+
<symbol id="instagram" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M8 0C5.827 0 5.555.01 4.702.048 3.85.088 3.27.222 2.76.42c-.526.204-.973.478-1.417.923-.445.444-.72.89-.923 1.417-.198.51-.333 1.09-.372 1.942C.008 5.555 0 5.827 0 8s.01 2.445.048 3.298c.04.852.174 1.433.372 1.942.204.526.478.973.923 1.417.444.445.89.72 1.417.923.51.198 1.09.333 1.942.372.853.04 1.125.048 3.298.048s2.445-.01 3.298-.048c.852-.04 1.433-.174 1.942-.372.526-.204.973-.478 1.417-.923.445-.444.72-.89.923-1.417.198-.51.333-1.09.372-1.942.04-.853.048-1.125.048-3.298s-.01-2.445-.048-3.298c-.04-.852-.174-1.433-.372-1.942-.204-.526-.478-.973-.923-1.417-.444-.445-.89-.72-1.417-.923-.51-.198-1.09-.333-1.942-.372C10.445.008 10.173 0 8 0zm0 1.44c2.136 0 2.39.01 3.233.048.78.036 1.203.166 1.485.276.374.145.64.318.92.598.28.28.453.546.598.92.11.282.24.705.276 1.485.038.844.047 1.097.047 3.233s-.01 2.39-.05 3.233c-.04.78-.17 1.203-.28 1.485-.15.374-.32.64-.6.92-.28.28-.55.453-.92.598-.28.11-.71.24-1.49.276-.85.038-1.1.047-3.24.047s-2.39-.01-3.24-.05c-.78-.04-1.21-.17-1.49-.28-.38-.15-.64-.32-.92-.6-.28-.28-.46-.55-.6-.92-.11-.28-.24-.71-.28-1.49-.03-.84-.04-1.1-.04-3.23s.01-2.39.04-3.24c.04-.78.17-1.21.28-1.49.14-.38.32-.64.6-.92.28-.28.54-.46.92-.6.28-.11.7-.24 1.48-.28.85-.03 1.1-.04 3.24-.04zm0 2.452c-2.27 0-4.108 1.84-4.108 4.108 0 2.27 1.84 4.108 4.108 4.108 2.27 0 4.108-1.84 4.108-4.108 0-2.27-1.84-4.108-4.108-4.108zm0 6.775c-1.473 0-2.667-1.194-2.667-2.667 0-1.473 1.194-2.667 2.667-2.667 1.473 0 2.667 1.194 2.667 2.667 0 1.473-1.194 2.667-2.667 2.667zm5.23-6.937c0 .53-.43.96-.96.96s-.96-.43-.96-.96.43-.96.96-.96.96.43.96.96z"/></symbol>
|
|
12
|
+
|
|
13
|
+
<symbol id="linkedin" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M13.632 13.635h-2.37V9.922c0-.886-.018-2.025-1.234-2.025-1.235 0-1.424.964-1.424 1.96v3.778h-2.37V6H8.51v1.04h.03c.318-.6 1.092-1.233 2.247-1.233 2.4 0 2.845 1.58 2.845 3.637v4.188zM3.558 4.955c-.762 0-1.376-.617-1.376-1.377 0-.758.614-1.375 1.376-1.375.76 0 1.376.617 1.376 1.375 0 .76-.617 1.377-1.376 1.377zm1.188 8.68H2.37V6h2.376v7.635zM14.816 0H1.18C.528 0 0 .516 0 1.153v13.694C0 15.484.528 16 1.18 16h13.635c.652 0 1.185-.516 1.185-1.153V1.153C16 .516 15.467 0 14.815 0z" fill-rule="nonzero"/></symbol>
|
|
14
|
+
|
|
15
|
+
<symbol id="pinterest" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M8 0C3.582 0 0 3.582 0 8c0 3.39 2.108 6.285 5.084 7.45-.07-.633-.133-1.604.028-2.295.146-.625.938-3.977.938-3.977s-.24-.48-.24-1.188c0-1.11.646-1.943 1.448-1.943.683 0 1.012.513 1.012 1.127 0 .687-.436 1.713-.662 2.664-.19.797.4 1.445 1.185 1.445 1.42 0 2.514-1.498 2.514-3.662 0-1.91-1.376-3.25-3.342-3.25-2.276 0-3.61 1.71-3.61 3.47 0 .69.263 1.43.593 1.83.066.08.075.15.057.23-.06.25-.196.8-.223.91-.035.15-.115.18-.268.11C3.516 10.46 2.89 9 2.89 7.82c0-2.52 1.834-4.84 5.287-4.84 2.774 0 4.932 1.98 4.932 4.62 0 2.76-1.74 4.98-4.16 4.98-.81 0-1.57-.42-1.84-.92l-.5 1.9c-.18.698-.67 1.57-1 2.1.75.23 1.54.357 2.37.357 4.41 0 8-3.58 8-8s-3.59-8-8-8z" fill-rule="nonzero"/></symbol>
|
|
16
|
+
|
|
17
|
+
<symbol id="rss" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M12.8 16C12.8 8.978 7.022 3.2 0 3.2V0c8.777 0 16 7.223 16 16h-3.2zM2.194 11.61c1.21 0 2.195.985 2.195 2.196 0 1.21-.99 2.194-2.2 2.194C.98 16 0 15.017 0 13.806c0-1.21.983-2.195 2.194-2.195zM10.606 16h-3.11c0-4.113-3.383-7.497-7.496-7.497v-3.11c5.818 0 10.606 4.79 10.606 10.607z"/></symbol>
|
|
18
|
+
|
|
19
|
+
<symbol id="stackoverflow" class="svg-icon" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M12.658 14.577v-4.27h1.423V16H1.23v-5.693h1.42v4.27h10.006zm-8.583-1.423h7.16V11.73h-7.16v1.424zm.173-3.235l6.987 1.46.3-1.38L4.55 8.54l-.302 1.38zm.906-3.37l6.47 3.02.602-1.3-6.47-3.02-.602 1.29zm1.81-3.19l5.478 4.57.906-1.08L7.87 2.28l-.9 1.078zM10.502 0L9.338.863l4.27 5.735 1.164-.862L10.5 0z"/></symbol>
|
|
20
|
+
|
|
21
|
+
<symbol id="twitter" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M16 3.038c-.59.26-1.22.437-1.885.517.677-.407 1.198-1.05 1.443-1.816-.634.37-1.337.64-2.085.79-.598-.64-1.45-1.04-2.396-1.04-1.812 0-3.282 1.47-3.282 3.28 0 .26.03.51.085.75-2.728-.13-5.147-1.44-6.766-3.42C.83 2.58.67 3.14.67 3.75c0 1.14.58 2.143 1.46 2.732-.538-.017-1.045-.165-1.487-.41v.04c0 1.59 1.13 2.918 2.633 3.22-.276.074-.566.114-.865.114-.21 0-.41-.02-.61-.058.42 1.304 1.63 2.253 3.07 2.28-1.12.88-2.54 1.404-4.07 1.404-.26 0-.52-.015-.78-.045 1.46.93 3.18 1.474 5.04 1.474 6.04 0 9.34-5 9.34-9.33 0-.14 0-.28-.01-.42.64-.46 1.2-1.04 1.64-1.7z" fill-rule="nonzero"/></symbol>
|
|
22
|
+
|
|
23
|
+
<symbol id="youtube" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M0 7.345c0-1.294.16-2.59.16-2.59s.156-1.1.636-1.587c.608-.637 1.408-.617 1.764-.684C3.84 2.36 8 2.324 8 2.324s3.362.004 5.6.166c.314.038.996.04 1.604.678.48.486.636 1.588.636 1.588S16 6.05 16 7.346v1.258c0 1.296-.16 2.59-.16 2.59s-.156 1.102-.636 1.588c-.608.638-1.29.64-1.604.678-2.238.162-5.6.166-5.6.166s-4.16-.037-5.44-.16c-.356-.067-1.156-.047-1.764-.684-.48-.487-.636-1.587-.636-1.587S0 9.9 0 8.605v-1.26zm6.348 2.73V5.58l4.323 2.255-4.32 2.24z"/></symbol>
|
|
24
|
+
|
|
25
|
+
<symbol id="mastodon" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414">
|
|
26
|
+
<path transform="scale(0.07)" d="M211.80734 139.0875c-3.18125 16.36625-28.4925 34.2775-57.5625 37.74875-15.15875 1.80875-30.08375 3.47125-45.99875 2.74125-26.0275-1.1925-46.565-6.2125-46.565-6.2125 0 2.53375.15625 4.94625.46875 7.2025 3.38375 25.68625 25.47 27.225 46.39125 27.9425 21.11625.7225 39.91875-5.20625 39.91875-5.20625l.8675 19.09s-14.77 7.93125-41.08125 9.39c-14.50875.7975-32.52375-.365-53.50625-5.91875C9.23234 213.82 1.40609 165.31125.20859 116.09125c-.365-14.61375-.14-28.39375-.14-39.91875 0-50.33 32.97625-65.0825 32.97625-65.0825C49.67234 3.45375 78.20359.2425 107.86484 0h.72875c29.66125.2425 58.21125 3.45375 74.8375 11.09 0 0 32.975 14.7525 32.975 65.0825 0 0 .41375 37.13375-4.59875 62.915"/>
|
|
27
|
+
<path transform="scale(0.07)" fill="#FFF" d="M177.50984 80.077v60.94125h-24.14375v-59.15c0-12.46875-5.24625-18.7975-15.74-18.7975-11.6025 0-17.4175 7.5075-17.4175 22.3525v32.37625H96.20734V85.42325c0-14.845-5.81625-22.3525-17.41875-22.3525-10.49375 0-15.74 6.32875-15.74 18.7975v59.15H38.90484V80.077c0-12.455 3.17125-22.3525 9.54125-29.675 6.56875-7.3225 15.17125-11.07625 25.85-11.07625 12.355 0 21.71125 4.74875 27.8975 14.2475l6.01375 10.08125 6.015-10.08125c6.185-9.49875 15.54125-14.2475 27.8975-14.2475 10.6775 0 19.28 3.75375 25.85 11.07625 6.36875 7.3225 9.54 17.22 9.54 29.675"/>
|
|
28
|
+
</symbol>
|
|
29
|
+
|
|
30
|
+
<symbol id="microdotblog" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414">
|
|
31
|
+
<path d="M13.8958184,12.3539692 C13.7934913,12.5766333 13.7214973,12.7460692 13.6798363,12.8622768 C13.534018,13.2690171 13.4876062,13.5959963 13.4737723,13.8031622 C13.4047037,14.8374843 13.8695637,15.452098 13.9792411,15.6152902 C14.143626,15.8598834 14.2103299,15.996999 14.1793527,16.0266369 C14.1187128,16.1331597 13.9329861,16.1331597 13.6221726,16.0266369 C13.1559524,15.8668527 11.8671503,15.3666667 11.3815104,14.6616443 C11.1859547,14.3777486 11.0620507,14.2565499 10.9838025,14.2130531 C10.0617698,14.5547858 9.05472096,14.7428571 8,14.7428571 C3.581722,14.7428571 0,11.4425562 0,7.37142857 C0,3.30030099 3.581722,0 8,0 C12.418278,0 16,3.30030099 16,7.37142857 C16,9.29250872 15.2024583,11.041949 13.8958184,12.3539692 Z M7.94285714,9.78095238 C9.51605596,10.7990263 10.3706771,11.2483272 10.5067204,11.1288551 C10.6427638,11.0093829 10.4795457,10.0577483 10.0170661,8.27395135 C11.4827084,7.15954158 12.1741114,6.48559023 12.0912751,6.2520973 C12.0084388,6.01860437 11.0529434,5.87976276 9.22478879,5.83557246 C8.61970046,4.10392098 8.19238991,3.23809524 7.94285714,3.23809524 C7.69332437,3.23809524 7.26601382,4.10392098 6.6609255,5.83557246 C4.82960347,5.88951121 3.87410803,6.02835282 3.7944392,6.2520973 C3.71477036,6.47584178 4.40617335,7.14979313 5.86864817,8.27395135 C5.36780472,9.99753359 5.20458662,10.9491682 5.37899385,11.1288551 C5.55340109,11.308542 6.40802218,10.8592411 7.94285714,9.78095238 Z"></path>
|
|
32
|
+
</symbol>
|
|
33
|
+
|
|
34
|
+
<symbol id="telegram" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414" viewBox="0 0 1792 1792">
|
|
35
|
+
<path d="M1189 1307l147-693q9-44-10.5-63t-51.5-7l-864 333q-29 11-39.5 25t-2.5 26.5 32 19.5l221 69 513-323q21-14 32-6 7 5-4 15l-415 375-16 228q23 0 45-22l108-104 224 165q64 36 81-38zm603-411q0 182-71 348t-191 286-286 191-348 71-348-71-286-191-191-286-71-348 71-348 191-286 286-191 348-71 348 71 286 191 191 286 71 348z"/>
|
|
36
|
+
</symbol>
|
|
37
|
+
|
|
38
|
+
<symbol id="keybase" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414" viewBox="0 0 50 50">
|
|
39
|
+
<path d="M31.5 40A1.5 1.5 0 1 0 31.5 43 1.5 1.5 0 1 0 31.5 40zM20.5 40A1.5 1.5 0 1 0 20.5 43 1.5 1.5 0 1 0 20.5 40z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M7.167 39c.289 2.14.955 4.157 1.91 6M19.25 13h-4.5C14.336 13 14 12.664 14 12.25v-4.5C14 7.336 14.336 7 14.75 7h4.5C19.664 7 20 7.336 20 7.75v3"/><path d="M25.5,23c-4.136,0-7.5-3.364-7.5-7.5c0-6.863,5.59-12.023,5.827-12.24c0.345-0.313,0.858-0.346,1.242-0.082c0.383,0.265,0.531,0.76,0.359,1.192C25,5.45,24.614,7.253,25.007,7.831C25.041,7.882,25.122,8,25.5,8c4.136,0,7.5,3.364,7.5,7.5S29.636,23,25.5,23z"/><path d="M44.938,34.942c-0.482-6.158-3.811-11.592-8.878-14.837c-0.041-0.026-0.081-0.054-0.122-0.08c-0.336-0.211-0.681-0.41-1.031-0.602c-0.123-0.068-0.244-0.137-0.369-0.202c-0.082-0.043-0.168-0.08-0.251-0.121c-0.63,1.531-1.649,2.862-2.932,3.871l3.352,3.352c0.391,0.391,0.391,1.023,0,1.414c-0.195,0.195-0.451,0.293-0.707,0.293s-0.512-0.098-0.707-0.293l-0.837-0.837l-1.808,1.808C30.453,28.902,30.197,29,29.941,29s-0.512-0.098-0.707-0.293c-0.391-0.391-0.391-1.023,0-1.414l1.808-1.808L30,24.443l-1.293,1.293c-0.195,0.195-0.451,0.293-0.707,0.293s-0.512-0.098-0.707-0.293c-0.236-0.236-0.311-0.557-0.263-0.862C26.532,24.955,26.021,25,25.5,25c-4.033,0-7.478-2.53-8.854-6.083C9.218,22.402,5,30.302,5,41v3l1.8-2.4c1.86-2.48,4.12-4.968,6.266-6.95c-0.528,1.41-0.882,2.821-1.058,4.226l-0.314,2.514l1.947-1.622C13.697,39.721,19.437,35,26,35c3.219,0,4.979,0.298,6.531,0.562C33.861,35.787,35.118,36,37,36c3.1,0,4.797-1.585,5.537-3.485c0.197,0.844,0.336,1.707,0.407,2.586C42.98,35.564,43,36.03,43,36.5c0,2.818-0.662,5.522-1.968,8.04c-0.254,0.49-0.063,1.094,0.427,1.348C41.606,45.964,41.764,46,41.919,46c0.361,0,0.711-0.196,0.889-0.54C44.263,42.656,45,39.642,45,36.5C45,35.977,44.979,35.457,44.938,34.942z"/>
|
|
40
|
+
</symbol>
|
|
41
|
+
|
|
42
|
+
<symbol id="devto" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414">
|
|
43
|
+
<path transform="scale(0.039)" d="M10.5 2.5C5.6 4.2 2.4 7.8 1 12.9.3 15.6.1 77.2.2 207.1.5 396.6.5 397.5 2.5 401c1.2 1.9 3.6 4.3 5.5 5.5 3.5 2 4.2 2 196 2s192.5 0 196-2c1.9-1.2 4.3-3.6 5.5-5.5 2-3.5 2-4.2 2-196s0-192.5-2-196c-1.2-1.9-3.6-4.3-5.5-5.5-3.5-2-4.4-2-194.5-2.2-162.9-.2-191.6 0-195 1.2zm96.8 124c9 1.9 15.5 5.6 22.2 12.6 6.1 6.4 9.9 13.7 11.5 21.9 1.3 6.9 1.3 81.1 0 88.1-3.4 18.2-18.9 32.4-38.1 34.9-4 .5-17.4 1-29.6 1H51V125h24.8c17.6 0 26.6.4 31.5 1.5zm130.7 13V154h-51v36h31v29h-31l.2 18.2.3 18.3 25.3.3 25.2.2v29h-29.5c-32.8 0-37.9-.6-43.1-5.2-7.3-6.4-6.9-2.3-7.2-72.6-.2-43.8.1-64.5.8-67.3 1.4-5.2 7.3-11.6 12.5-13.4 3.1-1.1 10.9-1.4 35.3-1.5H238v14.5zm48.9-12.3c.4 1.3 6.8 25.6 14.2 54 7.4 28.5 13.6 51.2 13.8 50.5.3-.7 6.6-24.8 14.1-53.7l13.7-52.5 15.6-.3c11.8-.2 15.7.1 15.7 1s-34.6 132.4-36.6 139c-1.4 4.6-8.9 14-13.1 16.5-5.3 3-13.1 3.5-17.9 1-4.3-2.2-10-8.8-12.9-15-1.8-3.8-31.2-112-38-140l-.7-2.7h15.6c15.3 0 15.7 0 16.5 2.2z"/>
|
|
44
|
+
<path transform="scale(0.039)" d="M80 205v51.2l10.3-.4c8.9-.3 10.8-.7 14.8-3 7.8-4.6 7.9-4.9 7.9-48.4 0-42.4 0-42.4-7.3-47.2-3.6-2.4-5.1-2.7-14.9-3.1l-10.8-.3V205z"/>
|
|
45
|
+
</symbol>
|
|
46
|
+
|
|
47
|
+
<symbol id="gitlab" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414" viewBox="0 0 1792 1792">
|
|
48
|
+
<path d="M104 706l792 1015-868-630q-18-13-25-34.5t0-42.5l101-308zm462 0h660l-330 1015zm-198-612l198 612h-462l198-612q8-23 33-23t33 23zm1320 612l101 308q7 21 0 42.5t-25 34.5l-868 630 792-1015zm0 0h-462l198-612q8-23 33-23t33 23z"/>
|
|
49
|
+
</symbol>
|
|
50
|
+
</svg>
|
|
@@ -54,32 +54,26 @@ body {
|
|
|
54
54
|
|
|
55
55
|
h1 {
|
|
56
56
|
font-size: calc(1em * (36 / 12));
|
|
57
|
-
margin-bottom: 1.25rem;
|
|
58
57
|
line-height: calc(3 * 1.25rem); }
|
|
59
58
|
|
|
60
59
|
h2 {
|
|
61
60
|
font-size: calc(1em * (24 / 12));
|
|
62
|
-
margin-bottom: 1.25rem;
|
|
63
61
|
line-height: calc(2 * 1.25rem); }
|
|
64
62
|
|
|
65
63
|
h3 {
|
|
66
64
|
font-size: calc(1em * (21 / 12));
|
|
67
|
-
margin-bottom: 1.25rem;
|
|
68
65
|
line-height: calc(2 * 1.25rem); }
|
|
69
66
|
|
|
70
67
|
h4 {
|
|
71
68
|
font-size: calc(1em * (18 / 12));
|
|
72
|
-
margin-bottom: 1.25rem;
|
|
73
69
|
line-height: calc(2 * 1.25rem); }
|
|
74
70
|
|
|
75
71
|
h5 {
|
|
76
72
|
font-size: calc(1em * (14 / 12));
|
|
77
|
-
margin-bottom: 1.25rem;
|
|
78
73
|
line-height: calc(2 * 1.25rem); }
|
|
79
74
|
|
|
80
75
|
h6 {
|
|
81
76
|
font-size: calc(1em * (12 / 12));
|
|
82
|
-
margin-bottom: 1.25rem;
|
|
83
77
|
line-height: calc(1 * 1.25rem); }
|
|
84
78
|
|
|
85
79
|
p,
|
|
@@ -101,8 +95,15 @@ ol {
|
|
|
101
95
|
list-style-type: decimal;
|
|
102
96
|
margin-left: 2rem; }
|
|
103
97
|
|
|
104
|
-
|
|
105
|
-
line-height:
|
|
98
|
+
sub {
|
|
99
|
+
line-height: 0;
|
|
100
|
+
vertical-align: sub;
|
|
101
|
+
font-size: calc(1em * (10 / 12)); }
|
|
102
|
+
|
|
103
|
+
sup {
|
|
104
|
+
line-height: 0;
|
|
105
|
+
vertical-align: super;
|
|
106
|
+
font-size: calc(1em * (10 / 12)); }
|
|
106
107
|
|
|
107
108
|
.cyclist-guidelines {
|
|
108
109
|
display: -webkit-flex;
|
|
@@ -111,7 +112,8 @@ hr {
|
|
|
111
112
|
left: 0;
|
|
112
113
|
top: 0;
|
|
113
114
|
bottom: 0;
|
|
114
|
-
right: 0;
|
|
115
|
+
right: 0;
|
|
116
|
+
z-index: -1; }
|
|
115
117
|
|
|
116
118
|
.cyclist-guidelines > div.cyclist-column {
|
|
117
119
|
display: -webkit-flex;
|
|
@@ -132,3 +134,6 @@ hr {
|
|
|
132
134
|
|
|
133
135
|
.cyclist-column > div.cyclist-unit:last-child {
|
|
134
136
|
margin-right: 0; }
|
|
137
|
+
|
|
138
|
+
.cyclist-baseline {
|
|
139
|
+
z-index: -1; }
|
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
top: 0;
|
|
7
7
|
bottom: 0;
|
|
8
8
|
right: 0;
|
|
9
|
+
z-index: -1;
|
|
9
10
|
}
|
|
10
11
|
|
|
11
12
|
.cyclist-guidelines > div.cyclist-column {
|
|
@@ -31,3 +32,8 @@
|
|
|
31
32
|
.cyclist-column > div.cyclist-unit:last-child {
|
|
32
33
|
margin-right: 0;
|
|
33
34
|
}
|
|
35
|
+
|
|
36
|
+
// So Inspect Element won't prioritize the grid
|
|
37
|
+
.cyclist-baseline {
|
|
38
|
+
z-index: -1;
|
|
39
|
+
}
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: cyclist-jekyll
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.
|
|
4
|
+
version: 0.11.2
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Roben Kleene
|
|
8
|
-
autorequire:
|
|
8
|
+
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2021-
|
|
11
|
+
date: 2021-10-19 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -58,7 +58,7 @@ dependencies:
|
|
|
58
58
|
- - "~>"
|
|
59
59
|
- !ruby/object:Gem::Version
|
|
60
60
|
version: '2.1'
|
|
61
|
-
description:
|
|
61
|
+
description:
|
|
62
62
|
email:
|
|
63
63
|
- contact@robenkleene.com
|
|
64
64
|
executables: []
|
|
@@ -70,6 +70,7 @@ files:
|
|
|
70
70
|
- _includes/footer.html
|
|
71
71
|
- _includes/head.html
|
|
72
72
|
- _includes/header.html
|
|
73
|
+
- _includes/social.html
|
|
73
74
|
- _layouts/archive.html
|
|
74
75
|
- _layouts/default.html
|
|
75
76
|
- _layouts/home.html
|
|
@@ -77,10 +78,11 @@ files:
|
|
|
77
78
|
- _layouts/linkpost.html
|
|
78
79
|
- _layouts/page.html
|
|
79
80
|
- _layouts/post.html
|
|
80
|
-
- _sass/
|
|
81
|
+
- _sass/cyclist-jekyll.scss
|
|
81
82
|
- _sass/layout.scss
|
|
82
83
|
- _sass/typography.scss
|
|
83
84
|
- assets/main.scss
|
|
85
|
+
- assets/social-icons.svg
|
|
84
86
|
- vendor/cyclist-grid/dist/css/cyclist-grid.css
|
|
85
87
|
- vendor/cyclist-grid/dist/js/cyclist-grid.js
|
|
86
88
|
- vendor/cyclist-grid/dist/scss/cyclist-grid.scss
|
|
@@ -93,7 +95,7 @@ homepage: https://github.com/cyclist-grid/cyclist-jekyl
|
|
|
93
95
|
licenses:
|
|
94
96
|
- MIT
|
|
95
97
|
metadata: {}
|
|
96
|
-
post_install_message:
|
|
98
|
+
post_install_message:
|
|
97
99
|
rdoc_options: []
|
|
98
100
|
require_paths:
|
|
99
101
|
- lib
|
|
@@ -108,8 +110,9 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
108
110
|
- !ruby/object:Gem::Version
|
|
109
111
|
version: '0'
|
|
110
112
|
requirements: []
|
|
111
|
-
|
|
112
|
-
|
|
113
|
+
rubyforge_project:
|
|
114
|
+
rubygems_version: 2.7.6
|
|
115
|
+
signing_key:
|
|
113
116
|
specification_version: 4
|
|
114
117
|
summary: Bicycle for the mind.
|
|
115
118
|
test_files: []
|
data/_sass/fonts.scss
DELETED
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
body {
|
|
2
|
-
font-family: "Crimson", Georgia, "Times New Roman", Times, serif;
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
h1,
|
|
6
|
-
h2,
|
|
7
|
-
h3,
|
|
8
|
-
h4,
|
|
9
|
-
h5,
|
|
10
|
-
h6 {
|
|
11
|
-
font-family: "Playfair Display", sans-serif;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
blockquote {
|
|
15
|
-
font-family: "LatoWeb", Helvetica, Verdana, sans-serif;
|
|
16
|
-
color: #555;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
pre,
|
|
20
|
-
code {
|
|
21
|
-
font-family: "Fira Mono", "Menlo", "Courier New", "Courier", monospace;
|
|
22
|
-
color: #555;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
nav {
|
|
26
|
-
font-family: "LatoWeb", Helvetica, Verdana, sans-serif;
|
|
27
|
-
font-weight: bold;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.post-date {
|
|
31
|
-
font-family: "LatoWeb", Helvetica, Verdana, sans-serif;
|
|
32
|
-
font-weight: bold;
|
|
33
|
-
text-transform: uppercase;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
header[role=banner] h1 {
|
|
37
|
-
font-family: "Playfair Display", sans-serif;
|
|
38
|
-
text-transform: uppercase;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
a {
|
|
42
|
-
color: #000;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
a:visited {
|
|
46
|
-
color: #888;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
a:hover {
|
|
50
|
-
color: #555;
|
|
51
|
-
}
|