aemi 1.0.16 → 1.0.17

Sign up to get free protection for your applications and to get access to all the features.
Files changed (116) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/content.html +1 -0
  3. data/_includes/footer.html +29 -10
  4. data/_includes/head.html +14 -12
  5. data/_includes/header.html +3 -3
  6. data/_includes/social.html +48 -12
  7. data/_layouts/default.html +6 -14
  8. data/_layouts/home.html +22 -15
  9. data/_layouts/page.html +2 -7
  10. data/_layouts/post.html +7 -12
  11. data/_sass/aemi/_base.scss +37 -18
  12. data/_sass/aemi/_fonts.scss +1 -1
  13. data/_sass/aemi/_layout.scss +57 -27
  14. data/_sass/aemi/_syntax-highlighting.scss +2 -1
  15. data/_sass/aemi/_vars.scss +46 -0
  16. data/_sass/aemi.scss +2 -29
  17. data/assets/images/logo/favicon.svg +0 -0
  18. data/assets/images/thumbnails/thumbnail.svg +1 -0
  19. metadata +5 -99
  20. data/_includes/icon-github.html +0 -1
  21. data/_includes/icon-github.svg +0 -1
  22. data/_includes/icon-twitter.html +0 -1
  23. data/_includes/icon-twitter.svg +0 -1
  24. data/assets/aemi-social-icons.svg +0 -1
  25. data/assets/font-files/Inter-Black.woff +0 -0
  26. data/assets/font-files/Inter-Black.woff2 +0 -0
  27. data/assets/font-files/Inter-BlackItalic.woff +0 -0
  28. data/assets/font-files/Inter-BlackItalic.woff2 +0 -0
  29. data/assets/font-files/Inter-Bold.woff +0 -0
  30. data/assets/font-files/Inter-Bold.woff2 +0 -0
  31. data/assets/font-files/Inter-BoldItalic.woff +0 -0
  32. data/assets/font-files/Inter-BoldItalic.woff2 +0 -0
  33. data/assets/font-files/Inter-ExtraBold.woff +0 -0
  34. data/assets/font-files/Inter-ExtraBold.woff2 +0 -0
  35. data/assets/font-files/Inter-ExtraBoldItalic.woff +0 -0
  36. data/assets/font-files/Inter-ExtraBoldItalic.woff2 +0 -0
  37. data/assets/font-files/Inter-ExtraLight.woff +0 -0
  38. data/assets/font-files/Inter-ExtraLight.woff2 +0 -0
  39. data/assets/font-files/Inter-ExtraLightItalic.woff +0 -0
  40. data/assets/font-files/Inter-ExtraLightItalic.woff2 +0 -0
  41. data/assets/font-files/Inter-Italic.woff +0 -0
  42. data/assets/font-files/Inter-Italic.woff2 +0 -0
  43. data/assets/font-files/Inter-Light.woff +0 -0
  44. data/assets/font-files/Inter-Light.woff2 +0 -0
  45. data/assets/font-files/Inter-LightItalic.woff +0 -0
  46. data/assets/font-files/Inter-LightItalic.woff2 +0 -0
  47. data/assets/font-files/Inter-Medium.woff +0 -0
  48. data/assets/font-files/Inter-Medium.woff2 +0 -0
  49. data/assets/font-files/Inter-MediumItalic.woff +0 -0
  50. data/assets/font-files/Inter-MediumItalic.woff2 +0 -0
  51. data/assets/font-files/Inter-Regular.woff +0 -0
  52. data/assets/font-files/Inter-Regular.woff2 +0 -0
  53. data/assets/font-files/Inter-SemiBold.woff +0 -0
  54. data/assets/font-files/Inter-SemiBold.woff2 +0 -0
  55. data/assets/font-files/Inter-SemiBoldItalic.woff +0 -0
  56. data/assets/font-files/Inter-SemiBoldItalic.woff2 +0 -0
  57. data/assets/font-files/Inter-Thin.woff +0 -0
  58. data/assets/font-files/Inter-Thin.woff2 +0 -0
  59. data/assets/font-files/Inter-ThinItalic.woff +0 -0
  60. data/assets/font-files/Inter-ThinItalic.woff2 +0 -0
  61. data/assets/font-files/Inter-italic.var.woff2 +0 -0
  62. data/assets/font-files/Inter-roman.var.woff2 +0 -0
  63. data/assets/font-files/Inter.var.woff2 +0 -0
  64. data/assets/font-files/InterDisplay-Black.woff +0 -0
  65. data/assets/font-files/InterDisplay-Black.woff2 +0 -0
  66. data/assets/font-files/InterDisplay-BlackItalic.woff +0 -0
  67. data/assets/font-files/InterDisplay-BlackItalic.woff2 +0 -0
  68. data/assets/font-files/InterDisplay-Bold.woff +0 -0
  69. data/assets/font-files/InterDisplay-Bold.woff2 +0 -0
  70. data/assets/font-files/InterDisplay-BoldItalic.woff +0 -0
  71. data/assets/font-files/InterDisplay-BoldItalic.woff2 +0 -0
  72. data/assets/font-files/InterDisplay-ExtraBold.woff +0 -0
  73. data/assets/font-files/InterDisplay-ExtraBold.woff2 +0 -0
  74. data/assets/font-files/InterDisplay-ExtraBoldItalic.woff +0 -0
  75. data/assets/font-files/InterDisplay-ExtraBoldItalic.woff2 +0 -0
  76. data/assets/font-files/InterDisplay-ExtraLight.woff +0 -0
  77. data/assets/font-files/InterDisplay-ExtraLight.woff2 +0 -0
  78. data/assets/font-files/InterDisplay-ExtraLightItalic.woff +0 -0
  79. data/assets/font-files/InterDisplay-ExtraLightItalic.woff2 +0 -0
  80. data/assets/font-files/InterDisplay-Italic.woff +0 -0
  81. data/assets/font-files/InterDisplay-Italic.woff2 +0 -0
  82. data/assets/font-files/InterDisplay-Light.woff +0 -0
  83. data/assets/font-files/InterDisplay-Light.woff2 +0 -0
  84. data/assets/font-files/InterDisplay-LightItalic.woff +0 -0
  85. data/assets/font-files/InterDisplay-LightItalic.woff2 +0 -0
  86. data/assets/font-files/InterDisplay-Medium.woff +0 -0
  87. data/assets/font-files/InterDisplay-Medium.woff2 +0 -0
  88. data/assets/font-files/InterDisplay-MediumItalic.woff +0 -0
  89. data/assets/font-files/InterDisplay-MediumItalic.woff2 +0 -0
  90. data/assets/font-files/InterDisplay-Regular.woff +0 -0
  91. data/assets/font-files/InterDisplay-Regular.woff2 +0 -0
  92. data/assets/font-files/InterDisplay-SemiBold.woff +0 -0
  93. data/assets/font-files/InterDisplay-SemiBold.woff2 +0 -0
  94. data/assets/font-files/InterDisplay-SemiBoldItalic.woff +0 -0
  95. data/assets/font-files/InterDisplay-SemiBoldItalic.woff2 +0 -0
  96. data/assets/font-files/InterDisplay-Thin.woff +0 -0
  97. data/assets/font-files/InterDisplay-Thin.woff2 +0 -0
  98. data/assets/font-files/InterDisplay-ThinItalic.woff +0 -0
  99. data/assets/font-files/InterDisplay-ThinItalic.woff2 +0 -0
  100. data/assets/font-files/InterDisplay-italic.var.woff2 +0 -0
  101. data/assets/font-files/InterDisplay-roman.var.woff2 +0 -0
  102. data/assets/font-files/InterDisplay.var.woff2 +0 -0
  103. data/assets/font-files/JetBrainsMono-Bold.woff2 +0 -0
  104. data/assets/font-files/JetBrainsMono-BoldItalic.woff2 +0 -0
  105. data/assets/font-files/JetBrainsMono-ExtraBold.woff2 +0 -0
  106. data/assets/font-files/JetBrainsMono-ExtraBoldItalic.woff2 +0 -0
  107. data/assets/font-files/JetBrainsMono-ExtraLight.woff2 +0 -0
  108. data/assets/font-files/JetBrainsMono-ExtraLightItalic.woff2 +0 -0
  109. data/assets/font-files/JetBrainsMono-Italic.woff2 +0 -0
  110. data/assets/font-files/JetBrainsMono-Light.woff2 +0 -0
  111. data/assets/font-files/JetBrainsMono-LightItalic.woff2 +0 -0
  112. data/assets/font-files/JetBrainsMono-Medium.woff2 +0 -0
  113. data/assets/font-files/JetBrainsMono-MediumItalic.woff2 +0 -0
  114. data/assets/font-files/JetBrainsMono-Regular.woff2 +0 -0
  115. data/assets/font-files/JetBrainsMono-Thin.woff2 +0 -0
  116. data/assets/font-files/JetBrainsMono-ThinItalic.woff2 +0 -0
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: c4fa5580b1f52a889c461191f5bef90d15942d980e245e8939999e96420dfda1
4
- data.tar.gz: fc49babd268d0432a3098fa530b0f4ee6c98bef497948f69093e58e40bd1c1bd
3
+ metadata.gz: f6b9f86d8b4009e5c2070f430baa6c340f845794c1eb74ec769103fb8a7e8d87
4
+ data.tar.gz: 9e7fdae051b0ad1843af72f08b6aff30e168a4e01afad2358cba64ce5116cfb3
5
5
  SHA512:
