jekyll-theme-profile 1.10.1 → 1.10.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (36) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +2 -337
  3. data/_config.yml +9 -32
  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 +3 -15
  8. data/_includes/header-sidebar.html +4 -13
  9. data/_includes/header-stacked.html +2 -15
  10. data/_includes/link-card.html +10 -23
  11. data/_includes/links.html +4 -4
  12. data/_includes/nav-overlay.html +41 -29
  13. data/_includes/paginator_nav.html +28 -0
  14. data/_includes/post-timeline-card.html +28 -9
  15. data/_includes/post-timeline.html +23 -17
  16. data/_includes/posts.html +1 -1
  17. data/_includes/repositories.html +1 -1
  18. data/_includes/thumbnail.html +19 -0
  19. data/_layouts/category_index.html +0 -2
  20. data/_layouts/category_layout.html +23 -46
  21. data/_layouts/default.html +1 -1
  22. data/_layouts/docs.html +10 -16
  23. data/_layouts/home.html +0 -1
  24. data/_layouts/landing.html +3 -2
  25. data/_layouts/linktree.html +5 -3
  26. data/_layouts/page.html +14 -1
  27. data/_layouts/paginate.html +1 -27
  28. data/_layouts/paginate_timeline.html +7 -31
  29. data/_layouts/post.html +11 -5
  30. data/_layouts/profile.html +22 -7
  31. data/_layouts/repositories.html +0 -1
  32. data/_layouts/tag_index.html +0 -2
  33. data/_layouts/tags.html +1 -4
  34. data/_sass/_main.scss +11 -50
  35. data/assets/css/theme.scss +0 -77
  36. metadata +19 -16
data/_includes/head.html CHANGED
@@ -1,5 +1,3 @@
1
- {%- assign bg_image = page.background_image | default: site.background.image | default: null %}
2
-
3
1
  <head>
4
2
  <meta charset="utf-8">
5
3
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -29,18 +27,8 @@
29
27
  <script src="{{ '/assets/js/anchor-links.js' | relative_url }}"></script>
30
28
  <script src="{{ '/assets/js/timeline.js' | relative_url }}"></script>
31
29
 
32
- {%- if bg_image %}
33
- <style>
34
- body {
35
- position: relative;
36
- background-image: url('{{ bg_image | relative_url }}');
37
- background-size: cover;
38
- background-repeat: no-repeat;
39
- background-attachment: fixed;
40
- z-index: -10;
41
- }
42
- </style>
43
- {%- endif %}
30
+ {%- include custom-colors.html %}
31
+
44
32
  {%- if page.css_style %}
45
33
  <style>
46
34
  {{ page.css_style }}
data/_includes/header-appbar.html CHANGED
@@ -1,21 +1,12 @@
1
1
  {%- assign user = site.github.owner %}
2
2
  {%- assign name = site.title | default: user.name | default: user.login %}
3
3
  {%- assign user_img = site.user_image | default: user.avatar_url | default: "/assets/img/user-image.jpg" %}
4
- <script>
5
- $(document).ready(function () {
6
- $('#expansion-btn').click(function () {
7
- $('.Extend').toggleClass('d-none');
8
- });
9
- $('#collapse-btn').click(function() {
10
- $('.Extend').addClass('d-none');
11
- })
12
- });
13
- </script>
4
+
14
5
  <header class="AppHeader position-sticky top-0 z-2 border-bottom topbar">
15
6
  <div class="AppHeader-item d-flex flex-justify-between p-2 flex-items-center">
16
7
  {%- if site.nav %}
17
- <div class="d-flex">
18
- <button id="expansion-btn" class="AppHeader-button d-sm-none" type="button">{% octicon three-bars height:16 %}</button>
8
+ <div class="d-flex d-sm-none">
9
+ {% include nav-overlay.html %}
19
10
  </div>
20
11
  {%- endif %}
21
12
  <div tabindex="-1" class="d-flex flex-1 ml-3" id="github-logo">
@@ -46,9 +37,6 @@
46
37
  <div class="AppHeader-item width-full hide-sm">
47
38
  {%- include navbar-underline.html %}
48
39
  </div>
49
- <div class="Extend Overlay-header d-none">
50
- {%- include nav-overlay.html %}
51
- </div>
52
40
  </div>
53
41
  {%- endif %}
54
42
  </header>
data/_includes/header-sidebar.html CHANGED
@@ -1,11 +1,5 @@
1
1
  <script>
