jekyll-theme-profile 1.11.0 → 1.12.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (15) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/collection-menu.html +1 -1
  3. data/_includes/custom-colors.html +5 -5
  4. data/_includes/footer.html +1 -1
  5. data/_includes/head.html +2 -1
  6. data/_includes/header-sidebar.html +1 -1
  7. data/_includes/masthead.html +3 -2
  8. data/_includes/post-timeline-card.html +10 -2
  9. data/_includes/social.html +23 -22
  10. data/_layouts/linktree.html +1 -1
  11. data/_sass/_main.scss +106 -82
  12. data/_sass/jekyll-theme-profile.scss +1 -1
  13. metadata +2 -4
  14. data/assets/img/blog-post-icon.png +0 -0
  15. 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: fcdd38562b536658dd590dc0b7a4efd6590e539e784ae35b2bb16a63475ef4af
4
+ data.tar.gz: 8c575eac0a03660735212cccbfaef6ffe689fd364cb459ce6d9c7fed3a11f8e7
5
5
  SHA512:
6
- metadata.gz: 77b5c27a58f5471ca7d554f881d4384190ce6cb945255619522aecdbfa0e968e7b4346927978156d924255ad878048d6cd279c0dbfd4929115f8b148f20c7594
7
- data.tar.gz: 84a8c29c8f7b77eda22e6283c02ed9e68f57d75828b076af5fc3d9f3236b88fa232ec533ab36fd587f93a3265c7bf45cb4332c248f440b5d74e5227671197902
6
+ metadata.gz: 305b1f8f6e4ca5082ebfb65df331b01dab31f1f3907ff3f4295ccf577e80ed640e285a0ab09deffef8ffaa11eaaabfc371d3bf7cef82454cedc123c52fbd5799
7
+ data.tar.gz: 827d243467d933704b3d8d810b201059bf23a808ce3b7d9607c7f00a5a88f648b58a929fef5bc890c40c073dfb6ea0a58a403d1d3e9fc1448dd807c5894fdd34
data/_includes/collection-menu.html CHANGED
@@ -67,7 +67,7 @@
67
67
  {%- assign category_name = category.name | default: collection_name %}
68
68
  <div class="SideNav-item no-underline h4">{{ category_name | capitalize }}</div>
69
69
  {%- for nav_item in category.items %}
70
- <a href="{{ nav_item.url }}" class="SideNav-item" role="menuitem" {% if page.url contains nav_item.url
70
+ <a href="{{ nav_item.url | relative_url }}" class="SideNav-item" role="menuitem" {% if page.url contains nav_item.url
71
71
  %} aria-current="page" {% endif %}>{{ nav_item.title }}</a>
72
72
  {%- endfor %}
73
73
  {%- endfor %}
data/_includes/custom-colors.html CHANGED
@@ -42,25 +42,25 @@ body {
42
42
  {%- endif %}
43
43
  {%- if header_color %}
44
44
  .Header {
45
- --color-header-bg: {{ header_color }};
45
+ --header-bgColor: {{ header_color }};
46
46
  }
47
47
  /* Light mode styles */
48
48
  [data-color-mode='light'] {
49
- --color-header-bg: {{ header_color }};
49
+ --header-bgColor: {{ header_color }};
50
50
  }
51
51
 
52
52
  @media(prefers-color-scheme: light) {
53
53
  [data-color-mode='auto'][data-light-theme='light'] {
54
- --color-header-bg: {{ header_color }};
54
+ --header-bgColor: {{ header_color }};
55
55
  }
56
56
  }
57
57
  /* Dark mode styles */
58
58
  [data-color-mode='dark'] {
59
- --color-header-bg: {{ header_color }};
59
+ --header-bgColor: {{ header_color }};
60
60
  }
61
61
  @media(prefers-color-scheme: dark) {
62
62
  [data-color-mode='auto'][data-dark-theme='dark_dimmed'] {
63
- --color-header-bg: {{ header_color }};
63
+ --header-bgColor: {{ header_color }};
64
64
  }
65
65
  }
66
66
  {%- endif %}
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>
@@ -47,7 +55,7 @@
47
55
  </div>
48
56
  {%- elsif post.image %}
49
57
  <div class="image-container mb-5">
50
- <img class="rounded-2" src="{{ post.image}}" width="800" height="425" alt="{{ post.title }}" />
58
+ <img class="rounded-2" src="{{ post.image | relative_url }}" width="800" height="425" alt="{{ post.title }}" />
51
59
  </div>
52
60
  {%- endif %}
53
61
  {% if post.excerpt != blank %}<div class="summary mb-5"> {{ post.excerpt }}</div>{% endif %}
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 */
12
+ }
13
+
14
+ .avatar-user {
15
+ border-radius: 50% !important;
5
16
  }
6
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(--fgColor-default, 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(--borderColor-default, var(--color-border-default));
107
+ border-bottom: 1px solid var(--borderColor-muted, 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 {
@@ -91,16 +136,16 @@
91
136
  grid-auto-columns: max-content;
92
137
  width: var(--base-size-32, 32px);
93
138
  height: var(--base-size-32, 32px);
94
- color: var(--color-fg-muted);
139
+ color: var(--color-fg-muted, var(--fgColor-muted));
95
140
  background: transparent;
96
- border: var(--borderWidth-thin, 1px) solid var(--color-border-default);
141
+ border: var(--borderWidth-thin, 1px) solid var(--borderColor-default);
97
142
  border-radius: var(--borderRadius-medium, 6px);
98
143
  align-items: center;
99
144
  justify-content: center;
100
145
  }
101
146
 
102
147
  .AppHeader-link {
103
- color: var(--color-fg-default);
148
+ color: var(--fgColor-default, var(--color-fg-default));
104
149
  }
105
150
 
106
151
  .ActionListItem {
@@ -121,66 +166,45 @@
121
166
  }
122
167
 
123
168
  .BlogHeader {
124
- color: var(--color-header-text) !important;
125
- background-color: var(--color-header-bg) !important;
169
+ color: var(--header-fgColor-default, var(--color-header-text)) !important;
170
+ background-color: var(--header-bgColor, var(--color-header-bg)) !important;
126
171
  }
127
172
 
128
173
  .Blog {
129
- background-color: var(--color-canvas-default) !important;
174
+ background-color: var(--bgColor-default, var(--color-canvas-default)) !important;
130
175
  }
131
176
 
132
177
  .Header-link[aria-current]:not([aria-current=false]) {
133
- color: var(--color-primer-border-active);
178
+ color: var(--underlineNav-borderColor-active, 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.1
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