jekyll-theme-profile 1.11.0 → 1.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/footer.html +1 -1
  3. data/_includes/head.html +2 -1
  4. data/_includes/header-sidebar.html +1 -1
  5. data/_includes/masthead.html +3 -2
  6. data/_includes/post-timeline-card.html +9 -1
  7. data/_includes/social.html +23 -22
  8. data/_layouts/linktree.html +1 -1
  9. data/_sass/_main.scss +99 -75
  10. data/_sass/jekyll-theme-profile.scss +1 -1
  11. metadata +2 -4
  12. data/assets/img/blog-post-icon.png +0 -0
  13. data/assets/img/category-icon.png +0 -0
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 889909f720d72751897220fe73f773cf9647b6fd21fd9be657a77075eecc947c
4
- data.tar.gz: b74e263503746f7aabe6c9f0158e3710e36f680c0521bfedffff02a043ae14d3
3
+ metadata.gz: b656b56487fc85c2f1b6512d96a90ebfcae84711093de0c99dd016c1471a62ea
4
+ data.tar.gz: 39dbaf73d8b924ab6ce1f034258a75508abba6242aec42386d590f883980029c
5
5
  SHA512:
6
- metadata.gz: 77b5c27a58f5471ca7d554f881d4384190ce6cb945255619522aecdbfa0e968e7b4346927978156d924255ad878048d6cd279c0dbfd4929115f8b148f20c7594
7
- data.tar.gz: 84a8c29c8f7b77eda22e6283c02ed9e68f57d75828b076af5fc3d9f3236b88fa232ec533ab36fd587f93a3265c7bf45cb4332c248f440b5d74e5227671197902
6
+ metadata.gz: e223809ac0d65c83fb35f81268b6fff37d7a0905ccfdea5270c76a89fb05121d7ce48380772fd2ac486c521390461f07ba300ee13dcd97e26c1740fd040f0a23
7
+ data.tar.gz: f72231fe40a125d0cba8f4e9a0fb00a18683f37be415cf0bba2a7b9d5655486a0f76716b9e21cf7fb2728892b8507352914ac8714bc688fa0c73aee2fa9901c8
data/_includes/footer.html CHANGED
@@ -2,7 +2,7 @@
2
2
  <div class="footer py-3 color-bg-subtle border-top">
3
3
  <div class="container-xl p-responsive-blog f6 py-4 d-sm-flex flex-justify-between flex-row-reverse flex-items-center">
4
4
  {%- if site.social_media %}
5
- {%- include social.html %}
5
+ {%- include social.html tooltip-dir="nw" %}
6
6
  {%- endif %}
7
7
  <div class="flex-1"></div>
8
8
  <div class="flex-0 mx-auto px-4">
data/_includes/head.html CHANGED
@@ -1,3 +1,4 @@
1
+ {% assign favicon=site.favicon | default: site.logo | default: '/assets/img/favicon.ico' %}
1
2
  <head>
2
3
  <meta charset="utf-8">
3
4
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -7,7 +8,7 @@
7
8
 
8
9
  <link href="{{ '/assets/css/theme.css' | relative_url }}" rel="stylesheet" type="text/css">
9
10
  <link href="{{ '/assets/css/style.css' | relative_url }}" rel="stylesheet" type="text/css">
10
- <link rel="icon" type="image/x-icon" href="{{ '/assets/img/favicon.ico' | relative_url}}">
11
+ <link rel="icon" type="image/x-icon" href="{{ favicon | relative_url}}">
11
12
 
12
13
 
13
14
  {%- if site.analytics.provider == 'google' %}
data/_includes/header-sidebar.html CHANGED
@@ -34,7 +34,7 @@
34
34
  <div class="Sidebar d-none d-lg-block Layout Layout-sidebar Layout--sidebar-wide">
35
35
  <div class="text-center">
36
36
  <div class="px-5 py-2">
37
- {%- include masthead.html class="CircleBadge--large" %}
37
+ {%- include masthead.html size="128px" %}
38
38
  </div>
39
39
  {%- if site.repo_info %}
40
40
  <div class="py-2">