2
2
  $(document).ready(function () {
3
- $('#expansion-btn').click(function () {
4
- $('.Extend').toggleClass('d-none');
5
- });
6
- $('#collapse-btn').click(function () {
7
- $('.Extend').addClass('d-none');
8
- })
9
3
  $('#toolbar-btn').click(function () {
10
4
  $('.Sidebar').toggleClass('d-lg-block');
11
5
  $('.Toolbar-expand').toggleClass('d-lg-block');
@@ -21,14 +15,14 @@
21
15
  })
22
16
  });
23
17
  </script>
24
- <div class="Header d-flex border-right flex-items-start p-0 flex-justify-end position-sticky top-0">
25
- <div class="flex-column flex-1 position-sticky top-0" >
18
+ <div class="Header d-flex border-right flex-items-start p-0 flex-justify-end position-sticky background-fixed top-0">
19
+ <div class="flex-column flex-1 position-sticky top-0">
26
20
  <div class="Toolbar topbar d-flex flex-row py-3 flex-lg-justify-end flex-justify-start">
27
21
  <div class="Toolbar-expand d-flex flex-justify-center d-none">
28
22
  <button id="sidebar-btn" class="btn-octicon mr-2">{% octicon chevron-right height:16 %}</button>
29
23
  </div>
30
- <div class="d-flex flex-justify-center">
31
- <button id="expansion-btn" class="btn-octicon mr-2 d-lg-none">{% octicon three-bars height:16 %}</button>
24
+ <div class="d-flex flex-justify-center d-lg-none">
25
+ {%- include nav-overlay.html %}
32
26
  </div>
33
27
  <div class="d-flex flex-justify-center">
34
28
  {% include toggle.html %}
@@ -59,8 +53,5 @@
59
53
  {%- endif %}
60
54
  </div>
61
55
  </div>
62
- <div class="Extend d-none">
63
- {%- include nav-overlay.html %}
64
- </div>
65
56
  </div>
66
57
  </div>
data/_includes/header-stacked.html CHANGED
@@ -1,13 +1,3 @@
1
- <script>
2
- $(document).ready(function () {
3
- $('#expansion-btn').click(function () {
4
- $('.Extend').toggleClass('d-none');
5
- });
6
- $('#collapse-btn').click(function () {
7
- $('.Extend').addClass('d-none');
8
- })
9
- });
10
- </script>
11
1
  <div class="Profile text-center mt-3">
12
2
  {%- include masthead.html %}
13
3
  {%- if site.repo_info %}
@@ -27,15 +17,12 @@
27
17
  {% include nav.html %}
28
18
  </div>
29
19
  <div class="d-flex flex-1 flex-sm-grow-0 flex-justify-start">
30
- <div class="d-flex">
31
- <button id="expansion-btn" class="btn-octicon mr-2 d-sm-none">{% octicon three-bars height:16 %}</button>
20
+ <div class="d-flex d-sm-none">
21
+ {% include nav-overlay.html%}
32
22
  </div>
33
23
  <div class="d-flex">
34
24
  {% include toggle.html %}
35
25
  </div>
36
26
  </div>
37
27
  </div>
38
- <div class="Extend d-none">
39
- {% include nav-overlay.html %}
40
- </div>
41
28
  {%- endif %}
data/_includes/link-card.html CHANGED
@@ -7,45 +7,32 @@ This builds a link card
7
7
  - name
8
8
  - url (optional)
9
9
  - thumbnail (optional)
10
- - description (optional)
10
+ - octicon (optional) The name of the octicon icon to use for image
11
11
 
12
12
  {%- endcomment %}
13
+
14
+ {%- assign link = include.link %}
15
+
13
16
  {%- if link.url %}
14
17
  <a href="{{ link.url | relative_url }}"
15
- class="Link Link-btn d-flex flex-justify-between flex-items-center hover-grow no-underline border rounded-3 p-2">
18
+ class="Link Link-btn d-flex flex-justify-between flex-items-center hover-grow no-underline border rounded-3 p-2"
19
+ {% if link.url contains "http" %}target="_blank" rel="noopener noreferrer"{% endif %}>
16
20
  <div class="avatar-7">
17
- {%- if link.thumbnail %}
18
- <img src="{{ link.thumbnail | relative_url }}" width="48" height="48"
19
- class="rounded-2 box-shadow-none img-cover float-left" alt="{{ link.name }}">
20
- {%- endif %}
21
- {%- if link.octicon %}
22
- {% octicon {{ link.octicon }} height:48 %}
23
- {%- endif %}
21
+ {% include thumbnail.html thumbnail=link.thumbnail octicon = link.octicon %}
24
22
  </div>
