jekyll-theme-profile 1.10.0 → 1.10.2

Sign up to get free protection for your applications and to get access to all the features.
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