imdhemy-jekyll-theme 0.4.0 → 1.0.0

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 (35) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +36 -0
  3. data/_includes/archive-header.html +7 -7
  4. data/_includes/content.html +1 -1
  5. data/_includes/contributions.html +9 -9
  6. data/_includes/footer.html +4 -4
  7. data/_includes/header.html +50 -28
  8. data/_includes/hero.html +17 -8
  9. data/_includes/latest-posts.html +9 -7
  10. data/_includes/page-header.html +6 -6
  11. data/_includes/pagination-links.html +6 -6
  12. data/_includes/post-header.html +9 -22
  13. data/_includes/post-item.html +12 -8
  14. data/_includes/post-navigation.html +18 -0
  15. data/_includes/post-tags.html +4 -2
  16. data/_includes/reading-progress.html +3 -0
  17. data/_includes/related-posts.html +49 -0
  18. data/_includes/social.html +12 -12
  19. data/_includes/testimonials.html +13 -15
  20. data/_layouts/archive.html +10 -9
  21. data/_layouts/blog.html +11 -9
  22. data/_layouts/default.html +24 -6
  23. data/_layouts/page.html +11 -2
  24. data/_layouts/post.html +11 -2
  25. data/_sass/base/_reset.scss +1 -1
  26. data/_sass/base/_typography.scss +3 -3
  27. data/_sass/components/_core.scss +1361 -121
  28. data/_sass/utilities/_interactive.scss +6 -6
  29. data/_sass/utilities/_typography.scss +1 -1
  30. data/_sass/utilities/_visual.scss +3 -3
  31. data/assets/js/dist/main.js +1 -1
  32. metadata +5 -5
  33. data/_data/.gitinclude +0 -0
  34. data/assets/js/src/burger-menu.js +0 -16
  35. data/assets/js/src/index.js +0 -25
data/_layouts/blog.html CHANGED
@@ -1,16 +1,18 @@
1
1
  ---
2
2
  layout: default
3
3
  ---
4
- {% include page-header.html %}
4
+ <article class="blog-hub">
5
+ {% include page-header.html %}
5
6
 
6
- <div class="max-w-screen-md mx-auto bg-white p-5">
7
- {% for post in paginator.posts %}
8
- {% if post.title != null %}
9
- {% include post-item.html %}
10
- {% endif %}
11
- {% endfor %}
12
- </div>
7
+ <div class="post-listing blog-hub__listing">
8
+ {% for post in paginator.posts %}
9
+ {% if post.title != null %}
10
+ {% include post-item.html %}
11
+ {% endif %}
12
+ {% endfor %}
13
+ </div>
13
14
 
14
- {% include pagination-links.html %}
15
+ {% include pagination-links.html %}
16
+ </article>
15
17
 
16
18
  {% include social.html %}
data/_layouts/default.html CHANGED
@@ -3,7 +3,7 @@
3
3
  <head>
4
4
  <meta charset="UTF-8">
5
5
  <meta name="viewport"