25
- <div class="p-2">
23
+ <div class="p-2 flex-1">
26
24
  <p class="f3 text-center mb-0">{{ link.name }}</p>
27
- {%- if link.description %}
28
- <p class="f5 text-gray text-center mb-0 mt-1">{{ link.description }}</p>
29
- {%- endif %}
30
25
  </div>
31
- <div class="avatar-7"></div>
32
26
  </a>
33
27
  {%- else %}
34
28
  <div class="Link-text github-component position-relative height-full d-flex flex-column text-center p-1">
35
29
  <div class="d-inline-flex flex-items-center">
36
30
  <div class="avatar-7">
37
- {%- if link.thumbnail %}
38
- <img src="{{ link.thumbnail | relative_url }}" width="48" height="48"
39
- class="rounded-1 box-shadow-none img-contain float-left" alt="{{ link.name }}">
40
- {%- endif %}
31
+ {% include thumbnail.html thumbnail=link.thumbnail octicon = link.octicon %}
41
32
  </div>
42
- <div class="flex-auto">
33
+ <div class="p-2 flex-1">
43
34
  <p class="f3 lh-condensed text-center mt-1">{{ link.name }}</p>
44
- {%- if link.description %}
45
- <p class="f5 text-gray text-center mt-1">{{ link.description }}</p>
46
- {%- endif %}
47
35
  </div>
48
- <div class="avatar-7"></div>
49
36
  </div>
50
37
  </div>
51
38
  {%- endif %}
data/_includes/links.html CHANGED
@@ -1,9 +1,9 @@
1
- {% assign links = page.links | default: site.links %}
2
- <div class="width-full">
3
- <div class="d-flex flex-column mb-4">
1
+ {% assign links = include.links %}
2
+ <div class="width-full mb-8">
3
+ <div class="d-flex flex-column">
4
4
  {%- for link in links %}
5
5
  <div class="mb-2">
6
- {%- include link-card.html %}
6
+ {%- include link-card.html link=link %}
7
7
  </div>
8
8
  {%- endfor %}
9
9
  </div>
data/_includes/nav-overlay.html CHANGED
@@ -1,41 +1,53 @@
1
1
  {%- assign user = site.github.owner %}
2
2
  {%- assign name = site.title | default: user.name | default: user.login %}
3
3
  {%- assign user_img = site.user_image | default: user.avatar_url | default: "/assets/img/user-image.jpg" %}
4
- <div class="Overlay-backdrop--side Overlay-backdrop--placement-left" data-modal-dialog-overlay>
5
- <modal-dialog class="Overlay Overlay--width-medium Overlay--motion-slideDown height-fit height-full" >
6
- <div class="Overlay-headerContentWrap d-flex flex-row py-3 px-2">
7
- <div class="Overlay-titleWrap d-flex flex-1">
8
- <div tabindex="-1" class="d-flex flex-1 ml-3" id="github-logo">
4
+ {%- assign nav_id = include.id | default: "nav-menu" %}
5
+ <script>
6
+ $(document).ready(function () {
7
+ const $menu = $("#{{ nav_id }}");
8
+ const $closeButton = $(".close-menu");
9
+
10
+ if ($menu.length && $closeButton.length) {
11
+ $closeButton.click(() => $menu.removeAttr("open")); // Properly closes the dropdown
12
+ }
13
+ });
14
+ </script>
15
+ <details class="details-reset details-overlay" id="{{ nav_id }}">
16
+ <summary class="AppHeader-button btn btn-invisible" aria-haspopup="true">
17
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
18
+ <path d="M4 6H20M4 12H20M4 18H20" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
19
+ </svg>
20
+ </summary>
21
+ <details-menu class="SelectMenu" role="menu">
22
+ <div class="SelectMenu-modal">
23
+ <div class="SelectMenu-header">
24
+ <div tabindex="-1" class="SelectMenu-title" id="github-logo">
9
25
  <a href="{{ site.baseurl }}/" class="AppHeader-link d-flex flex-items-center no-underline mr-3">
10
- <img class="avatar img-cover circle" height="32" width="32" alt="{{ name }}" src="{{ user_img | relative_url }}">
26
+ <img class="avatar img-cover circle" height="32" width="32" alt="{{ name }}"
27
+ src="{{ user_img | relative_url }}">
11
28
  <span class="h4 text-semibold mx-3">{{ name }}</span>
