jekyll-theme-profile 1.10.0 → 1.10.2

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 (39) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +2 -337
  3. data/_config.yml +31 -50
  4. data/_includes/collection-menu.html +57 -33
  5. data/_includes/custom-colors.html +99 -0
  6. data/_includes/head.html +2 -14
  7. data/_includes/header-appbar.html +6 -15
  8. data/_includes/header-sidebar.html +4 -13
  9. data/_includes/header-stacked.html +2 -15
  10. data/_includes/header-topbar.html +3 -0
  11. data/_includes/link-card.html +10 -23
  12. data/_includes/links.html +4 -4
  13. data/_includes/masthead.html +1 -1
  14. data/_includes/nav-overlay.html +44 -29
  15. data/_includes/paginator_nav.html +28 -0
  16. data/_includes/post-timeline-card.html +28 -9
  17. data/_includes/post-timeline.html +24 -12
  18. data/_includes/posts.html +1 -1
  19. data/_includes/repositories.html +1 -1
  20. data/_includes/thumbnail.html +19 -0
  21. data/_layouts/category_index.html +0 -2
  22. data/_layouts/category_layout.html +23 -46
  23. data/_layouts/default.html +1 -4
  24. data/_layouts/docs.html +10 -16
  25. data/_layouts/home.html +0 -1
  26. data/_layouts/landing.html +3 -5
  27. data/_layouts/linktree.html +5 -3
  28. data/_layouts/page.html +14 -1
  29. data/_layouts/paginate.html +1 -27
  30. data/_layouts/paginate_timeline.html +7 -31
  31. data/_layouts/post.html +11 -12
  32. data/_layouts/profile.html +25 -13
  33. data/_layouts/repositories.html +0 -1
  34. data/_layouts/tag_index.html +0 -2
  35. data/_layouts/tags.html +1 -4
  36. data/_sass/_main.scss +11 -50
  37. data/assets/css/theme.scss +0 -77
  38. data/assets/img/social-preview.png +0 -0
  39. metadata +25 -21
data/_layouts/category_layout.html CHANGED
@@ -1,56 +1,33 @@
1
1
  ---
2
2
  layout: page
3
+ subtype: Category
3
4
  ---
4
5
  {% if page.paginator %}
5
6
  <!-- Pagination is active -->
6
7
  {% assign paginator = page.paginator %}
7
8
  {% endif %}
9
+ {% assign posts = paginator.posts | default: page.posts %}
10
+ {% assign limit = paginator.per_page | default: -1 %}
11
+ {% if limit < 0 %}
12
+ {% assign limit = posts.size %}
13
+ {% endif %}
8
14
 
9
- {% if paginator %}
10
-
11
- {% if paginator.previous_page != nil or paginator.next_page != nil %}
12
- <!-- Show page number if we have multiple pages -->
13
- <p class="f4-mktg color-text-tertiary mt-4 mt-md-7 mb-0">Category {{ paginator.page }} / {{ paginator.total_pages }}</p>
14
- <h1 class="pb-5 mt-0">{{ page.title | capitalize }}</h1>
15
- {% else %}
16
- <!-- No page number if we only have a single page -->
17
- <p class="f4-mktg color-text-tertiary mt-4 mt-md-7 mb-0">Category</p>
18
- <h1 class="pb-5 mt-0">{{ page.title | capitalize }}</h1>
19
- {% endif %}
20
-
21
- <div class="d-flex flex-wrap gutter-spacious">
22
- <!-- Show post excerpts for the current page -->
23
- {% for post in paginator.posts limit:paginator.per_page %}
24
- {%- if post.feature or post == site.categories[page.title][0] %}
25
- {%- include post-feature-card.html %}
26
- {%- else %}
27
- {%- include post-card.html border="border-top" %}
28
- {%- endif %}
29
- {% endfor %}
30
- </div>
31
- <!-- Show navigation next/previous page links if applicable -->
32
- <nav><p>
33
- {% if paginator.previous_page %}<a class="previous_page" rel="prev" href="{{ paginator.previous_page_path | relative_url }}"
34
- aria-disabled="false">Previous</a>{% endif %}
35
- {% if paginator.next_page %}<a class="next_page" rel="next" href="{{ paginator.next_page_path | relative_url }}"
36
- aria-disabled="false">Next</a>{% endif %}
37
- </p></nav>
38
-
39
- {% else %}
40
-
41
- <!-- Pagination is not active -->
42
- <p class="f4-mktg color-text-tertiary mt-4 mt-md-7 mb-0">Category</p>
43
- <h1 class="pb-5 mt-0">{{ page.title | capitalize }}</h1>
44
-
45
- <div class="d-flex flex-wrap gutter-spacious">
46
- <!-- Show excerpts for all posts in this category -->
47
- {% for post in page.posts %}
48
- {%- if post.feature %}
49
- {%- include post-feature-card.html %}
50
- {%- else %}
51
- {%- include post-card.html border="border-top" %}
52
- {%- endif %}
53
- {% endfor %}
54
- </div>
15
+ <div class="d-flex flex-wrap gutter-spacious border-top">
16
+ <!-- Show post excerpts for the current page -->
17
+ {% for post in posts limit: limit %}
18
+ {%- if post.feature or post == site.categories[page.category][0] %}
19
+ {%- include post-feature-card.html %}
20
+ {%- else %}
21
+ {%- include post-card.html border="border-top" %}
22
+ {%- endif %}
23
+ {% endfor %}
24
+ </div>
55
25
 