6
- metadata.gz: d8ac9dea2d2f57946328c438a3f5b3922c22934c4532c9fa1486e49a97626a3d65986fbf3db0e7ec54754006eb62179481b4676b8aae0f73d824736350b5919f
7
- data.tar.gz: 94b712d7efbc53efdd11e9fe24e149dc93fed2b06dbfe7102699c669a1f686b601259b53ce7e5ab732f8325d63462d26df1cbe53060c214ccdb9601659e950ae
6
+ metadata.gz: '092d18211166c7cea89b570acc3878ee0d5b72769aa902995a4ed0a376c553bc52cd3040f80cfb215dc8fd81e24744bcc2d000e0b9974cfbe44a4cb80332ae3c'
7
+ data.tar.gz: 1c8cb050473e335a1347b4d1d1a5265cc55761fd1df9732cb008ac074048474a55cfeb63558b86d54d3fec425e542a6f2765dc64e2c6686d10704113c48d3d25
@@ -0,0 +1 @@
1
+ <main class="site-content" aria-label="Content">{{ content }}</main>
@@ -1,18 +1,19 @@
1
- <footer class="site-footer" aria-label="">
1
+ <footer class="site-footer" aria-label="footer" role="contentinfo">
2
2
 
3
3
  <div class="contained">
4
4
 
