cyclist-jekyll 0.10.1 → 0.11.3

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: ed25ca9de5440b5324188896b8402206da1bf51f88e611d31acadcc5634e1e70
4
- data.tar.gz: ca1c90463ffdb5c6bdf952caf2dacde317b5e7910e6e7598a76c10b1e4ca675b
3
+ metadata.gz: f783c7b6ffb035d8957ed678b0b3db41c971fad553833fb21b947b6f3bab83df
4
+ data.tar.gz: 84dffb2f82d1324615d74382d6f42e1b187fe6206882b8c2a786808bedcc9a96
5
5
  SHA512:
6
- metadata.gz: 5a2db89a1aba6dfc0f9a6e10bf8e9c608a0681216d9bec8f268d2ce10384560631d8d2dd2838d9cfc88cac0994d50b3a8553def33f38d8a724e4e8ffea3198c7
7
- data.tar.gz: 1fe98a0afa3342a48fa16350b12a3f137441bc784b1999bc59c01a1b075fe58f9c5f775af09f4347777c2b97c17f4df1ab73cb04dbf641c2b127dc57c2454267
6
+ metadata.gz: 28b8c5fe0e0b3288ac224642862a3785da364d1984365a97c1314acc3151d9629ae792b9c31ff42cac8aa2a5f57917a4437fc2d274869e78dfedb19f2f64d8ef
7
+ data.tar.gz: ed97f6b749a13d8ba3c04533ed45ca84eaee41e188f97d9d3a9b3c9c273349542113cd84ead4b44f8060a04c53bb48078ca20fa6f335c099bb0a1a3b25336ab0
data/README.md CHANGED
@@ -15,9 +15,11 @@ The typefaces are [Playfair Display][playfair] for headers, [Crimson][crimson] f
15
15
 
16
16
  ![Cyclist](cyclist-nogrid.png)
17
17
 
18
- ## Customizing Styles
18
+ ## Customization
19
19
 
20
- Add a `assets/main.scss` to your Jekyll directory:
20
+ ### Using Custom SCSS
21
+
22
+ Add a `assets/main.scss` to your Jekyll directory with the following contents:
21
23
 
22
24
  $font-size: 15px;
23
25
  $line-height: 22px;
@@ -26,40 +28,53 @@ Add a `assets/main.scss` to your Jekyll directory:
26
28
 
27
29
  // Your SCSS rules here
28
30
 
29
- ### Fonts
31
+ ### Using a Custom Font
30
32
 
31
- 1. Add a `assets/main.scss` to your Jekyll directory, as in [Customizing Styles](#customizing-styles)
33
+ 1. Add an `assets/main.scss` to your Jekyll directory, as described in [Using Custom SCSS](#using-custom-scss)
32
34
  2. Add `@import "typography";` after `@import "{{ site.theme }}";` to the `_assets/main.scss` in your Jekyll directory
33
- 3. Copy the file `_sass/typography.scss` 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.)
34
- 4. Copy the `_includes/head.html` to the same path in your Jekyll directory, and change the Google font `link` tag to reference the new fonts
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:
35
49
 
36
- ### Header Image
50
+ header[role="banner"] img {
51
+ display: block;
52
+ }
37
53
 
38
- Using a custom header image:
54
+ header[role="banner"] h1 a {
55
+ display: inline-block;
56
+ line-height: normal;
57
+ }
39
58
 
40
- h1 {
41
- display: none;
42
- }
59
+ header[role="banner"] h1 {
60
+ line-height: 0;
61
+ margin-bottom: $line-height;
62
+ }
43
63
 
44
- @import "typography"
64
+ ### Social Links
45
65
 
46
- header[role="banner"] img {
47
- display: block;
48
- }
66
+ To add social links to the footer for each page, add a collection to the `_config.yml`:
49
67
 
50
- header[role="banner"] h1 a {
51
- display: inline-block;
52
- line-height: normal;
53
- }
68
+ cyclist_jekyll:
69
+ social_links:
70
+ twitter: robenkleene
71
+ github: robenkleene
54
72
 
55
- header[role="banner"] h1 {
56
- line-height: 0;
57
- margin-bottom: $line-height;
58
- }
73
+ Review the [`social.html` source](_includes/social.html) to see the full list of supported social sites.
59
74
 
60
- ## Cyclist
75
+ ## Cyclist Grid
61
76
 
62
- To show the Cyclist grid, import the `cyclist-grid.js` JavaScript in the [HTML `<head>`](_includes/head.html) element:
77
+ To show the grid, import the `cyclist-grid.js` JavaScript in the [HTML `<head>`](_includes/head.html) element:
63
78
 
64
79
  <script src="/vendor/cyclist-grid/dist/js/cyclist-grid.js"></script>
65
80
 
@@ -75,12 +90,7 @@ Add this line to your Jekyll site's `Gemfile`:
75
90
  ```ruby
76
91
  gem "cyclist"
77
92
  ```
78
-
79
- And add this line to your Jekyll site's `_config.yml`:
80
-
81
- ```yaml
82
- theme: cyclist
83
- ```
93
+ And add this line to your Jekyll site's `_config.yml`: ```yaml theme: cyclist ```
84
94
 
85
95
  And then execute:
86
96
 
@@ -93,4 +103,3 @@ Or install it yourself as:
93
103
  ## License
94
104
 
95
105
  The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
96
-
@@ -1,4 +1,5 @@
1
1
 
2
2
  <footer>
3
- <!-- fin -->
3
+ {% include social.html %}
4
+ <!-- fin -->
4
5
  </footer>
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 %} <link rel="stylesheet" href="{{ "/assets/main.css" |
5
- relative_url }}">
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 -%}
@@ -1,3 +1,36 @@
1
1
  @import "../vendor/cyclist-grid/dist/scss/cyclist-grid.scss";