12
29
  </a>
13
30
  </div>
31
+ <div class="d-flex flex-justify-end">
32
+ <button class="SelectMenu-closeButton close-menu" type="button">
33
+ {% octicon x height: 16 %}
34
+ </button>
35
+ </div>
14
36
  </div>
15
- <div class="Overlay-actionWrap d-flex flex-justify-end" >
16
- <button id="collapse-btn" class="close-button Overlay-closeButton">
17
- {% octicon x height: 16 %}
18
- </button>
19
- </div>
20
- </div>
21
- <div class="Overlay-body d-flex flex-column p-2">
22
- <ul data-overflow-nav class="ActionListWrap SideNav">
37
+
38
+ <div class="SelectMenu-list">
23
39
  {%- for nav_item in site.nav %}
24
- <li class="SideNav-item"{% if page.url==nav_item.url %} aria-current="page"{% endif %}>
25
- <a href="{{ nav_item.url | relative_url }}" class="ActionListContent ActionListItem-label" >
26
- {{ nav_item.name }}
27
- </a>
28
- </li>
40
+ <a href="{{ nav_item.url }}" class="SelectMenu-item" role="menuitem"{% if page.url contains nav_item.url %} aria-current="page"{% endif %}>{{ nav_item.name }}</a>
29
41
  {%- endfor %}
30
- </ul>
31
- </div>
32
- <div class="Overlay-footer Overlay-footer--alignEnd d-block pt-0">
33
- <div class="ActionList-sectionDivider mt-0 mb-1"></div>
34
- {%- if site.social_media %}
35
- <div class="ActionList px-0 flex-1">
36
- {%- include social.html %}
37
42
  </div>
38
- {%- endif %}
43
+ <div class="SelectMenu-footer">
44
+ <div class="ActionList-sectionDivider mt-0 mb-1"></div>
45
+ {%- if site.social_media %}
46
+ <div class="ActionList px-0 flex-1 pb-">
47
+ {%- include social.html %}
48
+ </div>
49
+ {%- endif %}
50
+ </div>
39
51
  </div>
40
- </modal-dialog>
41
- </div>
52
+ </details-menu>
53
+ </details>
data/_includes/paginator_nav.html ADDED
@@ -0,0 +1,28 @@
1
+ {% assign paginate_path = include.paginate_path | default: site.paginate_path %}
2
+ {% assign previous_page_path = include.previous_page_path | default: paginator.previous_page_path %}
3
+ {% assign next_page_path = include.next_page_path | default: paginator.next_page_path %}
4
+ <div class="paginate-container">
5
+ {% if paginator.total_pages > 1 %}
6
+ <div role="navigation" aria-label="Pagination" class="d-flex d-md-inline-block pagination">
7
+ {%- if paginator.previous_page %}
8
+ <a class="previous_page" rel="prev" href="{{ previous_page_path | relative_url }}"
9
+ aria-disabled="false">Previous</a>
10
+ {% endif %}
11
+
12
+ {%- for paginator_nav_page in (1..paginator.total_pages) %}
13
+ {%- if paginator_nav_page == paginator.page %}
14
+ <a href="{{ page.url | relative_url }}" aria-label="{{ paginator_nav_page }}" aria-current="page">{{ paginator_nav_page }}</a>
15
+ {% elsif paginator_nav_page == 1 %}
16
+ <a href="{{ paginate_path | relative_url | replace: 'page:num', '' }}" aria-label="{{ paginator_nav_page }}">{{ paginator_nav_page }}</a>
17
+ {% else %}
18
+ <a href="{{ paginate_path | relative_url | replace: ':num', paginator_nav_page }}" aria-label="{{ paginator_nav_page }}">{{ paginator_nav_page }}</a>
19
+ {%- endif %}
20
+ {%- endfor %}
21
+
22
+ {%- if paginator.next_page %}
23
+ <a class="next_page" rel="next" href="{{ next_page_path | relative_url }}"
24
+ aria-disabled="false">Next</a>
25
+ {% endif %}
26
+ </div>
27
+ {% endif %}
28
+ </div>
data/_includes/post-timeline-card.html CHANGED
@@ -1,9 +1,28 @@
1
+ {%- comment -%}
2
+ post-timeline-card.html
3
+ Usage example:
4
+ {% include post-timeline-card.html post=post %}
5
+
6
+ Expects:
7
+ post (object) with fields:
8
+ - url
9
+ - title
10
+ - author (optional)
11
+ - date
12
+ - tags (array, optional)
13
+ - excerpt (optional)
14
+ - content (optional)
15
+ - type (string, optional, for the Octicon, defaults to 'comment')
16
+ - video (URL string, optional)
17
+ - image (URL string, optional)
18
+ {%- endcomment -%}
19
+ {%- assign post = include.post %}
1
20
  {%- assign icon = post.type | default: "comment" %}