5
5
  <div class="footer-header">
6
6
  <a class="footer-heading" rel="author" href="{{ '/' | relative_url }}">
7
- {% if site.logo %}
8
- <strong class="screen-reader-text">{{ site.title | escape }}</strong>
9
- <img src="{{ '/assets/images/logo/' | append: site.logo | relative_url }}" alt="{{ site.title | escape }}" height="2rem">
10
- {% else %}
11
- <strong class="h2">{{ site.title | escape }}</strong>
12
- {% endif %}
7
+ {%- if site.logo -%}
8
+ <strong class="screen-reader-text">{{ site.title | escape }}</strong>
9
+ <img src="{{ '/assets/images/logo/' | append: site.logo | relative_url }}"
10
+ alt="{{ site.title | escape }}" height="2rem">
11
+ {%- else -%}
12
+ <strong class="h2">{{ site.title | escape }}</strong>
13
+ {%- endif -%}
13
14
  </a>
14
15
  </div>
15
-
16
+
16
17
  <div class="footer-content">
17
18
  <div class="footer-cell">
18
19
  <ul class="contact-list">
@@ -28,11 +29,11 @@
28
29
  {%- endif -%}
29
30
  </ul>
30
31
  </div>
31
-
32
+
32
33
  <div class="footer-cell">
33
34
  {%- include social.html -%}
34
35
  </div>
35
-
36
+
36
37
  <div class="footer-cell">
37
38
  <p>{{- site.colophon | escape -}}</p>
38
39
  </div>
@@ -41,3 +42,21 @@
41
42
  </div>
42
43
 
43
44
  </footer>
45
+
46
+ {%- assign use_social = false -%}
47
+
48
+ {%- for network in site.data.social.networks -%}
49
+ {%- if network.username != nil or network.use -%}
50
+ {%- assign use_social = true -%}
51
+ {%- endif -%}
52
+ {%- endfor -%}
53
+
54
+ {%- if use_social -%}
55
+ <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
56
+ {%- for network in site.data.social.networks -%}
57
+ {%- if network.username != nil or network.use -%}
58
+ {{ network.icon | raw }}
59
+ {%- endif -%}
60
+ {%- endfor -%}
61
+ </svg>
62
+ {%- endif -%}
data/_includes/head.html CHANGED
@@ -1,14 +1,16 @@
1
1
  <head>
