jekyll-theme-profile 1.10.1 → 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.
@@ -2,11 +2,12 @@
2
2
  layout: default
3
3
  style: none
4
4
  ---
5
- <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">
6
7
  <div class="container-lg flex-column position-sticky top-0">
7
8
  <div class="d-flex flex-row py-3 flex-justify-end">
8
9
  <div class="d-flex flex-justify-center">
9
- {% include toggle.html %}
10
+ {% if style == 'none' %}{% include toggle.html %}{% endif %}
10
11
  </div>
11
12
  </div>
12
13
  <div class="text-center flex-1">
@@ -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>
@@ -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 %}
@@ -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 ">
@@ -22,10 +22,10 @@ layout: default
22
22
  </div>
23
23
  </div>
24
24
  </div>
25
- <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">
26
26
  </div>
27
27
  </div>
28
- <div class="BlogContent pb-5">
28
+ <div class="pb-5">
29
29
  <div class="container-xl mx-auto p-responsive">
30
30
  <div class="gutter-spacious pt-5">
31
31
  <div class="col-12 offset-lg-1 col-lg-10">
@@ -83,6 +83,12 @@ layout: default
83
83
  </ul>
84
84
  </div>
85
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 %}
86
92
  {{ content }}
87
93
  {%- if page.tags.size > 0 and site.tag_page_dir %}
88
94
  <div class="post-tags text-mono f4-mktg mt-8">
@@ -95,7 +101,7 @@ layout: default
95
101
  {%- else -%}
96
102
  {%- capture tag_link %}{{site.tag_archive_path}}{{ tag | slugify }}{% endcapture %}
97
103
  {%- endif -%}
98
- <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>
99
105
  {% endfor %}
100
106
  </ul>
101
107
  </div>
@@ -5,6 +5,13 @@ layout: page
5
5
  {%- assign name = site.title | default: user.name | default: user.login %}
6
6
  {%- assign user_img = site.user_image | default: user.avatar_url | default: "/assets/img/user-image.jpg" %}
7
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
+
8
15
  <div class="Profile d-lg-flex flex-justify-center gutter">
9
16
  {%- if style != "sidebar" and style != "stacked" %}
10
17
  <div class="col-lg-4 border-gray-light pt-6 text-center">
@@ -13,19 +20,27 @@ layout: page
13
20
  </div>
14
21
  {%- endif %}
15
22
 
16
- <div class="col-lg-8 border-top border-lg-top-0 color-bg-default">
23
+ <div class="col-lg-8 color-bg-default">
17
24
  <div class="py-6">
25
+ {%- if content %}
26
+ <div class="mb-8">
18
27
  {{ content }}
19
- {%- if site.links %}
20
- {%- include links.html %}
28
+ </div>
21
29
  {%- endif %}
22
-
23
- {%- unless posts_total == 0 %}
24
- <h2 class="mb-3">Blog</h2>
25
- {%- include post-timeline.html%}
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>
26
40
  {%- endunless %}
27
41
 
28
42
  {%- if site.repositories %}
43
+ <h2 class="mb-3">Repositories</h2>
29
44
  {%- include repositories.html %}
30
45
  {%- endif %}
31
46
  </div>
@@ -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 %}
@@ -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
  }
@@ -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);
metadata CHANGED
@@ -1,15 +1,29 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme-profile
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.10.1
4
+ version: 1.10.2
5
5
  platform: ruby
6
6
  authors:
7
7
  - Allison Thackston
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2025-01-29 00:00:00.000000000 Z
11
+ date: 2025-02-17 00:00:00.000000000 Z
12
12
  dependencies:
13
+ - !ruby/object:Gem::Dependency
14
+ name: csv
15
+ requirement: !ruby/object:Gem::Requirement
16
+ requirements:
17
+ - - "~>"
18
+ - !ruby/object:Gem::Version
19
+ version: 3.3.0
20
+ type: :runtime
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - "~>"
25
+ - !ruby/object:Gem::Version
26
+ version: 3.3.0
13
27
  - !ruby/object:Gem::Dependency
14
28
  name: jekyll
15
29
  requirement: !ruby/object:Gem::Requirement
@@ -30,20 +44,6 @@ dependencies:
30
44
  - - "<"
31
45
  - !ruby/object:Gem::Version
32
46
  version: '5.0'
33
- - !ruby/object:Gem::Dependency
34
- name: csv
35
- requirement: !ruby/object:Gem::Requirement
36
- requirements:
37
- - - "~>"
38
- - !ruby/object:Gem::Version
39
- version: 3.3.0
40
- type: :runtime
41
- prerelease: false
42
- version_requirements: !ruby/object:Gem::Requirement
43
- requirements:
44
- - - "~>"
45
- - !ruby/object:Gem::Version
46
- version: 3.3.0
47
47
  - !ruby/object:Gem::Dependency
48
48
  name: jekyll-github-metadata
49
49
  requirement: !ruby/object:Gem::Requirement
@@ -139,6 +139,7 @@ files:
139
139
  - _config.yml
140
140
  - _includes/breadcrumbs.html
141
141
  - _includes/collection-menu.html
142
+ - _includes/custom-colors.html
142
143
  - _includes/footer.html
143
144
  - _includes/head.html
144
145
  - _includes/header-appbar.html
@@ -152,6 +153,7 @@ files:
152
153
  - _includes/nav-overlay.html
153
154
  - _includes/nav.html
154
155
  - _includes/navbar-underline.html
156
+ - _includes/paginator_nav.html
155
157
  - _includes/post-card.html
156
158
  - _includes/post-feature-card.html
157
159
  - _includes/post-gallery.html
@@ -165,6 +167,7 @@ files:
165
167
  - _includes/repo-card.html
166
168
  - _includes/repositories.html
167
169
  - _includes/social.html
170
+ - _includes/thumbnail.html
168
171
  - _includes/toggle.html
169
172
  - _includes/user-metadata.html
170
173
  - _layouts/category_index.html