data/_includes/masthead.html CHANGED
@@ -2,11 +2,12 @@
2
2
  {%- assign name = include.title | default: 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
4
  {%- assign user_metadata = site.user_metadata -%}
5
+ {%- assign size = include.size | default: "256px" %}
5
6
 
6
7
  <div class="Masthead">
7
- <div class="CircleBadge img-masthead {{include.class}}">
8
+ <div class="CircleBadge" style="width: {{ size }};" >
8
9
  <a href="{{ site.baseurl }}/">
9
- <img src="{{ user_img | relative_url }}" alt="{{ name }}" class="cover-image">
10
+ <img src="{{ user_img | relative_url }}" alt="{{ name }}" >
10
11
  </a>
11
12
  </div>
12
13
 
data/_includes/post-timeline-card.html CHANGED
@@ -33,7 +33,15 @@
33
33
  {%- endif %}
34
34
  <div class="text-gray mb-2 ws-normal">{{ post.date | date: "%b %d, %Y"}}</div>
35
35
  {%- for tag in post.tags %}
36
- <span class="IssueLabel IssueLabel--big color-bg-accent-emphasis color-fg-on-emphasis mr-1 mb-5">{{tag}}</span>
36
+ {%- if site.tag_page_dir -%}
37
+ {%- capture tag_link %}/{{site.tag_page_dir}}/{{ tag | jekyll_tagging_slug }}{%
38
+ endcapture %}
39
+ {%- elsif site.tag_archive_path -%}
40
+ {%- capture tag_link %}{{site.tag_archive_path}}{{ tag | slugify }}{% endcapture %}
41
+ {%- endif -%}
42
+ {% if tag_link %}<a href="{{ tag_link | relative_url }}" class="IssueLabel px-0">{% endif %}
43
+ <span class="IssueLabel IssueLabel--big color-bg-accent-emphasis color-fg-on-emphasis mr-1">{{tag}}</span>
44
+ {% if tag_link %}</a>{% endif %}
37
45
  {%- endfor %}
38
46
  </div>
39
47
  </div>
data/_includes/social.html CHANGED
@@ -1,9 +1,10 @@
1
1
 
2
+ {%- assign tooltip-dir = include.tooltip-dir | default:"s" %}
2
3
  <div class="Social d-flex flex-wrap flex-items-start flex-justify-center">
3
4
 
4
5
  {%- if site.social_media.behance %}
5
6
  <div class="mr-3">
6
- <a href="https://www.behance.net/{{ site.social_media.behance }}" class="tooltipped tooltipped-se" aria-label="Behance: {{ site.social_media.behance }}" data-proofer-ignore>
7
+ <a href="https://www.behance.net/{{ site.social_media.behance }}" class="tooltipped tooltipped-{{ tooltip-dir }}" aria-label="Behance: {{ site.social_media.behance }}" data-proofer-ignore>
7
8
  {%- if site.icon_color %}
8
9
  {%- assign color = site.icon_color %}
9
10
  {%- else %}
@@ -16,7 +17,7 @@
16
17
 
17
18
  {%- if site.social_media.dribbble %}
18
19
  <div class="mr-3">
19
- <a href="https://dribbble.com/{{ site.social_media.dribbble }}" class="tooltipped tooltipped-se" aria-label="Dribbble: {{ site.social_media.dribbble }}" data-proofer-ignore>
20
+ <a href="https://dribbble.com/{{ site.social_media.dribbble }}" class="tooltipped tooltipped-{{ tooltip-dir }}" aria-label="Dribbble: {{ site.social_media.dribbble }}" data-proofer-ignore>
20
21
  {%- if site.icon_color %}
21
22
  {%- assign color = site.icon_color %}
22
23
  {%- else %}
@@ -29,7 +30,7 @@
29
30
 
30
31
  {%- if site.social_media.docker %}
31
32
  <div class="mr-3">
32
- <a href="https://hub.docker.com/u/{{ site.social_media.docker }}" class="tooltipped tooltipped-se" aria-label="Docker: {{ site.social_media.docker }}" data-proofer-ignore>
33
+ <a href="https://hub.docker.com/u/{{ site.social_media.docker }}" class="tooltipped tooltipped-s" aria-label="Docker: {{ site.social_media.docker }}" data-proofer-ignore>
33
34
  {%- if site.icon_color %}
34
35
  {%- assign color = site.icon_color %}
35
36
  {%- else %}
@@ -42,7 +43,7 @@
42
43
 
43
44
  {%- if site.social_media.facebook %}
44
45
  <div class="mr-3">
45
- <a href="https://www.facebook.com/{{ site.social_media.facebook }}" class="tooltipped tooltipped-se" aria-label="Facebook: {{ site.social_media.facebook }}" data-proofer-ignore>
46
+ <a href="https://www.facebook.com/{{ site.social_media.facebook }}" class="tooltipped tooltipped-s" aria-label="Facebook: {{ site.social_media.facebook }}" data-proofer-ignore>
46
47
  {%- if site.icon_color %}
47
48
  {%- assign color = site.icon_color %}
48
49
  {%- else %}
@@ -55,7 +56,7 @@
55
56
 
56
57
  {%- if site.social_media.github %}
57
58
  <div class="mr-3">
58
- <a href="https://www.github.com/{{ site.social_media.github }}" class="tooltipped tooltipped-se" aria-label="Github: {{ site.social_media.github }}" data-proofer-ignore>
59
+ <a href="https://www.github.com/{{ site.social_media.github }}" class="tooltipped tooltipped-{{ tooltip-dir }}" aria-label="Github: {{ site.social_media.github }}" data-proofer-ignore>
59
60
  {%- if site.icon_color %}
60
61
  {%- assign color = site.icon_color %}
61
62
  {%- else %}
@@ -68,7 +69,7 @@
68
69
 
69
70
  {%- if site.social_media.hackerrank %}
70
71
  <div class="mr-3">
71
- <a href="https://www.hackerrank.com/{{ site.social_media.hackerrank }}" class="tooltipped tooltipped-se" aria-label="HackerRank: {{ site.social_media.hackerrank }}" data-proofer-ignore>
72
+ <a href="https://www.hackerrank.com/{{ site.social_media.hackerrank }}" class="tooltipped tooltipped-{{ tooltip-dir }}" aria-label="HackerRank: {{ site.social_media.hackerrank }}" data-proofer-ignore>
72
73
  {%- if site.icon_color %}
73
74
  {%- assign color = site.icon_color %}
74
75
  {%- else %}
@@ -81,7 +82,7 @@
81
82
 
82
83
  {%- if site.social_media.instagram %}
83
84
  <div class="mr-3">
84
- <a href="https://www.instagram.com/{{ site.social_media.instagram }}" class="tooltipped tooltipped-se" aria-label="Instagram: {{ site.social_media.instagram }}" data-proofer-ignore>
85
+ <a href="https://www.instagram.com/{{ site.social_media.instagram }}" class="tooltipped tooltipped-{{ tooltip-dir }}" aria-label="Instagram: {{ site.social_media.instagram }}" data-proofer-ignore>
85
86
  {%- if site.icon_color %}
86
87
  {%- assign color = site.icon_color %}
87
88
  {%- else %}
@@ -94,7 +95,7 @@
94
95
 
95
96
  {%- if site.social_media.keybase %}
96
97
  <div class="mr-3">
97
- <a href="https://keybase.io/{{ site.social_media.keybase }}" class="tooltipped tooltipped-se" aria-label="Keybase: {{ site.social_media.keybase }}" data-proofer-ignore>
98
+ <a href="https://keybase.io/{{ site.social_media.keybase }}" class="tooltipped tooltipped-{{ tooltip-dir }}" aria-label="Keybase: {{ site.social_media.keybase }}" data-proofer-ignore>
98
99
  {%- if site.icon_color %}
99
100
  {%- assign color = site.icon_color %}
100
101
  <svg width="20" height="20" viewBox="0 0 71 76.3" fill="{{ color }}" version="1.1" x="0px" y="0px" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><g transform="translate(-241.11756,-377.8123)"><path class="st0" d="M247.8,451.8c-0.6-1.3-1.4-3.1-1.8-4l-0.6-1.7l-2,2.2l-2,2.2 l-0.2-4.2c-0.3-6,0.2-12.2,1.2-16.6c2.3-9.8,9.5-18.7,18.8-23.4l2.1-1l-0.5-1.5c-0.3-0.8-0.6-2.5-0.7-3.6l-0.2-2.1l-2.1-0.2 c-3.2-0.3-4.9-1.2-6-3.5c-0.6-1.2-0.6-1.4-0.4-4.6c0.2-4.2,0.5-5.1,1.8-6.5c1.6-1.8,2.7-2.1,6.7-1.9c2.9,0.2,3.5,0.3,4.8,0.9 c0.8,0.4,1.5,0.8,1.6,0.8c0.1,0,1-1.1,2.1-2.6l1.9-2.7l1.2,0.7c0.7,0.4,1.5,0.9,1.9,1.1l0.7,0.4l-0.6,1.5c-0.3,0.8-0.7,2.2-0.8,2.9 l-0.2,1.4l1.7,0.2c6.1,0.6,10.7,4.3,12.4,9.9c0.5,1.8,0.5,5.3,0,7c-0.5,1.6-0.5,1.7-0.1,1.7c0.7,0,5.4,2.3,7.3,3.5 c3.7,2.4,8,6.6,10.4,10.2c4.5,6.7,6.4,14,5.6,22c-0.4,4.8-1.3,8.6-2.9,12.3l-0.6,1.4l-2.5,0l-2.5,0l1.2-2.4 c1.3-2.6,2.3-6.2,2.8-9.4c0.3-2.2,0.4-8.2,0.1-9.3l-0.2-0.7l-1.3,1.4c-3.2,3.5-7.9,4.5-14.2,2.8c-5.4-1.4-7.6-1.7-12.7-1.7 c-3.9,0-5.2,0.1-7.3,0.6c-5.8,1.3-9.9,3.2-15.6,7.3c-2.1,1.5-3.8,2.7-3.9,2.7c-0.1,0,0.2-1,0.6-2.3c0.4-1.3,1.1-3.4,1.5-4.8 l0.8-2.5l-0.9,0.9c-0.5,0.5-1.9,1.9-3.1,3.2l-2.1,2.3l0.5,1.9c0.6,2.5,2,5.6,3.5,7.9c0.6,1,1.1,1.8,1.1,1.9s-1.2,0.1-2.6,0.1h-2.6 L247.8,451.8L247.8,451.8z M256.6,427.6c4.8-5.1,8.7-9.2,8.8-9.2c0.1,0.1-0.4,1.6-0.9,3.3c-3.3,10.4-4,12.4-3.9,12.5 c0,0,1.2-0.4,2.5-0.9c8.5-3.7,18.4-4.2,28.9-1.4c4.7,1.2,6.5,1.2,8.8,0c1.3-0.7,1.8-1.1,2.4-2.1c1.1-1.7,1.2-4.1,0.5-6.3 c-1.7-4.8-8.3-11-14.5-13.7c-3.2-1.4-3.4-1.4-4.1-0.7l-0.6,0.6l2.6,3.2c1.4,1.7,2.9,3.6,3.1,4.1c0.6,1.2,0.7,3.1,0.1,4.3 c-0.8,1.7-3.2,2.9-5.1,2.5c-0.8-0.2-1.1-0.1-1.9,0.5c-2.2,1.6-4.6,1.2-6.6-1.2c-1.6-1.8-2-2.7-2.1-4.5c0-0.9-0.3-2-0.5-2.4 c-0.3-0.6-0.4-1.3-0.4-2.2l0.1-1.4l-1.3-0.3c-1.8-0.5-3.9-1.5-5.1-2.4c-0.6-0.4-1.1-0.8-1.3-0.8s-1.5,0.6-2.9,1.3 c-9.7,5-16,14.3-17,24.8c-0.1,1-0.2,2.3-0.3,2.8l-0.1,0.9l1.1-1.1C247.4,437.3,251.8,432.7,256.6,427.6L256.6,427.6z M282.5,420.2 c0.9-0.7,1.7-1.3,1.9-1.3c0.1,0,0.4,0.3,0.7,0.7c0.5,0.8,1.4,0.8,1.8,0.1c0.3-0.5,0.3-0.6-5.6-7.8c-3.5-4.3-4.2-5-4.7-5 c-1.2,0.1-0.9,1,1,3.3l1.8,2.2l-1,0.8c-1.1,1-1.2,1.2-0.5,1.8c0.5,0.5,0.6,0.4,1.6-0.3l1.1-0.7l0.7,0.6c0.4,0.3,0.6,0.8,0.6,0.9 c0,0.2-0.8,0.9-1.7,1.7c-0.9,0.7-1.6,1.5-1.6,1.7c0,0.3,0.5,1.1,1.4,2.2C280.3,421.7,280.8,421.5,282.5,420.2L282.5,420.2z M272.2,406c0.6-1.8,2.6-3.2,4.6-3.2c1.1,0,2.7,0.9,3.8,2.1l1,1.2l0.9-1.1c2.5-2.8,2.8-6.7,0.8-10.1c-1.5-2.5-4.3-4-8.2-4.4 c-2.1-0.2-2.6-0.4-3.7-1.5l-0.8-0.8l-0.4,0.6c-0.8,1.2-2.5,5.1-3,6.6c-0.7,2.3-0.4,5.9,0.5,7.7c0.9,1.7,3.3,4,4,3.7 C271.8,406.9,272,406.5,272.2,406L272.2,406z M263.3,392.4c0.2-0.5,0.7-1.8,1.2-2.8c0.5-1,0.9-2,0.9-2.3c0-0.9-1-1.3-3.7-1.5 c-2.4-0.2-2.6-0.1-3.1,0.4c-0.4,0.4-0.6,0.9-0.6,1.6c0,0.6-0.1,1.7-0.2,2.6c-0.2,2.1,0.1,2.5,2.2,2.8 C263.1,393.4,263,393.4,263.3,392.4z M260.2,390c0-1.7,0.2-1.9,1.6-1.9h1.3v1.4v1.4h-1.4h-1.4V390z M266.5,448.3 c-0.6-0.6-0.8-1-0.8-2c0-1.9,1.1-3,2.9-3c1.7,0,2.9,1.2,2.9,2.9c0,1.8-1.1,2.8-3,2.9C267.5,449.1,267.1,448.9,266.5,448.3 L266.5,448.3z M285.8,448.6c-2.3-1.8-1.1-5.3,1.8-5.3c1.8,0,2.8,1.1,2.9,3c0,1.1-0.1,1.4-0.8,2s-1,0.8-2,0.8 C286.8,449.1,286.2,448.9,285.8,448.6L285.8,448.6z"/></g></svg>
@@ -193,7 +194,7 @@
193
194
 
194
195
  {%- if site.social_media.linkedin %}
195
196
  <div class="mr-3">
196
- <a href="https://www.linkedin.com/in/{{ site.social_media.linkedin }}" class="tooltipped tooltipped-se" aria-label="LinkedIn: {{ site.social_media.linkedin }}" data-proofer-ignore>
197
+ <a href="https://www.linkedin.com/in/{{ site.social_media.linkedin }}" class="tooltipped tooltipped-{{ tooltip-dir }}" aria-label="LinkedIn: {{ site.social_media.linkedin }}" data-proofer-ignore>
197
198
  {%- if site.icon_color %}
198
199
  {%- assign color = site.icon_color %}
199
200
  {%- else %}
@@ -206,7 +207,7 @@
206
207
 
207
208
  {%- if site.social_media.mail %}
208
209
  <div class="mr-3">
209
- <a href="mailto:{{ site.social_media.mail }}" class="tooltipped tooltipped-se" aria-label="Mail: {{ site.social_media.mail }}" data-proofer-ignore>
210
+ <a href="mailto:{{ site.social_media.mail }}" class="tooltipped tooltipped-{{ tooltip-dir }}" aria-label="Mail: {{ site.social_media.mail }}" data-proofer-ignore>
210
211
  {%- if site.icon_color %}
211
212
  {%- assign color = site.icon_color %}
212
213
  {%- else %}
@@ -220,7 +221,7 @@
220
221
 
221
222
  {%- if site.social_media.mastodon %}
222
223
  <div class="mr-3">
223
- <a href="https://mstdn.io/{{ site.social_media.mastodon }}" class="tooltipped tooltipped-se" aria-label="Mastodon: {{ site.social_media.mastodon }}" data-proofer-ignore>
224
+ <a href="https://mstdn.io/{{ site.social_media.mastodon }}" class="tooltipped tooltipped-{{ tooltip-dir }}" aria-label="Mastodon: {{ site.social_media.mastodon }}" data-proofer-ignore>
224
225
  {%- if site.icon_color %}
225
226
  {%- assign color = site.icon_color %}
226
227
  {%- else %}
@@ -233,7 +234,7 @@
233
234
 
234
235
  {%- if site.social_media.medium %}
235
236
  <div class="mr-3">
236
- <a href="https://medium.com/@{{ site.social_media.medium }}" class="tooltipped tooltipped-se" aria-label="Medium: {{ site.social_media.medium }}" data-proofer-ignore>
237
+ <a href="https://medium.com/@{{ site.social_media.medium }}" class="tooltipped tooltipped-{{ tooltip-dir }}" aria-label="Medium: {{ site.social_media.medium }}" data-proofer-ignore>
237
238
  {%- if site.icon_color %}
238
239
  {%- assign color = site.icon_color %}
239
240
  {%- else %}
@@ -246,7 +247,7 @@
246
247
 
247
248
  {%- if site.social_media.stackoverflow %}
248
249
  <div class="mr-3">
249
- <a href="https://stackoverflow.com/u/{{ site.social_media.stackoverflow }}" class="tooltipped tooltipped-se" aria-label="Stack Overflow: {{ site.social_media.stackoverflow }}" data-proofer-ignore>
250
+ <a href="https://stackoverflow.com/u/{{ site.social_media.stackoverflow }}" class="tooltipped tooltipped-{{ tooltip-dir }}" aria-label="Stack Overflow: {{ site.social_media.stackoverflow }}" data-proofer-ignore>
250
251
  {%- if site.icon_color %}
251
252
  {%- assign color = site.icon_color %}
252
253
  <svg height="24" viewBox="0 0 120 120" fill="{{ color }}" xmlns="http://www.w3.org/2000/svg" ><path class="st0" d="M84.4 93.8V70.6h7.7v30.9H22.6V70.6h7.7v23.2z"/><path class="st1" d="M38.8 68.4l37.8 7.9 1.6-7.6-37.8-7.9-1.6 7.6zm5-18l35 16.3 3.2-7-35-16.4-3.2 7.1zm9.7-17.2l29.7 24.7 4.9-5.9-29.7-24.7-4.9 5.9zm19.2-18.3l-6.2 4.6 23 31 6.2-4.6-23-31zM38 86h38.6v-7.7H38V86z"/></svg>
@@ -260,7 +261,7 @@
260
261
 
261
262
  {%- if site.social_media.telegram %}
262
263
  <div class="mr-3">
263
- <a href="https://t.me/{{ site.social_media.telegram }}" class="tooltipped tooltipped-se" aria-label="Telegram: {{ site.social_media.telegram }}" data-proofer-ignore>
264
+ <a href="https://t.me/{{ site.social_media.telegram }}" class="tooltipped tooltipped-{{ tooltip-dir }}" aria-label="Telegram: {{ site.social_media.telegram }}" data-proofer-ignore>
264
265
  {%- if site.icon_color %}
265
266
  {%- assign color = site.icon_color %}
266
267
  {%- else %}
@@ -273,7 +274,7 @@
273
274
 
274
275
  {%- if site.social_media.threads %}
275
276
  <div class="mr-3">
276
- <a href="https://www.threads.net/@{{ site.social_media.threads }}" class="tooltipped tooltipped-se" aria-label="Threads: {{ site.social_media.threads }}" data-proofer-ignore>
277
+ <a href="https://www.threads.net/@{{ site.social_media.threads }}" class="tooltipped tooltipped-{{ tooltip-dir }}" aria-label="Threads: {{ site.social_media.threads }}" data-proofer-ignore>
277
278
  {%- if site.icon_color %}
278
279
  {%- assign color = site.icon_color %}
279
280
  {%- else %}
@@ -286,7 +287,7 @@
286
287
 
287
288
  {%- if site.social_media.tiktok %}
288
289
  <div class="mr-3">
289
- <a href="https://www.tiktok.com//@{{ site.social_media.threads }}" class="tooltipped tooltipped-se" aria-label="Tiktok: {{ site.social_media.tiktok }}" data-proofer-ignore>
290
+ <a href="https://www.tiktok.com//@{{ site.social_media.threads }}" class="tooltipped tooltipped-{{ tooltip-dir }}" aria-label="Tiktok: {{ site.social_media.tiktok }}" data-proofer-ignore>
290
291
  {%- if site.icon_color %}
291
292
  {%- assign color = site.icon_color %}
292
293
  <svg width="20" height="20" viewBox="0 0 512 512" fill="{{ color }}" xmlns="http://www.w3.org/2000/svg"><path d="M412.19,118.66a109.27,109.27,0,0,1-9.45-5.5,132.87,132.87,0,0,1-24.27-20.62c-18.1-20.71-24.86-41.72-27.35-56.43h.1C349.14,23.9,350,16,350.13,16H267.69V334.78c0,4.28,0,8.51-.18,12.69,0,.52-.05,1-.08,1.56,0,.23,0,.47-.05.71,0,.06,0,.12,0,.18a70,70,0,0,1-35.22,55.56,68.8,68.8,0,0,1-34.11,9c-38.41,0-69.54-31.32-69.54-70s31.13-70,69.54-70a68.9,68.9,0,0,1,21.41,3.39l.1-83.94a153.14,153.14,0,0,0-118,34.52,161.79,161.79,0,0,0-35.3,43.53c-3.48,6-16.61,30.11-18.2,69.24-1,22.21,5.67,45.22,8.85,54.73v.2c2,5.6,9.75,24.71,22.38,40.82A167.53,167.53,0,0,0,115,470.66v-.2l.2.2C155.11,497.78,199.36,496,199.36,496c7.66-.31,33.32,0,62.46-13.81,32.32-15.31,50.72-38.12,50.72-38.12a158.46,158.46,0,0,0,27.64-45.93c7.46-19.61,9.95-43.13,9.95-52.53V176.49c1,.6,14.32,9.41,14.32,9.41s19.19,12.3,49.13,20.31c21.48,5.7,50.42,6.9,50.42,6.9V131.27C453.86,132.37,433.27,129.17,412.19,118.66Z"/></svg>
@@ -310,7 +311,7 @@
310
311
 
311
312
  {%- if site.social_media.twitter %}
312
313
  <div class="mr-3">
313
- <a href="https://www.twitter.com/{{ site.social_media.twitter }}" class="tooltipped tooltipped-se" aria-label="Twitter: {{ site.social_media.twitter }}" data-proofer-ignore>
314
+ <a href="https://www.twitter.com/{{ site.social_media.twitter }}" class="tooltipped tooltipped-{{ tooltip-dir }}" aria-label="Twitter: {{ site.social_media.twitter }}" data-proofer-ignore>
314
315
  {%- if site.icon_color %}
315
316
  {%- assign color = site.icon_color %}
316
317
  {%- else %}
@@ -323,7 +324,7 @@
323
324
 
324
325
  {%- if site.social_media.unsplash %}
325
326
  <div class="mr-3">
326
- <a href="https://www.unsplash.com/{{ site.social_media.unsplash }}" class="tooltipped tooltipped-se" aria-label="Unsplash: {{ site.social_media.unsplash }}" data-proofer-ignore>
327
+ <a href="https://www.unsplash.com/{{ site.social_media.unsplash }}" class="tooltipped tooltipped-{{ tooltip-dir }}" aria-label="Unsplash: {{ site.social_media.unsplash }}" data-proofer-ignore>
327
328
  {%- if site.icon_color %}
328
329
  {%- assign color = site.icon_color %}
329
330
  {%- else %}
@@ -336,7 +337,7 @@
336
337
 
337
338
  {%- if site.social_media.vk %}
338
339
  <div class="mr-3">
339
- <a href="https://vk.com/{{ site.social_media.vk }}" class="tooltipped tooltipped-se" aria-label="VK: {{ site.social_media.vk }}" data-proofer-ignore>
340
+ <a href="https://vk.com/{{ site.social_media.vk }}" class="tooltipped tooltipped-{{ tooltip-dir }}" aria-label="VK: {{ site.social_media.vk }}" data-proofer-ignore>
340
341
  {%- if site.icon_color %}
341
342
  {%- assign color = site.icon_color %}
342
343
  {%- else %}
@@ -349,7 +350,7 @@
349
350
 
350
351
  {%- if site.social_media.vscode %}
351
352
  <div class="mr-3">
352
- <a href="https://marketplace.visualstudio.com/publishers/{{ site.social_media.vscode }}" class="tooltipped tooltipped-se" aria-label="VS Code Marketplace: {{ site.social_media.vscode }}" data-proofer-ignore>
353
+ <a href="https://marketplace.visualstudio.com/publishers/{{ site.social_media.vscode }}" class="tooltipped tooltipped-{{ tooltip-dir }}" aria-label="VS Code Marketplace: {{ site.social_media.vscode }}" data-proofer-ignore>
353
354
  {%- if site.icon_color %}
354
355
  {%- assign color = site.icon_color %}
355
356
  {%- else %}
@@ -362,7 +363,7 @@
362
363
 
363
364
  {%- if site.social_media.x %}
364
365
  <div class="mr-3">
365
- <a href="https://www.x.com/{{ site.social_media.x }}" class="tooltipped tooltipped-se" aria-label="X: {{ site.social_media.x }}" data-proofer-ignore>
366
+ <a href="https://www.x.com/{{ site.social_media.x }}" class="tooltipped tooltipped-{{ tooltip-dir }}" aria-label="X: {{ site.social_media.x }}" data-proofer-ignore>
366
367
  {%- if site.icon_color %}
367
368
  {%- assign color = site.icon_color %}
368
369
  {%- else %}
@@ -375,7 +376,7 @@
375
376
 
376
377
  {%- if site.social_media.youtube %}
377
378
  <div class="mr-3">
378
- <a href="https://www.youtube.com/{{ site.social_media.youtube }}" class="tooltipped tooltipped-se" aria-label="YouTube: {{ site.social_media.youtube }}" data-proofer-ignore>
379
+ <a href="https://www.youtube.com/{{ site.social_media.youtube }}" class="tooltipped tooltipped-{{ tooltip-dir }}" aria-label="YouTube: {{ site.social_media.youtube }}" data-proofer-ignore>
379
380
  {%- if site.icon_color %}
380
381
  {%- assign color = site.icon_color %}
381
382
  {%- else %}
data/_layouts/linktree.html CHANGED
@@ -12,7 +12,7 @@ style: none
12
12
  </div>
13
13
  </div>
14
14
  {%- if style != "sidebar" and style != "stacked" %}
15
- {%- include masthead.html class="CircleBadge--medium" %}
15
+ {%- include masthead.html size="96px" %}
16
16
  {%- endif %}
17
17
  {%- if socials == "top" %}
18
18
  {%- include social.html %}
data/_sass/_main.scss CHANGED
@@ -1,13 +1,31 @@
1
- // If a user adds a custom font, this component will stop it from bleeding into GitHub components:
2
- .github-component {
3
- font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial,
4
- sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol !important;
1
+ // Needed for setting the background overlay
2
+ body::before {
3
+ content: "";
4
+ position: absolute;
5
+ top: 0;
6
+ right: 0;
7
+ bottom: 0;
8
+ left: 0;
9
+ z-index: -1;
10
+ background-color: var(--overlay-color);
11
+ /* Use the --overlay-color variable here */
5
12
  }
6
13
 
14
+ .avatar-user {
15
+ border-radius: 50% !important;
16
+ }
17
+
18
+ // Needed to support custom background with a sidebar
7
19
  .background-fixed {
8
20
  background-attachment: fixed !important;
9
21
  }
10
22
 
23
+ // If a user adds a custom font, this component will stop it from bleeding into GitHub components:
24
+ .github-component {
25
+ font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial,
26
+ sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol !important;
27
+ }
28
+
11
29
  .min-height-full {
12
30
  min-height: 100vh;
13
31
  }
@@ -20,7 +38,16 @@
20
38
  object-fit: cover;
21
39
  }
22
40
 
23
- .cover-image {
41
+ .Masthead .CircleBadge {
42
+ aspect-ratio: 1 / 1;
43
+ max-width: 296px;
44
+ position: relative;
45
+ overflow: hidden;
46
+ /* Hide any overflow to maintain circle shape */
47
+ margin: auto;
48
+ }
49
+
50
+ .CircleBadge img {
24
51
  position: absolute !important;
25
52
  height: 100% !important;
26
53
  width: 100% !important;
@@ -30,44 +57,62 @@
30
57
  }
31
58
 
32
59
  .image-container {
33
- width: 100%; /* Allow the container to adjust to the website's width */
60
+ width: 100%;
61
+ /* Allow the container to adjust to the website's width */
34
62
  // max-width: 800px; /* Set a maximum width to prevent image from exceeding 800px */
35
- height: 0; /* Create an aspect ratio container (initial height is 0) */
36
- padding-bottom: 53.125%; /* Aspect ratio (425 / 800) */
63
+ height: 0;
64
+ /* Create an aspect ratio container (initial height is 0) */
65
+ padding-bottom: 53.125%;
66
+ /* Aspect ratio (425 / 800) */
37
67
  position: relative;
38
68
  overflow: hidden;
39
69
  }
40
70
 
41
71
  .image-container img {
42
72
  position: absolute;
43
- width: 100%; /* Fill the entire container width */
44
- height: 100%; /* Fill the entire container height */
45
- object-fit: cover; /* Scale and crop the image to cover the container */
73
+ width: 100%;
74
+ /* Fill the entire container width */
75
+ height: 100%;
76
+ /* Fill the entire container height */
77
+ object-fit: cover;
78
+ /* Scale and crop the image to cover the container */
46
79
  }
47
80
 
48
- .social-aside {
49
- width: 44px;
50
- height: 44px;
51
- padding: 10px;
81
+ .post-tags::before {
82
+ content: "";
83
+ display: block;
84
+ height: 5px;
85
+ width: 20px;
86
+ background-color: var(--color-fg-default);
87
+ margin-bottom: 4px;
52
88
  }
53
89
 
54
- .img-masthead {
55
- aspect-ratio: 1 / 1;
56
- max-width: 296px;
57
- position:relative;
58
- overflow: hidden; /* Hide any overflow to maintain circle shape */
59
- margin: auto;
90
+ .overflow-wrap-word {
91
+ overflow-wrap: break-word;
60
92
  }
61
93
 
62
94
  .rounded-circle {
63
- width: 100%; /* Make the image fill the container */
64
- height: 100%; /* Make the image fill the container */
65
- border-radius: 50%; /* Make the div circular */
66
- object-fit: cover; /* Scale the image to fill the container */
95
+ width: 100%;
96
+ /* Make the image fill the container */
97
+ height: 100%;
98
+ /* Make the image fill the container */
99
+ border-radius: 50%;
100
+ /* Make the div circular */
101
+ object-fit: cover;
102
+ /* Scale the image to fill the container */
67
103
  }
68
104
 
69
- .overflow-wrap-word {
70
- overflow-wrap: break-word;
105
+ .section-heading {
106
+ border-top: 5px solid var(--color-fg-default);
107
+ border-bottom: 1px solid var(--color-border-muted);
108
+ padding-top: 7px !important;
109
+ padding-bottom: 11px !important;
110
+ }
111
+
112
+ .social-aside {
113
+ width: 44px;
114
+ height: 44px;
115
+ padding: 10px;
71
116
  }
72
117
 
73
118
  .SelectMenu::before {
@@ -133,54 +178,33 @@
133
178
  color: var(--color-primer-border-active);
134
179
  }
135
180
 
136
- .section-heading {
137
- border-top: 5px solid var(--color-fg-default);
138
- border-bottom: 1px solid var(--color-border-muted);
139
- padding-top: 7px !important;
140
- padding-bottom: 11px !important;
141
- }
181
+ @media print {
182
+ .BlogHeader {
183
+ background-color: inherit;
184
+ color: black !important;
185
+ }
142
186
 
143
- .post-tags::before {
144
- content: "";
145
- display: block;
146
- height: 5px;
147
- width: 20px;
148
- background-color: var(--color-fg-default);
149
- margin-bottom: 4px;
150
- }
187
+ .AppHeader {
188
+ display: none !important;
189
+ }
151
190
 
152
- body::before {
153
- content: "";
154
- position: absolute;
155
- top: 0;
156
- right: 0;
157
- bottom: 0;
158
- left: 0;
159
- z-index: -1;
160
- background-color: var(--overlay-color); /* Use the --overlay-color variable here */
161
- }
162
-
163
- @media print {
164
- .BlogHeader {
165
- background-color: inherit;
166
- color: black !important;
167
- }
168
- .AppHeader {
169
- display: none !important;
170
- }
171
- .Header {
172
- display: none !important;
173
- }
174
- .Toggle {
175
- display: none !important;
176
- }
177
- .Related {
178
- display: none !important;
179
- }
180
- .paginate-container {
181
- display: none !important;
182
- }
183
- .markdown-body {
184
- font-size: 12px;
185
- }
191
+ .Header {
192
+ display: none !important;
193
+ }
194
+
195
+ .Toggle {
196
+ display: none !important;
197
+ }
198
+
199
+ .Related {
200
+ display: none !important;
186
201
  }
202
+
203
+ .paginate-container {
204
+ display: none !important;
205
+ }
206
+
207
+ .markdown-body {
208
+ font-size: 12px;
209
+ }
210
+ }
data/_sass/jekyll-theme-profile.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  @use "sass:meta";
2
- @import url("https://unpkg.com/@primer/css@21.2.2/dist/primer.css");
2
+ @import url("https://unpkg.com/@primer/css@21.5.1/dist/primer.css");
3
3
  @import url("https://cdn.jsdelivr.net/npm/octicons-css/octicons.min.css");
4
4
  @include meta.load-css("highlight-syntax");
5
5
  @include meta.load-css("language-colors");
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme-profile
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.11.0
4
+ version: 1.12.0
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-02-17 00:00:00.000000000 Z
11
+ date: 2025-02-21 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: csv
@@ -191,8 +191,6 @@ files:
191
191
  - _sass/jekyll-theme-profile.scss
192
192
  - assets/css/style.scss
193
193
  - assets/css/theme.scss
194
- - assets/img/blog-post-icon.png
195
- - assets/img/category-icon.png
196
194
  - assets/img/default.png
197
195
  - assets/img/favicon.ico
198
196
  - assets/img/social-preview.png
data/assets/img/blog-post-icon.png DELETED
Binary file
data/assets/img/category-icon.png DELETED
Binary file