2
- <meta charset="utf-8">
3
- <meta name="viewport" content="width=device-width, initial-scale=1">
4
- {%- seo -%}
5
- <link rel="preload" href="{{ '/assets/main.css' | relative_url }}" as="style">
6
- {% if page.url != "/" %}<link ref="preload" href="https://gcqd.fr" as="document">{% endif %}
7
- <link ref="preconnect" href="https://rsms.me">
8
- <link ref="dns-prefetch" href="https://rsms.me">
9
- <link ref="preconnect" href="https://raw.githubusercontent.com">
10
- <link ref="dns-prefetch" href="https://raw.githubusercontent.com">
11
- <link rel="stylesheet" href="{{ '/assets/main.css' | relative_url }}">
12
- <link rel="shortcut icon" type="image/svg+xml" href="{{ '/assets/images/logo/favicon.svg' | relative_url }}">
13
- {%- feed_meta -%}
2
+ <meta charset="utf-8">
3
+ <meta name="viewport" content="width=device-width, initial-scale=1">
4
+ {%- seo -%}
5
+ <link rel="preload" href="{{ '/assets/main.css' | relative_url }}" as="style">
6
+ {%- if page.url != "/" -%}
7
+ <link ref="preload" href="https://gcqd.fr" as="document">
8
+ {%- endif -%}
9
+ <link ref="preconnect" href="https://rsms.me">
10
+ <link ref="dns-prefetch" href="https://rsms.me">
11
+ <link ref="preconnect" href="https://raw.githubusercontent.com">
12
+ <link ref="dns-prefetch" href="https://raw.githubusercontent.com">
13
+ <link rel="stylesheet" href="{{ '/assets/main.css' | relative_url }}">
14
+ <link rel="shortcut icon" type="image/svg+xml" href="{{ '/assets/images/logo/favicon.svg' | relative_url }}">
15
+ {%- feed_meta -%}
14
16
  </head>
@@ -4,11 +4,11 @@
4
4
  {%- assign default_paths = site.pages | map: "path" -%}
5
5
  {%- assign page_paths = site.header_pages | default: default_paths -%}
6
6
  <a class="site-title" rel="author" href="{{ '/' | relative_url }}">
7
- {% if site.logo %}
7
+ {%- if site.logo -%}
8
8
  <img src="{{ '/assets/images/logo/' | append: site.logo | relative_url }}" alt="{{ site.title | escape }}" height="2rem">
9
- {% else %}
9
+ {%- else -%}
10
10
  {{ site.title | escape }}
11
- {% endif %}
11
+ {%- endif -%}
12
12
  </a>
13
13
 
14
14
  {%- if page_paths -%}
@@ -1,14 +1,50 @@
1
+ {%- assign use_social = 0 -%}
2
+
3
+ {%- for network in site.data.social.networks -%}
4
+ {%- if network.username != nil or network.use -%}
5
+ {%- assign use_social = true -%}
6
+ {%- endif -%}
7
+ {%- endfor -%}
8
+
9
+ {%- if use_social == true -%}
1
10
  <ul class="social-media-list">