26
+ <!-- Show navigation next/previous page links if applicable -->
27
+ {% if paginator %}
28
+ <!-- Pagination links -->
29
+ {% capture previous_page_path %}{{ site.category_path }}/{{ page.category }}/{{ paginator.previous_page_path }}{% endcapture %}
30
+ {% capture next_page_path %}{{ site.category_path }}/{{ page.category }}/{{ paginator.next_page_path }}{% endcapture %}
31
+ {% capture paginate_path %}{{ site.category_path }}/{{ page.category }}/page:num{% endcapture %}
32
+ {% include paginator_nav.html previous_page_path=previous_page_path next_page_path=next_page_path paginate_path=paginate_path %}
56
33
  {% endif %}
data/_layouts/default.html CHANGED
@@ -1,9 +1,6 @@
1
1
  {%- assign style = page.style | default: layout.style | default: site.style %}
2
- {%- assign user = site.github.owner %}
3
- {%- assign name = site.title | default: user.name | default: user.login %}
4
- {%- assign user_img = site.user_image | default: user.avatar_url %}
5
2
  {%- assign light_theme = site.light_theme | default: "light" %}
6
- {%- assign dark_theme = site.dark_theme | default: "dark_dimmed" %}
3
+ {%- assign dark_theme = site.dark_theme | default: "dark" %}
7
4
  <!doctype html>
8
5
  <html lang="en" data-color-mode="auto" data-light-theme="{{ light_theme }}" data-dark-theme="{{ dark_theme }}">
9
6
 
data/_layouts/docs.html CHANGED
@@ -8,23 +8,13 @@ Docs utilize collections to display content
8
8
  {% endcomment %}
9
9
  {%- assign collection_name = page.collection | default: "docs" %}
10
10
  {%- assign docs = site[collection_name]%}
11
- {%- assign docs_name = page.title | default: "Documentation" %}
12
11
  {%- assign index_url = page.index %}
13
12
  {%- assign docs_index = docs | where_exp: "item", "item.url == index_url" | first %}
14
13
  {%- assign docs_without_index = docs | where_exp: "item", "item.url != index_url" %}
14
+ {%- assign edit_url = page.edit_url | default: site.edit_url %}
15
15
 
16
- <script>
17
- $(document).ready(function () {
18
- $('#contents-btn').click(function () {
19
- $('.CollectionMenu').toggleClass('d-none');
20
- });
21
- $('#close-contents-btn').click(function () {
22
- $('.CollectionMenu').addClass('d-none');
23
- })
24
- });
25
- </script>
26
16
  <div class="d-lg-flex flex-1">
27
- <div class="Layout Layout-sidebar position-sticky border-right d-none d-xl-block">
17
+ <div class="Layout Layout-sidebar bgColor-default position-sticky border-right d-none d-xl-block">
28
18
  <div class="px-4 pb-3 border-bottom">