6
- content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
6
+ content="width=device-width, initial-scale=1.0">
7
7
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
8
8
  <title>{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
9
9
  <meta name="description"
@@ -12,10 +12,27 @@
12
12
 
13
13
  <link rel="preconnect" href="https://fonts.googleapis.com">
14
14
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
15
- <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&display=swap"
15
+ <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap"
16
16
  rel="stylesheet">
17
- <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap"
17
+ <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Source+Serif+4:opsz,wght@8..60,400;8..60,500;8..60,700&display=swap"
18
18
  rel="stylesheet">
19
+ <style>
20
+ :root {
21
+ --color-bg: {{ site.theme_style.background | default: "#eef4ff" }};
22
+ --color-surface: {{ site.theme_style.surface | default: "#ffffff" }};
23
+ --color-text: {{ site.theme_style.text | default: "#0f172a" }};
24
+ --color-muted: {{ site.theme_style.muted | default: "#475569" }};
25
+ --color-border: {{ site.theme_style.border | default: "#c9d8f2" }};
26
+ --color-brand: {{ site.theme_style.accent | default: "#3b82f6" }};
27
+ --color-brand-strong: {{ site.theme_style.accent_strong | default: "#2563eb" }};
28
+ --color-brand-soft: {{ site.theme_style.accent_soft | default: "#dbeafe" }};
29
+ --color-brand-surface: {{ site.theme_style.accent_surface | default: "#eff6ff" }};
30
+ --color-success: {{ site.theme_style.success | default: "#16a34a" }};
31
+ --color-info: {{ site.theme_style.info | default: "#2563eb" }};
32
+ --color-warning: {{ site.theme_style.warning | default: "#d97706" }};
33
+ --color-danger: {{ site.theme_style.danger | default: "#dc2626" }};
34
+ }
35
+ </style>
19
36
 
20
37
  <link rel="canonical" href="{{ page.url | replace:'index.html', '' | absolute_url }}">
21
38
  <link rel="stylesheet" href="{{ '/assets/css/main.css?v=' | append: site.github.build_revision | relative_url }}">
@@ -31,10 +48,11 @@
31
48
  {% endif %}
32
49
 
33
50
  </head>
34
- <body class="min-h-screen">
35
- <div class="min-h-screen">
51
+ <body class="theme-body">
52
+ <a class="skip-link" href="#main-content">Skip to content</a>
53
+ <div class="theme-shell">
36
54
  {% include header.html %}
37
- <main>
55
+ <main id="main-content">
38
56
  {{ content }}
39
57
  </main>
40
58
  {% include footer.html %}
data/_layouts/page.html CHANGED
@@ -1,8 +1,17 @@
1
1
  ---
2
2
  layout: default
3
3
  ---
4
- {% include page-header.html %}
4
+ <article class="page-article">
5
+ <header class="page-article__header">
6
+ <div class="page-article__header-layout">
7
+ <h1 class="page-article__title">{{ page.title }}</h1>
8
+ {% if page.description %}
9
+ <p class="page-article__description">{{ page.description }}</p>
10
+ {% endif %}
11
+ </div>
12
+ </header>
5
13
 
6
- {% include content.html %}
14
+ {% include content.html %}
15
+ </article>
7
16
 
8
17
  {% include social.html %}
data/_layouts/post.html CHANGED
@@ -1,6 +1,15 @@
1
1
  ---
2
2
  layout: default
3
3
  ---
4
- {% include post-header.html %}
4
+ {% if site.theme_features.reading_progress != false %}
5
+ {% include reading-progress.html %}
6
+ {% endif %}
7
+ <article class="post-page">
8
+ {% include post-header.html %}
5
9
 
6
- {% include content.html %}
10
+ {% include content.html %}
11
+
12
+ {% include post-navigation.html %}
13
+
14
+ {% include related-posts.html %}
15
+ </article>
data/_sass/base/_reset.scss CHANGED
@@ -15,7 +15,7 @@ html,
15
15
  line-height: 1.5;
16
16
  -webkit-text-size-adjust: 100%;
17
17
  tab-size: 4;
18
- font-family: "Noto Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
18
+ font-family: "Manrope", "Helvetica Neue", Helvetica, Arial, sans-serif;
19
19
  font-feature-settings: normal;
20
20
  font-variation-settings: normal;
21
21
  -webkit-tap-highlight-color: transparent;
data/_sass/base/_typography.scss CHANGED
@@ -5,12 +5,12 @@
5
5
  }
6
6
 
7
7
  ::selection {
8
- background: #4d41e0;
8
+ background: var(--color-brand, #3b82f6);
9
9
  color: #fff;
10
10
  }
11
11
 
12
12
  ::-moz-selection {
13
- background: #4d41e0;
13
+ background: var(--color-brand, #3b82f6);
14
14
  color: #fff;
15
15
  }
16
16
 
@@ -20,5 +20,5 @@ h3,
20
20
  h4,
21
21
  h5,
22
22
  h6 {
23
- font-family: "Noto Serif", Georgia, Cambria, "Times New Roman", Times, serif;
23
+ font-family: "Source Serif 4", Georgia, Cambria, "Times New Roman", Times, serif;
24
24
  }