2
- {%- if site.dribbble_username -%}<li><a href="https://dribbble.com/{{ site.dribbble_username| cgi_escape | escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/aemi-social-icons.svg#dribbble' | relative_url }}"></use></svg> <span class="username">{{ site.dribbble_username| escape }}</span></a></li>{%- endif -%}
3
- {%- if site.facebook_username -%}<li><a href="https://www.facebook.com/{{ site.facebook_username| cgi_escape | escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/aemi-social-icons.svg#facebook' | relative_url }}"></use></svg> <span class="username">{{ site.facebook_username| escape }}</span></a></li>{%- endif -%}
4
- {%- if site.flickr_username -%}<li><a href="https://www.flickr.com/photos/{{ site.flickr_username| cgi_escape | escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/aemi-social-icons.svg#flickr' | relative_url }}"></use></svg> <span class="username">{{ site.flickr_username| escape }}</span></a></li>{%- endif -%}
5
- {%- if site.github_username -%}<li><a href="https://github.com/{{ site.github_username| cgi_escape | escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/aemi-social-icons.svg#github' | relative_url }}"></use></svg> <span class="username">{{ site.github_username| escape }}</span></a></li>{%- endif -%}
6
- {%- if site.instagram_username -%}<li><a href="https://instagram.com/{{ site.instagram_username| cgi_escape | escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/aemi-social-icons.svg#instagram' | relative_url }}"></use></svg> <span class="username">{{ site.instagram_username| escape }}</span></a></li>{%- endif -%}
7
- {%- if site.linkedin_username -%}<li><a href="https://www.linkedin.com/in/{{ site.linkedin_username| cgi_escape | escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/aemi-social-icons.svg#linkedin' | relative_url }}"></use></svg> <span class="username">{{ site.linkedin_username| escape }}</span></a></li>{%- endif -%}
8
- {%- if site.pinterest_username -%}<li><a href="https://www.pinterest.com/{{ site.pinterest_username| cgi_escape | escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/aemi-social-icons.svg#pinterest' | relative_url }}"></use></svg> <span class="username">{{ site.pinterest_username| escape }}</span></a></li>{%- endif -%}
9
- {%- for mst in site.mastodon -%}{%- if mst.username and mst.instance -%}<li><a href="https://{{ mst.instance| cgi_escape | escape}}/@{{mst.username}}"><svg class="svg-icon"><use xlink:href="{{ '/assets/aemi-social-icons.svg#mastodon' | relative_url }}"></use></svg> <span class="username">{{ mst.username|escape }}</span></a></li>{%- endif -%}{%- endfor -%}
10
- {%- if site.twitter_username -%}<li><a href="https://www.twitter.com/{{ site.twitter_username| cgi_escape | escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/aemi-social-icons.svg#twitter' | relative_url }}"></use></svg> <span class="username">{{ site.twitter_username| escape }}</span></a></li>{%- endif -%}
11
- {%- if site.youtube_username -%}<li><a href="https://youtube.com/{{ site.youtube_username| cgi_escape | escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/aemi-social-icons.svg#youtube' | relative_url }}"></use></svg> <span class="username">{{ site.youtube_username| escape }}</span></a></li>{%- endif -%}
12
- {%- if site.googleplus_username -%}<li><a href="https://plus.google.com/{{ site.googleplus_username| escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/aemi-social-icons.svg#googleplus' | relative_url }}"></use></svg> <span class="username">{{ site.googleplus_username| escape }}</span></a></li>{%- endif -%}
13
- {%- if site.rss -%}<li><a href="{{ 'feed.xml' | relative_url }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/aemi-social-icons.svg#rss' | relative_url }}"></use></svg> <span>{{ site.rss | escape }}</span></a></li>{%- endif -%}
11
+ {%- for network in site.data.social.networks -%}
12
+ {%- assign network_name = network.name | downcase -%}
13
+ {%- if network.username != nil -%}
14
+ {%- assign network_cgi_usr = network.username | cgi_escape | escape -%}
15
+ {%- assign network_usr = network.username | escape -%}
16
+ {%- case network_name -%}
17
+ {%- when "pinterest" -%}
18
+ <li {% if network.order != nil %}style="order:{{ network.order | escape }}"{% endif %}><a href="https://www.pinterest.com/{{ network_cgi_usr }}"><svg class="svg-icon"><use xlink:href="#svg-pinterest"></use></svg> <span class="username">{{ network_usr }}</span></a></li>
19
+ {%- when "linkedin" -%}
20
+ <li {% if network.order != nil %}style="order:{{ network.order | escape }}"{% endif %}><a href="https://www.linkedin.com/in/{{ network_cgi_usr }}"><svg class="svg-icon"><use xlink:href="#svg-linkedin"></use></svg> <span class="username">{{ network_usr }}</span></a></li>
21
+ {%- when "instagram" -%}
22
+ <li {% if network.order != nil %}style="order:{{ network.order | escape }}"{% endif %}><a href="https://instagram.com/{{ network_cgi_usr }}"><svg class="svg-icon"><use xlink:href="#svg-instagram"></use></svg> <span class="username">{{ network_usr }}</span></a></li>
23
+ {%- when "flickr" -%}
24
+ <li {% if network.order != nil %}style="order:{{ network.order | escape }}"{% endif %}><a href="https://www.flickr.com/photos/{{ network_cgi_usr }}"><svg class="svg-icon"><use xlink:href="#svg-flickr"></use></svg> <span class="username">{{ network_usr }}</span></a></li>
25
+ {%- when "facebook" -%}
26
+ <li {% if network.order != nil %}style="order:{{ network.order | escape }}"{% endif %}><a href="https://www.facebook.com/{{ network_cgi_usr }}"><svg class="svg-icon"><use xlink:href="#svg-facebook"></use></svg> <span class="username">{{ network_usr }}</span></a></li>
27
+ {%- when "github" -%}
28
+ <li {% if network.order != nil %}style="order:{{ network.order | escape }}"{% endif %}><a href="https://github.com/{{ network_cgi_usr }}"><svg class="svg-icon"><use xlink:href="#svg-github"></use></svg> <span class="username">{{ network_usr }}</span></a></li>
29
+ {%- when "twitter" -%}
30
+ <li {% if network.order != nil %}style="order:{{ network.order | escape }}"{% endif %}><a href="https://www.twitter.com/{{ network_cgi_usr }}"><svg class="svg-icon"><use xlink:href="#svg-twitter"></use></svg> <span class="username">{{ network_usr }}</span></a></li>
31
+ {%- when "dribble" -%}
32
+ <li {% if network.order != nil %}style="order:{{ network.order | escape }}"{% endif %}><a href="https://dribbble.com/{{ network_cgi_usr }}"><svg class="svg-icon"><use xlink:href="#svg-dribble"></use></svg> <span class="username">{{ network_usr }}</span></a></li>
33
+ {%- when "youtube" -%}
34
+ <li {% if network.order != nil %}style="order:{{ network.order | escape }}"{% endif %}><a href="https://youtube.com/{{ network_cgi_usr }}"><svg class="svg-icon"><use xlink:href="#svg-youtube"></use></svg> <span class="username">{{ network_usr }}</span></a></li>
35
+ {%- endcase -%}
36
+ {%- else if network.use -%}
37
+ {%- case network_name -%}
38
+ {%- when "rss" -%}
39
+ <li {% if network.order != nil %}style="order:{{ network.order | escape }}"{% endif %}><a href="{{ 'feed.xml' | relative_url }}"><svg class="svg-icon"><use xlink:href="#svg-rss"></use></svg> <span class="text">{{ network.text | escape }}</span></a></li>
40
+ {%- when "mastodon" -%}
41
+ {%- for mst in network.mastodon -%}
42
+ {%- if mst.username and mst.instance -%}
43
+ <li {% if network.order != nil %}style="order:{{ network.order | escape }}"{% endif %}><a href="https://{{ mst.instance| cgi_escape | escape }}/@{{ mst.username }}"><svg class="svg-icon"><use xlink:href="#svg-mastodon"></use></svg> <span class="username">{{ mst.username | escape }}</span></a></li>
44
+ {%- endif -%}
45
+ {%- endfor -%}
46
+ {%- endcase -%}
47
+ {%- endif -%}
48
+ {%- endfor -%}
14
49
  </ul>