29
19
  <div class="mt-3">
30
20
  {% if docs_index %}
@@ -62,7 +52,7 @@ Docs utilize collections to display content
62
52
  <div class="container-xl mx-auto p-responsive py-3">
63
53
  <div class="py-4 d-flex">
64
54
  <div class="d-xl-none">
65
- <button id="contents-btn" class="btn-octicon mr-2">{% octicon three-bars height:16 %}</button>
55
+ {% include collection-menu.html collection=docs name=collection_name index=docs_index %}
66
56
  </div>
67
57
  {% include breadcrumbs.html %}
68
58
  </div>
@@ -92,6 +82,13 @@ Docs utilize collections to display content
92
82
  {% endif %}
93
83
  </div>
94
84
  </div>
85
+
86
+ <!-- Edit link -->
87
+ {% if edit_url %}
88
+ <div class="doc-footer border-top my-8 py-5">
89
+ <a href="{{ edit_url }}/{{ page.path }}">{% octicon pencil height: 16 %} Edit this page</a>
90
+ </div>
91
+ {% endif %}
95
92
  </div>
96
93
  <div class="col-12 col-md-4 markdown-body">
97
94
  {% capture page_toc %}{{ content | toc_only }}{% endcapture %}
@@ -106,6 +103,3 @@ Docs utilize collections to display content
106
103
  </div>
107
104
  </div>
108
105
  </div>
109
- <div class="CollectionMenu d-none">
110
- {% include collection-menu.html name=collection_name collection=docs_without_index index=docs_index %}
111
- </div>
data/_layouts/home.html CHANGED
@@ -1,4 +1,3 @@
1
1
  ---
2
2
  layout: profile
3
3
  ---
4
- <!-- WARNING: Deprecated -- use layout: profile -->
data/_layouts/landing.html CHANGED
@@ -2,14 +2,12 @@
2
2
  layout: default
3
3
  style: none
4
4
  ---
5
- {%- assign user = site.github.owner %}
6
- {%- assign name = site.title | default: user.name | default: user.login %}
7
- {%- assign user_img = site.user_image | default: user.avatar_url %}
8
- <div class="Header d-flex p-0 flex-1 height-full">
5
+ {%- assign style = page.style | default: layout.style | default: site.style %}
6
+ <div class="Header d-flex p-0 flex-1">
9
7
  <div class="container-lg flex-column position-sticky top-0">
10
8
  <div class="d-flex flex-row py-3 flex-justify-end">
11
9
  <div class="d-flex flex-justify-center">
12
- {% include toggle.html %}
10
+ {% if style == 'none' %}{% include toggle.html %}{% endif %}
13
11
  </div>
14
12
  </div>
15
13
  <div class="text-center flex-1">
data/_layouts/linktree.html CHANGED
@@ -3,10 +3,12 @@ layout: default
3
3
  style: none
4
4
  ---
5
5
  {%- assign socials=page.socials | default: layout.socials | default: nil %}
6
+ {%- assign links=page.links | default: site.links | default: nil %}
7
+ {%- assign style = page.style | default: layout.style | default: site.style %}
6
8
  <div class="flex-column flex-1 min-width-0 py-3">
7
9
  <div class="d-flex mt-4 p-responsive container-md flex-row py-3 flex-justify-end">
8
10
  <div class="d-flex flex-justify-center">
9
- {% include toggle.html %}
11
+ {% if style == 'none' %}{% include toggle.html %}{% endif %}
10
12
  </div>
11
13
  </div>
12
14
  {%- if style != "sidebar" and style != "stacked" %}
@@ -15,9 +17,9 @@ style: none
15
17
  {%- if socials == "top" %}
16
18
  {%- include social.html %}
17
19
  {%- endif %}
18
- {%- if site.links %}
20
+ {%- if links %}
19
21
  <div class="d-flex mt-4 p-responsive container-md">
20
- {%- include links.html %}
22
+ {%- include links.html links=links %}
21
23
  </div>
22
24
  {%- endif %}
23
25
  {%- if socials == "bottom" %}
