aemi 1.0.16 → 1.0.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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;