2
2
  @import "layout";
3
- @import "typography";
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;
@@ -64,19 +80,12 @@ section#posts article {
64
80
 
65
81
  .link h1,
66
82
  .link h2,
67
- .link h3,
68
- article h4,
69
- article h5,
70
- article h6 {
83
+ .link h3 {
71
84
  line-height: $leading-height;
72
85
  margin-bottom: $leading-height;
73
86
  }
74
87
 
75
- section#post header h1 {
76
- margin-bottom: 0;
77
- }
78
-
79
- section#post header {
88
+ #archive li, article header {
80
89
  margin-bottom: $leading-height;
81
90
  }
82
91
 
@@ -1,5 +1,5 @@
1
1
  body {
2
- font-family: "Crimson", Georgia, "Times New Roman", Times, serif;
2
+ font-family: "Crimson Text", Georgia, "Times New Roman", Times, serif;
3
3
  }
4
4
 
5
5
  h1,
@@ -19,14 +19,19 @@ h2 {
19
19
  @include header($great-primer-ratio);
20
20
  }
21
21
 
22
+ h1, h2 {
23
+ margin-bottom: $line-height;
24
+ margin-top: $line-height * 2;
25
+ }
26
+
22
27
  h3 {
23
28
  @include header($english-ratio);
24
29
  }
25
30
 
26
31
  blockquote {
27
- font-family: "LatoWeb", Helvetica, Verdana, sans-serif;
32
+ font-family: "Lato", Helvetica, Verdana, sans-serif;
28
33
  color: #555;
29
- font-size: $font-size - 1;
34
+ font-size: 0.85em;
30
35
  }
31
36
 
32
37
  pre,
@@ -36,15 +41,15 @@ code {
36
41
  }
37
42
 
38
43
  nav {
39
- font-family: "LatoWeb", Helvetica, Verdana, sans-serif;
44
+ font-family: "Lato", Helvetica, Verdana, sans-serif;
40
45
  font-weight: bold;
41
46
  }
42
47
 
43
48
  .post-date {
44
- font-family: "LatoWeb", Helvetica, Verdana, sans-serif;
49
+ font-family: "Lato", Helvetica, Verdana, sans-serif;
45
50
  font-weight: bold;
46
51
  text-transform: uppercase;
47
- font-size: $font-size - 3;
52
+ font-size: 0.8em;
48
53
  }
49
54
 
50
55
  .link h1,
@@ -53,7 +58,7 @@ nav {
53
58
  article h4,
54
59
  article h5,
55
60
  article h6 {
56
- font-size: $font-size + 2;
61
+ font-size: 1.1em;
57
62
  }
58
63
 
59
64
  a {
@@ -81,9 +86,9 @@ sup {
81
86
  }
82
87
 
83
88
  code {
84
- font-size: $font-size - 4;
89
+ font-size: 0.75em;
85
90
  }
86
91
 
87
92
  pre code {
88
- font-size: $font-size - 2;
93
+ font-size: 0.75em;
89
94
  }
@@ -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
- hr {
105
- line-height: 2.5rem; }
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
+ }
@@ -20,7 +20,6 @@ body {
20
20
  font-size: font-size-from-ratio($ratio);
21
21
  $leading-multiplier: ceil($numerator / $denumerator);
22
22
  line-height: calc(#{$leading-multiplier} * #{$leading-height});
23
- margin-bottom: $leading-height;
24
23
  }
25
24
 
26
25
  $double-great-primer-ratio: 36, 12;
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.10.1
4
+ version: 0.11.3
5
5
  platform: ruby
6
6
  authors:
7
7
  - Roben Kleene
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2021-08-23 00:00:00.000000000 Z
11
+ date: 2021-10-20 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -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
@@ -81,6 +82,7 @@ files:
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