data/_layouts/page.html CHANGED
@@ -1,8 +1,21 @@
1
1
  ---
2
2
  layout: default
3
3
  ---
4
+ {%- assign title = page.title | default: page.tag %}
5
+ {%- assign subtype = page.subtype %}
6
+ {%- if title == page.tag %}
7
+ {%- assign subtype = "tag" %}
8
+ {%- endif %}
4
9
  <div class="Page flex-column flex-1 min-width-0">
5
- <div class="container-xl p-3 px-md-5 markdown-body">
10
+ {% if title %}
11
+ <div class="container-xl p-3 px-md-5 pt-6">
12
+ {% if subtype %}
13
+ <p class="f4-mktg color-text-tertiary mb-n4">{{ subtype | downcase }}</p>
14
+ {% endif %}
15
+ <h1 class="h3-mktg mt-6 mb-4">{{ title | capitalize }}</h1>
16
+ </div>
17
+ {% endif %}
18
+ <div class="container-xl p-3 px-md-5 markdown-body mb-6">
6
19
  {{ content }}
7
20
  </div>
8
21
  <div class="flex-1"></div>
data/_layouts/paginate.html CHANGED
@@ -13,30 +13,4 @@ layout: page
13
13
  {% endfor %}
14
14
  </div>
15
15
  <!-- Pagination links -->
16
- <div class="paginate-container">
17
- <div role="navigation" aria-label="Pagination" class="d-flex d-md-inline-block pagination">
18
- {%- if paginator.previous_page %}
19
- <a class="previous_page" rel="prev" href="{{ paginator.previous_page_path | relative_url }}"
20
- aria-disabled="false">Previous</a>
21
- {% else %}
22
- <span class="previous_page disabled" aria-disabled="true">Previous</span>
23
- {% endif %}
24
-
25
- {%- for blog_page in (1..paginator.total_pages) %}
26
- {%- if blog_page == paginator.page %}
27
- <a href="{{ page.url | relative_url }}" aria-label="{{ blog_page }}" aria-current="page">{{ blog_page }}</a>
28
- {% elsif blog_page == 1 %}
29
- <a href="{{ site.paginate_path | relative_url | replace: 'page:num', '' }}" aria-label="{{ blog_page }}">{{ blog_page }}</a>
30
- {% else %}
31
- <a href="{{ site.paginate_path | relative_url | replace: ':num', blog_page }}" aria-label="{{ blog_page }}">{{ blog_page }}</a>
32
- {%- endif %}
33
- {%- endfor %}
34
-
35
- {%- if paginator.next_page %}
36
- <a class="next_page" rel="next" href="{{ paginator.next_page_path | relative_url }}"
37
- aria-disabled="false">Next</a>
38
- {% else %}
39
- <span class="next_page disabled" aria-disabled="true">Next</span>
40
- {% endif %}
41
- </div>
42
- </div>
16
+ {% include paginator_nav.html %}
data/_layouts/paginate_timeline.html CHANGED
@@ -1,41 +1,17 @@
1
1
  ---
2
2
  layout: page
3
3
  ---
4
+ {% comment %} For post timeline collection {% endcomment %}
5
+ {% assign limit = page.posts_limit | default: site.paginate %}
6
+ {% assign collection = paginator.posts | default: site.posts %}
7
+ {% comment %} For controls below timeline {% endcomment %}
4
8
  {% assign paginate_path = page.pagination.permalink | default: site.pagination.permalink | default: site.paginate_path %}
5
- {% assign paginate_first_page_path = site.paginate_path | relative_url | replace: 'page:num', '' %}
9
+ {% assign paginate_first_page_path = paginate_path | relative_url | replace: 'page:num', '' %}
6
10
  {% assign first_page_path = page.first_page_path | default: paginator.first_page_path | default: paginate_first_page_path%}
7
11
 
8
- <h1>{{ page.title }}</h1>
9
-
10
12
  {{ content }}
11
13
 
12
14
  <!-- This loops through the paginated posts -->
13
- {% include post-timeline.html collection=paginator.posts %}
15
+ {% include post-timeline.html collection=collection limit=limit %}
14
16
  <!-- Pagination links -->