50
+ {%- endif -%}
@@ -1,20 +1,12 @@
1
1
  <!DOCTYPE html>
2
2
  <html lang="{{ page.lang | default: site.lang | default: 'en' }}">
3
3
 
4
- {%- include head.html -%}
4
+ {%- include head.html -%}
5
5
 
6
- <body>
7
-
8
- {%- include header.html -%}
9
-
10
- <main class="site-content" aria-label="Content">
11
-
12
- {{ content }}
13
-
14
- </main>
15
-
16
- {%- include footer.html -%}
17
-
18
- </body>
6
+ <body>
7
+ {%- include header.html -%}
8
+ {%- include content.html -%}
9
+ {%- include footer.html -%}
10
+ </body>
19
11
 
20
12
  </html>
data/_layouts/home.html CHANGED
@@ -2,12 +2,24 @@
2
2
  layout: default
3
3
  ---
4
4
 
5
- <section class="home contained">
5
+ <section class="entry home contained">
6
6
 
7
7
  {%- if page.title -%}
8
8
 
9
9
  <header class="entry-header">
10
- <h1 class="page-heading screen-reader-text">{{ page.title }}</h1>
10
+ {%- if page.show_title != true -%}
11
+ <h1 class="entry-title screen-reader-text">{{ page.title }}</h1>
12
+ {%- else -%}
13
+ <div class="entry-info">
14
+ <h1 class="entry-title h0">{{ page.title }}</h1>
15
+ {%- if site.description_tagline -%}
16
+ <p class="h2">{{ site.description_tagline }}</p>
17
+ {%- endif -%}
18
+ {%- if site.description -%}
19
+ <p class="h3 site-excerpt">{{ site.description }}</p>
20
+ {%- endif -%}
21
+ </div>
22
+ {%- endif -%}
11
23
  </header>
12
24
 
13
25
  {%- endif -%}
@@ -16,6 +28,8 @@ layout: default
16
28
 
17
29
  <main class="entry-content no-top-margin">
18
30
 
31
+ {%- if page.show_title != true -%}
32
+
19
33
  {%- if site.description_tagline -%}
20
34
  <p class="h0">{{ site.description_tagline }}</p>
21
35
  {%- endif -%}
@@ -24,15 +38,13 @@ layout: default
24
38
  <p class="h3 site-excerpt">{{ site.description }}</p>
25
39
  {%- endif -%}
26
40
 
41
+ {%- endif -%}
42
+
27
43
  </main>
28
44
 
29
45
  {%- else if site.content -%}
30
46
 
31
- <main class="entry-content">
32
-
33
- {{ content }}
34
-
35
- </main>
47
+ <main class="entry-content">{{ content }}</main>
36
48
 
37
49
  {%- endif -%}
38
50
 
@@ -40,7 +52,7 @@ layout: default
40
52
 
41
53
  <aside class="entry-feed">
42
54
 
43
- <h2 class="entry-list-heading screen-reader-text">{{ page.list_title | default: "Posts" }}</h2>
55
+ <h2 class="entry-list-header{% if page.show_list_title? != true %} screen-reader-text{% endif %}">{{ page.list_title | default: "Posts" }}</h2>
44
56
  <ul class="entry-list">