2
21
  <div class="TimelineItem flex-wrap">
3
22
  <div class="col-12 col-md-5 position-relative">
4
23
  <div class="TimelineItem-title mt-5 position-sticky d-flex">
5
24
  <div class="TimelineItem-badge">{% octicon {{icon}} height:16 %}</div>
6
- <div class="title">
25
+ <div class="title mb-5">
7
26
  <div class="h2">
8
27
  <a href="{{ post.url | relative_url }}">
9
28
  {{ post.title }}
@@ -14,28 +33,28 @@
14
33
  {%- endif %}
15
34
  <div class="text-gray mb-2 ws-normal">{{ post.date | date: "%b %d, %Y"}}</div>
16
35
  {%- for tag in post.tags %}
17
- <span class="IssueLabel IssueLabel--big color-bg-accent-emphasis color-fg-on-emphasis mr-1">{{tag}}</span>
36
+ <span class="IssueLabel IssueLabel--big color-bg-accent-emphasis color-fg-on-emphasis mr-1 mb-5">{{tag}}</span>
18
37
  {%- endfor %}
19
38
  </div>
20
39
  </div>
21
40
  </div>
22
41
  <div class="col-12 col-md-7">
23
- <div class="pb-5 pt-0 py-md-7 ml-5 border-bottom">
42
+ <div class="pt-md-7 ml-5 border-bottom">
24
43
  {%- if post.video %}
25
- <div id="Timeline-video-container" class="image-container">
44
+ <div id="Timeline-video-container" class="image-container mb-5">
26
45
  <iframe id="Timeline-video" src="{{ post.video }}" frameborder="0" height="inherited"
27
46
  width="inherited"></iframe>
28
47
  </div>
29
48
  {%- elsif post.image %}
30
- <div class="image-container">
49
+ <div class="image-container mb-5">
31
50
  <img class="rounded-2" src="{{ post.image}}" width="800" height="425" alt="{{ post.title }}" />
32
51
  </div>
33
52
  {%- endif %}
34
- <div class="summary"> {{ post.excerpt }}</div>
35
- {%- if post.content != blank %}
36
- <div class="more">
53
+ {% if post.excerpt != blank %}<div class="summary mb-5"> {{ post.excerpt }}</div>{% endif %}
54
+ {%- if post.content != post.excerpt %}
55
+ <div class="more mb-5">
37
56
  <a href="{{ post.url | relative_url }}" class="link-mktg arrow-target-mktg text-semibold f4-mktg">
38
- Contiue
57
+ Continue
39
58
  <svg xmlns="http://www.w3.org/2000/svg" class="octicon arrow-symbol-mktg" width="16" height="16"
40
59
  viewBox="0 0 16 16" fill="none">
41
60
  <path fill="currentColor"
data/_includes/post-timeline.html CHANGED
@@ -1,24 +1,30 @@
1
- {%- assign collection = include.collection | default: site.posts | sort: "date" | reverse %}
2
- {%- if site.paginate %}
3
- {%- assign paginate_path = site.paginate_path %}
4
- {%- assign cleaned_path = paginate_path | split: ':' | first %}
5
- {%- assign placeholder = cleaned_path | split: '/' | last %}
6
- {%- assign paginate_index = cleaned_path | replace: placeholder, '' | strip %}
1
+ {%- comment -%}
2
+ post-timeline.html
3
+ Usage example:
4
+ {% include post-timeline.html collection=site.posts limit=5 index='/blog/index.html' %}
5
+
6
+ Expects:
7
+ collection (array, required) - A list of posts or other objects to display.
8
+ limit (integer, optional) - Number of posts to display (default: all).
9
+ index (string, optional) - Index page for the collection.
10
+ {%- endcomment -%}
11
+
12
+ {%- assign timeline_collection = include.collection | sort: "date" | reverse %}
13
+ {%- assign timeline_post_limit = include.limit | default: -1 %}
14
+ {%- if timeline_post_limit < 0 %}
15
+ {%- assign timeline_post_limit = collection.size %}
7
16
  {%- endif %}