15
- <div class="paginate-container">
16
- <div role="navigation" aria-label="Pagination" class="d-flex d-md-inline-block pagination">
17
- {%- if paginator.previous_page %}
18
- <a class="previous_page" rel="prev" href="{{ paginator.previous_page_path | relative_url }}"
19
- aria-disabled="false">Previous</a>
20
- {% else %}
21
- <span class="previous_page disabled" aria-disabled="true">Previous</span>
22
- {% endif %}
23
-
24
- {%- for blog_page in (1..paginator.total_pages) %}
25
- {%- if blog_page == paginator.page %}
26
- <a href="{{ page.url | relative_url }}" aria-label="{{ blog_page }}" aria-current="page">{{ blog_page }}</a>
27
- {% elsif blog_page == 1 %}
28
- <a href="{{ first_page_path | relative_url }}" aria-label="{{ blog_page }}">{{ blog_page }}</a>
29
- {% else %}
30
- <a href="{{ paginate_path | relative_url | replace: ':num', blog_page }}" aria-label="{{ blog_page }}">{{ blog_page }}</a>
31
- {%- endif %}
32
- {%- endfor %}
33
-
34
- {%- if paginator.next_page %}
35
- <a class="next_page" rel="next" href="{{ paginator.next_page_path | relative_url }}"
36
- aria-disabled="false">Next</a>
37
- {% else %}
38
- <span class="next_page disabled" aria-disabled="true">Next</span>
39
- {% endif %}
40
- </div>
41
- </div>
17
+ {% include paginator_nav.html %}
data/_layouts/post.html CHANGED
@@ -3,8 +3,8 @@ layout: default
3
3
  ---
4
4
  {%- assign user = site.github.owner %}
5
5
  {%- assign name = page.author | default: user.name | default: user.login %}
6
- {%- assign image = page.image | default: site.image %}
7
- <div class="flex-column flex-1 min-width-0">
6
+ {%- assign image = page.image | default: site.image | default: "/assets/img/default.png" %}
7
+ <div class="Blog flex-column flex-1 min-width-0">
8
8
  <div class="BlogHeader position-relative border-top">
9
9
  <div class="container-xl p-responsive">
10
10
  <div class="gutter-spacious pt-1 ">
@@ -14,25 +14,18 @@ layout: default
14
14
  </div>
15
15
  <div class="offset-lg-1 col-lg-10">
16
16
  <div class="position-relative z-1">
17
- {%- if page.video %}
18
- <div id="Timeline-video-container" class="image-container">
19
- <iframe id="Timeline-video" src="{{ page.video }}" frameborder="0" height="inherited"
20
- width="inherited"></iframe>
21
- </div>
22
- {%- else %}
23
17
  <div class="image-container">
24
18
  <img src="{{ image | relative_url }}" class="cover-image rounded-2"
25
19
  alt="{{ page.title }}" />
26
20
  </div>
27
- {%- endif %}
28
21
  </div>
29
22
  </div>
30
23
  </div>
31
24
  </div>
32
- <div class="BlogContent position-absolute bottom-0 width-full border-top" style="height:88px">
25
+ <div class="Blog position-absolute bottom-0 width-full border-top" style="height:88px">
33
26
  </div>
34
27
  </div>
35
- <div class="BlogContent pb-5">
28
+ <div class="pb-5">
36
29
  <div class="container-xl mx-auto p-responsive">
37
30
  <div class="gutter-spacious pt-5">
38
31
  <div class="col-12 offset-lg-1 col-lg-10">
@@ -90,6 +83,12 @@ layout: default
90
83
  </ul>
91
84
  </div>
92
85
  <div class="col-12 col-lg-7 col-md-8 markdown-body">
86
+ {% if page.video %}
87
+ <div id="Timeline-video-container" class="image-container mb-5">
88
+ <iframe id="Timeline-video" src="{{ page.video }}" frameborder="0" height="inherited"
89
+ width="inherited"></iframe>
90
+ </div>
91
+ {% endif %}
93
92
  {{ content }}
94
93
  {%- if page.tags.size > 0 and site.tag_page_dir %}