45
57
 
46
58
  {%- for post in site.posts -%}
@@ -56,13 +68,10 @@ layout: default
56
68
  </div>
57
69
  {% endif %}
58
70
 
59
- <a class="entry-info {% if post.thumbnail %}with-thumbnail{% endif %}"
60
- href="{{ post.url | relative_url }}">
71
+ <a class="entry-info {% if post.thumbnail %}with-thumbnail{% endif %}" href="{{ post.url | relative_url }}">
61
72
  {%- assign date_format = site.aemi.date_format | default: "%b %-d, %Y" -%}
62
73
  <span class="entry-meta">{{ post.date | date: date_format }}</span>
63
- <h3 class="entry-link">
64
- {{ post.title | escape }}
65
- </h3>
74
+ <h3 class="entry-title entry-link">{{ post.title | escape }}</h3>
66
75
  </a>
67
76
  </header>
68
77
 
@@ -80,8 +89,6 @@ layout: default
80
89
 
81
90
  </ul>
82
91
 
83
- <!-- <p class="rss-subscribe">Subscribe <a href="{{ '/feed.xml' | relative_url }}">via RSS</a></p> -->
84
-
85
92
  </aside>
86
93
 
87
94
  {%- endif -%}
data/_layouts/page.html CHANGED
@@ -1,18 +1,13 @@
1
1
  ---
2
2
  layout: default
3
3
  ---
4
+
4
5
  <article class="entry page contained">
5
6
 
6
7
  <header class="entry-header">
7
8
  <h1 class="entry-title">{{ page.title | escape }}</h1>
8
9
  </header>
9
10
 
10
- <main class="entry-content">
11
- {{ content }}
12
- </main>
13
-
14
- <footer class="entry-footer">
15
-
16
- </footer>
11
+ <main class="entry-content">{{ content }}</main>
17
12
 
18
13
  </article>
data/_layouts/post.html CHANGED
@@ -2,7 +2,7 @@
2
2
  layout: default
3
3
  ---
4
4
 
5
- <article class="entry contained" itemscope itemtype="http://schema.org/BlogPosting">
5
+ <article class="entry post contained" itemscope itemtype="http://schema.org/BlogPosting">
6
6
 
7
7
  <header class="entry-header">
8
8
 
@@ -15,19 +15,19 @@ layout: default
15
15
  <div class="entry-info {% if post.thumbnail %}with-thumbnail{% endif %}">
16
16
  {%- assign date_format = site.aemi.date_format | default: "%b %-d, %Y" -%}
17
17
  <div class="entry-meta">
18
- <time class="dt-published" datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
18
+ <time class="entry-date-published dt-published" datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
19
19
  {%- assign date_format = site.aemi.date_format | default: "%b %-d, %Y" -%}
20
20
  {{ page.date | date: date_format }}
21
21
  </time>
22
22
  {%- if page.author -%}
23
- —&#20;<span itemprop="author" itemscope itemtype="http://schema.org/Person"><span class="p-author h-card" itemprop="name">{{ page.author }}</span></span>
23
+ &#x20;—&#x20;<span itemprop="author" itemscope itemtype="http://schema.org/Person"><span class="entry-author" itemprop="name">{{ page.author }}</span></span>
24
24
  {%- else if page.authors -%}
25
- —&#20;
25
+ &#x20;—&#x20;
26
26
  {%- for author in page.authors -%}
27
27
  {%- if forloop.index != 1 -%}
28
- , <span itemprop="co-author" itemscope itemtype="http://schema.org/Person"><span class="p-author h-card" itemprop="name">{{ author }}</span></span>
28
+ ,&#x20;<span itemprop="author" itemscope itemtype="http://schema.org/Person"><span class="entry-author" itemprop="name">{{ author }}</span></span>
29
29
  {%- else -%}
30
- <span itemprop="co-author" itemscope itemtype="http://schema.org/Person"><span class="p-author h-card" itemprop="name">{{ author }}</span></span>
30
+ <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span class="entry-author" itemprop="name">{{ author }}</span></span>
31
31
  {%- endif -%}
32
32
  {%- endfor -%}
33
33
  {%- endif -%}
@@ -37,11 +37,6 @@ layout: default
37
37
 
38
38
  </header>
39
39
 
40
- <main class="entry-content" itemprop="articleBody">
41
- {{ content }}
42
- </main>
43
-
44
- <footer>
45
- </footer>
40
+ <main class="entry-content" itemprop="articleBody">{{ content }}</main>
46
41
 
47
42
  </article>
@@ -1,5 +1,18 @@
1
1
  @import "fonts", "vars";
2
2
 
