jekyll-theme-profile 1.10.2 → 1.12.0

Sign up to get free protection for your applications and to get access to all the features.
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: 7a1d2f9e2a913ba7deee4135f8a164a850828e6614ff37a775e5f4938ad3330f
4
- data.tar.gz: ec9bb4bc55e8ffd6038d3baaba11a66ea8c86a21ae24a3e50374a9df229d8820
3
+ metadata.gz: b656b56487fc85c2f1b6512d96a90ebfcae84711093de0c99dd016c1471a62ea
4
+ data.tar.gz: 39dbaf73d8b924ab6ce1f034258a75508abba6242aec42386d590f883980029c
5
5
  SHA512:
6
- metadata.gz: 3054ab265121c2c8132d7dee6c483d5092c8bfd07a54397ccc76a961f558291200037699f3f8ae52ec36be38ebeda03e43a3157b2f099d78916ac0265dc66528
7
- data.tar.gz: 7fcb2884718ae5ce88847198d116b5175519c0989f6961df1b155810861b42f9a9b4fd4d2016daa37faa102dea137832b5ddb27e6d9f12ea5266fbb626a79dff
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.10.2
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