95
94
  <div class="post-tags text-mono f4-mktg mt-8">
@@ -102,7 +101,7 @@ layout: default
102
101
  {%- else -%}
103
102
  {%- capture tag_link %}{{site.tag_archive_path}}{{ tag | slugify }}{% endcapture %}
104
103
  {%- endif -%}
105
- <li class="d-inline-block mt-2 mb-0"><a href="{{ tag_link }}">{{ tag }}</a></li>
104
+ <li class="d-inline-block mt-2 mb-0"><a href="{{ tag_link | relative_url }}">{{ tag }}</a></li>
106
105
  {% endfor %}
107
106
  </ul>
108
107
  </div>
data/_layouts/profile.html CHANGED
@@ -1,7 +1,17 @@
1
1
  ---
2
2
  layout: page
3
3
  ---
4
+ {%- assign user = site.github.owner %}
5
+ {%- assign name = site.title | default: user.name | default: user.login %}
6
+ {%- assign user_img = site.user_image | default: user.avatar_url | default: "/assets/img/user-image.jpg" %}
4
7
  {%- assign style = page.style | default: layout.style | default: site.style %}
8
+ {%- assign links = page.links | default: site.links | default: nill %}
9
+ {%- assign collection = page.collection | default: site.posts %}
10
+ {%- assign posts_limit = page.posts_limit | default: site.posts_limit | default: site.paginate %}
11
+ {% assign paginate_path = page.pagination.permalink | default: site.pagination.permalink | default: site.paginate_path %}
12
+ {% assign paginate_first_page_path = paginate_path | replace: 'page:num', '' %}
13
+ {% assign first_page_path = page.first_page_path | default: paginator.first_page_path | default: paginate_first_page_path %}
14
+
5
15
  <div class="Profile d-lg-flex flex-justify-center gutter">
6
16
  {%- if style != "sidebar" and style != "stacked" %}
7
17
  <div class="col-lg-4 border-gray-light pt-6 text-center">
@@ -10,25 +20,27 @@ layout: page
10
20
  </div>
11
21
  {%- endif %}
12
22
 
13
- <div class="col-lg-8 border-top border-lg-top-0 color-bg-default">
23
+ <div class="col-lg-8 color-bg-default">
14
24
  <div class="py-6">
15
- {%- assign posts_total = site.posts | size %}
16
- {%- assign posts_limit = site.posts_limit | default: posts_total %}
17
-
18
- {%- unless content == "" %}
25
+ {%- if content %}
26
+ <div class="mb-8">
19
27
  {{ content }}
20
- {%- endunless %}
21
-
22
- {%- if site.links %}
23
- {%- include links.html %}
28
+ </div>
24
29
  {%- endif %}
25
-
26
- {%- unless posts_total == 0 %}
27
- <h2 class="mb-3">Blog</h2>
28
- {%- include post-timeline.html limit=posts_limit index="/blog/" %}
30
+ {%- if links %}
31
+ {%- include links.html links=links %}
32
+ {%- endif %}
33
+ {%- unless collection.size == 0 %}
34
+ <div class="container-xl mb-8">
35
+ <div class="pb-3">
36
+ <h2>Latest posts</h2>
37
+ </div>
38
+ {%- include post-timeline.html collection=collection limit=posts_limit index=first_page_path %}
39
+ </div>
29
40
  {%- endunless %}
30
41
 
31
42
  {%- if site.repositories %}
43
+ <h2 class="mb-3">Repositories</h2>
32
44
  {%- include repositories.html %}
33
45
  {%- endif %}
34
46
  </div>
data/_layouts/repositories.html CHANGED
@@ -3,7 +3,6 @@ layout: page
3
3
  title: Repositories
4
4
  ---
5
5
  <div class="pt-3">
6
- <h2>{{ page.title }}</h2>
7
6
  {%- unless content == "" %}
8
7
  {{ content }}
9
8
  {%- endunless %}
data/_layouts/tag_index.html CHANGED
@@ -7,8 +7,6 @@ layout: page
7
7
  {%- assign tag_permalink = page.pagination.permalink | default: site.autopages.tags.permalink | default: tag_permalink %}