3
+ .hidden {
4
+ clip-path: polygon(0 0, 0 0, 0 0, 0 0);
5
+ display: none;
6
+ visibility: hidden;
7
+ height: 0;
8
+ width: 0;
9
+ overflow: hidden;
10
+ position: absolute;
11
+ z-index: -9999;
12
+ bottom: 0;
13
+ right: 0;
14
+ }
15
+
3
16
 
4
17
  .screen-reader-text {
5
18
  clip-path: polygon(0 0, 1px 0, 1px 1px, 0 1px);
@@ -59,6 +72,17 @@ body {
59
72
  overflow-x: hidden;
60
73
  }
61
74
 
75
+ hr {
76
+ background-color: var(--border-color);
77
+ border: 1px solid var(--border-color);
78
+ border-radius: var(--border-radius);
79
+ box-sizing: content-box;
80
+ clear: both;
81
+ height: 0;
82
+ margin: calc(var(--half-spacing-unit) * 1.5) auto;
83
+ overflow: visible;
84
+ }
85
+
62
86
 
63
87
  /**
64
88
  * Set `margin-bottom` to maintain vertical rhythm
@@ -89,7 +113,6 @@ figure,
89
113
  }
90
114
 
91
115
 
92
-
93
116
  /**
94
117
  * `main` element
95
118
  */
@@ -106,6 +129,7 @@ main {
106
129
  */
107
130
  img,
108
131
  video {
132
+ border-radius: var(--border-radius);
109
133
  display: block;
110
134
  max-width: 100%;
111
135
  vertical-align: middle;
@@ -131,7 +155,7 @@ figure {
131
155
  }
132
156
 
133
157
  figcaption {
134
- font-size: $small-font-size;
158
+ font-size: .875rem;
135
159
  }
136
160
 
137
161
 
@@ -171,8 +195,8 @@ h5,
171
195
  h6,
172
196
  .h6,
173
197
  .h7 {
174
- font-family: $head-font-family;
175
- font-weight: $heading-font-weight;
198
+ font-family: var(--head-font-family);
199
+ font-weight: var(--head-font-weight);
176
200
 
177
201
  &:only-child {
178
202
  margin-bottom: 0;
@@ -252,7 +276,7 @@ a {
252
276
  .social-media-list &:hover {
253
277
  text-decoration: none;
254
278
 
255
- .username {
279
+ .username, .text {
256
280
  text-decoration: underline;
257
281
  }
258
282
  }
@@ -315,7 +339,7 @@ var,
315
339
  kbd,
316
340
  samp {
317
341
  font-size: 0.9em;
318
- font-family: $mono-font-family;
342
+ font-family: var(--mono-font-family);
319
343
  -webkit-hyphens: none;
320
344
  -moz-hyphens: none;
321
345
  hyphens: none;
@@ -422,40 +446,35 @@ template {
422
446
  vertical-align: text-top;
423
447
  }
424
448
 
425
- .social-media-list {
426
- li+li {
427
- padding-top: 5px;
428
- }
429
- }
430
-
431
449
 
432
450
 
433
451
  /**
434
452
  * Tables
435
453
  */
436
454
  table {
437
- margin-bottom: $spacing-unit;
455
+ margin-bottom: var(--spacing-unit);
438
456
  width: 100%;
439
- text-align: $table-text-align;
457
+ text-align: left;
440
458
  color: var(--lighten-text-color);
441
459
  border-collapse: collapse;
442
460
  border: 1px solid var(--border-color);
461
+ overflow-x: auto;
443
462
 
444
463
  tr {
445
464
  &:nth-child(even) {
446
- background-color: lighten($grey-color-light, 6%);
465
+ background-color: var(--background-color-lighten);
447
466
  }
448
467
  }
449
468
 
450
469
  th,
451
470
  td {
452
- padding: ($spacing-unit / 3) ($spacing-unit / 2);
471
+ padding: calc(var(--half-spacing-unit) / 3) calc(var(--half-spacing-unit) / 2);
453
472
  }
454
473
 
455
474
  th {
456
- background-color: lighten($grey-color-light, 3%);
475
+ background-color: var(--background-color-light);
457
476
  border: 1px solid var(--border-color);
458
- border-bottom-color: darken($grey-color-light, 12%);
477
+ border-bottom-color: var(--border-color-light);
459
478
  }
460
479
 
461
480
  td {
@@ -620,7 +620,7 @@
620
620
 
621
621
  :root {
622
622
 
623
- font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
623
+ font: var(--base-font-weight) var(--base-font-size)/var(--base-line-height) var(--base-font-family);
624
624
 
625
625
  // Font Kerning
626
626
  -webkit-font-feature-settings: "kern" 1;