8
- {%- assign index = include.index | default: paginator.index_path | default: paginate_index %}
9
- {%- assign post_limit = include.limit | default: page.posts_limit | default: site.posts_limit %}
17
+ {% assign timeline_index = include.index %}
10
18
 
11
- <div class="mt-md-7 mb-9 mb-md-12">
12
- <div class="container-xl mx-auto p-responsive-blog">
13
- {%- for post in collection | limit: post_limit %}
14
- {%- include post-timeline-card.html %}
15
- {%- endfor %}
16
- </div>
17
- {%- if collection.size > post_limit and index %}
18
- <div class="container-xl mx-auto p-responsive-blog mt-6 mt-md-8 ">
19
+ <div class="container-xl mx-auto p-responsive-blog mb-8">
20
+ {%- for post in timeline_collection | limit: timeline_post_limit %}
21
+ {%- include post-timeline-card.html post=post %}
22
+ {%- endfor %}
23
+ {%- if timeline_collection.size > timeline_post_limit and timeline_index %}
24
+ <div class="mx-auto p-responsive-blog">
19
25
  <div class="d-flex gutter-spacious">
20
26
  <div class="col-12 col-md-7 offset-md-5">
21
- <a href="{{ index | relative_url }}"
27
+ <a href="{{ timeline_index | relative_url }}"
22
28
  class="Link--primary arrow-target-mktg text-semibold btn ml-5">View all {% octicon chevron-right height:16 %}</a>
23
29
  </div>
24
30
  </div>
data/_includes/posts.html CHANGED
@@ -5,7 +5,7 @@
5
5
  {%- include post-card.html %}
6
6
  {%- endfor %}
7
7
  </div>
8
- {%- if site.pageinate %}
8
+ {%- if site.paginate %}
9
9
  <div class="col-12 col-md-7 offset-md-5 mb-5">
10
10
  <a href="{{ site.paginate_path | relative_url | replace: 'page:num', '' }}" class="btn ml-5">Read more</a>
11
11
  </div>
data/_includes/repositories.html CHANGED
@@ -1,4 +1,4 @@
1
- <div class="d-sm-flex flex-wrap gutter-condensed mb-4">
1
+ <div class="d-sm-flex flex-wrap gutter-condensed mb-8">
2
2
  {%- if site.repositories.sort_by == 'stars' %}
3
3
  {%- assign sort_order = 'stargazers_count', 'last' %}
4
4
  {%- else %}
data/_includes/thumbnail.html ADDED
@@ -0,0 +1,19 @@
1
+ {%- comment %}
2
+ This creates a thumbnail image. Thumbnail images can either be set to an image or an octicon
3
+
4
+ ## Inputs
5
+
6
+ - thumbnail (optional)
7
+ - octicon (optional)
8
+
9
+ {%- endcomment %}
10
+
11
+ {%- assign thumbnail = include.thumbnail %}
12
+ {%- assign octicon = include.octicon %}
13
+
14
+ {%- if include.thumbnail %}
15
+ <img src="{{ thumbnail | relative_url }}" width="48" height="48"
16
+ class="rounded-2 box-shadow-none img-cover float-left" alt="{{ name }}">
17
+ {% elsif octicon %}
18
+ {% octicon {{ octicon }} height:48 %}
19
+ {% endif %}
data/_layouts/category_index.html CHANGED
@@ -7,8 +7,6 @@ title: Category
7
7
  {%- assign category_permalink = page.pagination.permalink | default: site.autopages.categories.permalink | default: category_permalink %}
8
8
  {%- assign per_section = page.per_section | default: page.pagination.per_page | default: 3 %}
9
9
 
10
- <h1 class="h3-mktg mt-4 mb-6 mb-md-8">{{ page.title }}</h1>
11
-
12
10
  {% include post-gallery.html
13
11
  collection=categories
14
12
  collection_permalink=category_permalink
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,6 +1,6 @@
1
1
  {%- assign style = page.style | default: layout.style | default: site.style %}
2
2
  {%- assign light_theme = site.light_theme | default: "light" %}
3
- {%- assign dark_theme = site.dark_theme | default: "dark_dimmed" %}
3
+ {%- assign dark_theme = site.dark_theme | default: "dark" %}
4
4
  <!doctype html>
5
5
  <html lang="en" data-color-mode="auto" data-light-theme="{{ light_theme }}" data-dark-theme="{{ dark_theme }}">
6
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 -->