8
8
  {%- assign per_section = page.per_section | default: 3 %}
9
9
 
10
- <h1 class="h3-mktg mt-4 mb-6 mb-md-8">{{ page.title }}</h1>
11
-
12
10
  {% include post-index.html
13
11
  collection=tags
14
12
  collection_permalink=tag_permalink
data/_layouts/tags.html CHANGED
@@ -1,10 +1,7 @@
1
1
  ---
2
2
  layout: page
3
3
  ---
4
- <p class="f4-mktg color-text-tertiary mt-4 mt-md-7 mb-n4">Tag</p>
5
- <h1 class="h3-mktg mt-4 mb-6 mb-md-8">{{ page.tag | capitalize }}</h1>
6
-
7
- <div class="d-flex flex-wrap gutter-spacious">
4
+ <div class="d-flex flex-wrap gutter-spacious border-top">
8
5
  {% for post in page.posts %}
9
6
  {%- if post.feature or forloop.first %}
10
7
  {%- include post-feature-card.html %}
data/_sass/_main.scss CHANGED
@@ -4,6 +4,10 @@
4
4
  sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol !important;
5
5
  }
6
6
 
7
+ .background-fixed {
8
+ background-attachment: fixed !important;
9
+ }
10
+
7
11
  .min-height-full {
8
12
  min-height: 100vh;
9
13
  }
@@ -66,27 +70,19 @@
66
70
  overflow-wrap: break-word;
67
71
  }
68
72
 
69
- .Overlay-header .Overlay-headerContentWrap {
70
- align-items: flex-start;
71
- display: flex;
72
- gap: var(--stack-gap-condensed, 0.5rem);
73
- padding: var(--stack-gap-condensed, 0.5rem) var(--stack-gap-condensed, 0.5rem) 0 var(--stack-gap-condensed, 0.5rem);
73
+ .SelectMenu::before {
74
+ background-color: unset;
74
75
  }
75
76
 
76
- .Overlay-footer {
77
- display: flex;
78
- flex-direction: row;
79
- flex-shrink: 0;
80
- flex-wrap: wrap;
81
- padding: 0 var(--stack-padding-normal, 1rem) var(--stack-padding-normal, 1rem) var(--stack-padding-normal, 1rem);
82
- z-index: 1;
77
+ .SelectMenu {
78
+ position: absolute;
79
+ top: unset;
80
+ bottom: unset;
83
81
  }
84
82
 
85
83
  .AppHeader {
86
84
  --AppHeader-bg: var(--bgColor-inset, var(--color-canvas-inset));
87
- // color: var(--fgColor-default, var(--color-fg-default));
88
85
  background: var(--AppHeader-bg);
89
- // box-shadow: inset 0 calc(var(--borderWidth-thin, 1px)*-1) var(--borderColor-default, var(--color-border-default));
90
86
  }
91
87
 
92
88
  .AppHeader-button {
@@ -107,13 +103,6 @@
107
103
  color: var(--color-fg-default);
108
104
  }
109
105
 
110
- .AppHeader-logo {
111
- border: 0;
112
- width: var(--base-size-32, 32px);
113
- height: var(--base-size-32, 32px);
114
- outline-offset: 2px;
115
- }
116
-
117
106
  .ActionListItem {
118
107
  background-color: var(--control-transparent-bgColor-rest, #0000);
119
108
  border-radius: var(--borderRadius-medium, 0.375rem);
@@ -121,27 +110,6 @@
121
110
  position: relative;
122
111
  }
123
112
 
124
- .ActionListContent {
125
- -webkit-tap-highlight-color: transparent;
126
- align-items: start;
127
- background-color: initial;
128
- border: none;
129
- border-radius: var(--borderRadius-medium, 0.375rem);
130
- color: var(--control-fgColor-rest, var(--color-fg-default));
131
- display: grid;
132
- grid-template-areas: "leadingAction leadingVisual label trailingVisual trailingAction";
133
- grid-template-columns: min-content min-content minmax(0, auto) min-content min-content;
134
- grid-template-rows: min-content;
135
- padding-block: var(--actionListContent-paddingBlock);
136
- padding-inline: var(--control-medium-paddingInline-condensed, 0.5rem);
137
- position: relative;
138
- text-align: left;
139
- touch-action: manipulation;
140
- transition: background 33.333ms linear;
141
- -webkit-user-select: none;
142
- user-select: none;
143
- width: 100%;
144
- }
145
113
 
146
114
  .ActionListItem-label {
147
115
  color: var(--fgColor-default, var(--color-fg-default));
@@ -157,11 +125,7 @@
157
125
  background-color: var(--color-header-bg) !important;
158
126
  }
159
127
 
160
- .BlogContent {
161
- background-color: var(--color-canvas-default) !important;
162
- }
163
-
164
- .Page {
128
+ .Blog {
165
129
  background-color: var(--color-canvas-default) !important;
166
130
  }
167
131
 
@@ -207,9 +171,6 @@ body::before {
207
171
  .Header {
208
172
  display: none !important;
209
173
  }
210
- .Profile {
211
- display: none !important;
212
- }
213
174
  .Toggle {
214
175
  display: none !important;
215
176
  }
data/assets/css/theme.scss CHANGED
@@ -2,83 +2,6 @@
2
2
  ---
3
3
  @use "jekyll-theme-profile";
4
4
 
5
- {%- if site.background.overlay %}
6
- {%- assign dark_overlay = site.background.overlay %}
7
- {%- assign light_overlay = site.background.overlay %}
8
- {%- endif %}
9
- {%- if site.background.dark.overlay %}
10
- {%- assign dark_overlay = site.background.dark.overlay %}
11
- {%- endif %}
12
- {%- if site.background.light.overlay %}
13
- {%- assign light_overlay = site.background.light.overlay %}
14
- {%- endif %}
15
-
16
- {%- if dark_overlay %}
17
- /* Dark mode styles */
18
- [data-color-mode='dark'] {
19
- --overlay-color: {{ dark_overlay }};
20
- }
21
- @media(prefers-color-scheme: dark) {
22
- [data-color-mode='auto'][data-dark-theme='dark_dimmed'] {
23
- --overlay-color: {{ dark_overlay }};
24
- }
25
- }
26
- {%- endif %}
27
-
28
- {%- if light_overlay %}
29
- /* Light mode styles */
30
- [data-color-mode='light'] {
31
- --overlay-color: {{ light_overlay }};
32
- }
33
-
34
- @media(prefers-color-scheme: light) {
35
- [data-color-mode='auto'][data-light-theme='light'] {
36
- --overlay-color: {{ light_overlay }};
37
- }
38
- }
39
- {%- endif %}
40
-
41
- {%- if site.header.color %}
42
-
43
- {%- assign header_color=site.header.color %}
44
- .Header {
45
- --color-header-bg: {{ header_color }};
46
- }
47
- /* Light mode styles */
48
- [data-color-mode='light'] {
49
- --color-header-bg: {{ header_color }};
50
- }
51
-
52
- @media(prefers-color-scheme: light) {
53
- [data-color-mode='auto'][data-light-theme='light'] {
54
- --color-header-bg: {{ header_color }};
55
- }
56
- }
57
- /* Dark mode styles */
58
- [data-color-mode='dark'] {
59
- --color-header-bg: {{ header_color }};
60
- }
61
- @media(prefers-color-scheme: dark) {
62
- [data-color-mode='auto'][data-dark-theme='dark_dimmed'] {
63
- --color-header-bg: {{ header_color }};
64
- }
65
- }
66
- {%- endif %}
67
-
68
- {%- if site.header.text %}
69
- .Header {
70
- --color-header-logo: {{ site.header.text }};
71
- --color-fg-muted: {{ site.header.text }};
72
- }
73
- {%- endif %}
74
-
75
- {%- if site.header.accent %}
76
- .Header {
77
- --color-header-text: {{ site.header.accent }};
78
- --color-accent-fg: {{ site.header.accent }};
79
- }
80
- {%- endif %}
81
-
82
5
  :root{
83
6
  --color-profile-text: var(--color-fg-default);
84
7
  --color-profile-accent: var(--color-accent-fg);
data/assets/img/social-preview.png ADDED
Binary file