jekyll-theme-profile 1.4.0 → 1.6.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.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: d743c9cb83bb0c247244d2f75dfb4a85eae2b34f81998828e0718f3cadb7b06a
4
- data.tar.gz: 9709f33198d7d273fc6a554c04b6bf95410e11d8346cff636eb10bb3db866fd5
3
+ metadata.gz: 43dd74e7865a470579d7e48176da592e93dc7530687315efb8bbfaaa21382839
4
+ data.tar.gz: 67eadd30345c456e6d487550fd9e8fa91a34f69c514ee95a0b9e70efd5fa2b8c
5
5
  SHA512:
6
- metadata.gz: 724a70a53664b30e7746d1b61f11048c6d3c7d6e648d85d0a48daaf3f950af35bc0033641267f7a066a4b2bf3463b3de2752e881d4a2119de422dd7f052503a9
7
- data.tar.gz: 921b39cfc1b73b4a1f3f91181e8a228875d9ee01ef2d846f992a2d7008f3a63cea1e6f4f22a99f3f81bbb240f7066a269a3ab74253d43d3f2f89054cee4e55ea
6
+ metadata.gz: 96e6c87a765ff53c28cf95f8b078fda2eef53ab5dc2b31594132aeaf7e6dedaa77747fabaec5bc7b187f328d886e1599a09b1e13dd8e923a1981c9f481b03c89
7
+ data.tar.gz: 2ad0dbd3432ee294e0fd76b606c3b49ea435b4d7c0d2156b40aa4ef6431e1dac2ebe0aef8d0a47d20a99d7a74f06f99cf12f3db98e336acd1471df73cbccf043
data/_config.yml CHANGED
@@ -87,6 +87,12 @@ links:
87
87
  - name: Example Profile page
88
88
  url: /test/profile
89
89
  thumbnail: /media/user-image.jpg
90
+ - name: Example Reposotiries page
91
+ url: /test/repositories
92
+ thumbnail: /media/repositories.png
93
+ - name: Example Landing page
94
+ url: /test/landing
95
+ thumbnail: /media/landing.png
90
96
 
91
97
  ###################
92
98
  # Repositories to show on home page
@@ -8,7 +8,7 @@
8
8
  })
9
9
  });
10
10
  </script>
11
- <div class="Profile text-center">
11
+ <div class="Profile text-center mt-3">
12
12
  {%- include masthead.html %}
13
13
  {%- if site.repo_info %}
14
14
  <div class="py-2">
@@ -16,7 +16,7 @@ This builds a link card
16
16
  <div class="avatar-7">
17
17
  {%- if link.thumbnail %}
18
18
  <img src="{{ link.thumbnail | relative_url }}" width="48" height="48"
19
- class="rounded-2 box-shadow-none img-contain float-left pl-1" alt="{{ link.name }}">
19
+ class="rounded-2 box-shadow-none img-cover float-left" alt="{{ link.name }}">
20
20
  {%- endif %}
21
21
  </div>
22
22
  <div class="p-2">
data/_includes/links.html CHANGED
@@ -1,4 +1,4 @@
1
- <div class="container-md width-full">
1
+ <div class="width-full">
2
2
  <div class="d-flex flex-column mb-4">
3
3
  {%- for link in site.links %}
4
4
  <div class="mb-2">
@@ -1,7 +1,8 @@
1
1
  {%- assign user = site.github.owner %}
2
2
  {%- assign name = site.title | default: user.name | default: user.login %}
3
3
  {%- assign user_img = site.user_image | default: user.avatar_url %}
4
- {%- assign user_metadata = page.user_metadata | default: layout.user_metadata | default: site.user_metadata %}
4
+ {%- assign user_metadata = site.user_metadata -%}
5
+
5
6
  <div class="Masthead">
6
7
  <div class="CircleBadge img-masthead rounded-circle border">
7
8
  <a href="{{ site.baseurl }}/">
@@ -1,9 +1,9 @@
1
- {%- assign icon = post.type | default: "comment" %}
1
+ {%- assign image = post.image | default: site.image %}
2
2
  <div class="col-sm-6 col-lg-4 ">
3
3
  <div class="py-4 d-flex flex-column border-top">
4
4
  <div class="image-container">
5
5
  <a href="{{ post.url | relative_url }}">
6
- <img class="rounded-2" src="{{ post.image | relative_url }}" width="377" height="200" alt="{{ post.title }}">
6
+ <img class="rounded-2" src="{{ image | relative_url }}" width="377" height="200" alt="{{ post.title }}">
7
7
  </a>
8
8
  </div>
9
9
  <h3 class="h6-mktg mb-12px">
@@ -1,9 +1,9 @@
1
- {%- assign icon = post.type | default: "comment" %}
1
+ {%- assign image = post.image | default: site.image %}
2
2
  <div class="py-4 d-flex flex-column flex-md-row flex-md-row-reverse p-responsive">
3
3
  <div class="col-12 col-lg-8 p-responsive">
4
4
  <div class="image-container">
5
5
  <a href="{{ post.url | relative_url }}">
6
- <img class="rounded-2" src="{{ post.image | relative_url }}" width="800" height="425" alt="{{ post.title }}">
6
+ <img class="rounded-2" src="{{ image | relative_url }}" width="800" height="425" alt="{{ post.title }}">
7
7
  </a>
8
8
  </div>
9
9
  </div>
@@ -21,14 +21,13 @@
21
21
  </div>
22
22
  <div class="col-12 col-md-7">
23
23
  <div class="ml-5 mt-5">
24
- {%- if post.image %}
25
- <div class="image-container mb-5">
26
- <img class="rounded-2" src="{{ post.image}}" width="800" height="425" alt="{{ post.title }}" />
27
- </div>
28
- {%- endif %}
29
24
  {%- if post.video %}
30
25
  <iframe width="560" height="315" src="{{ post.video }}" frameborder="0" gesture="media"
31
26
  allow="encrypted-media; fullscreen; picture-in-picture" allowfullscreen></iframe>
27
+ {%- elsif post.image %}
28
+ <div class="image-container mb-5">
29
+ <img class="rounded-2" src="{{ post.image}}" width="800" height="425" alt="{{ post.title }}" />
30
+ </div>
32
31
  {%- endif %}
33
32
  <div class="summary"> {{ post.excerpt }}</div>
34
33
  <div class="more">
@@ -15,7 +15,7 @@
15
15
  {%- elsif style == 'stacked' %}
16
16
  {% include header-stacked.html %}
17
17
  {%- elsif style == 'sidebar' %}
18
- <div class="d-lg-flex">
18
+ <div class="d-lg-flex flex-1">
19
19
  {% include header-sidebar.html %}
20
20
  {%- endif %}
21
21
 
data/_layouts/home.html CHANGED
@@ -10,7 +10,9 @@ layout: page
10
10
  {%- endunless %}
11
11
 
12
12
  {%- if site.links %}
13
+ <div class="container-md">
13
14
  {%- include links.html %}
15
+ </div>
14
16
  {%- endif %}
15
17
 
16
18
  {%- unless posts_total == 0 %}
@@ -0,0 +1,39 @@
1
+ ---
2
+ layout: default
3
+ style: none
4
+ ---
5
+ {%- assign user = site.github.owner %}
6
+ {%- assign name = site.title | default: user.name | default: user.login %}
7
+ {%- assign user_img = site.user_image | default: user.avatar_url %}
8
+ <div class="d-flex p-0 position-sticky top-0">
9
+ <div class="flex-column flex-1 position-sticky top-0">
10
+ <div class="Toolbar topbar d-flex flex-row py-3 flex-justify-end">
11
+ <div class="Toolbar-expand d-flex flex-justify-center d-none">
12
+ <button id="sidebar-btn" class="btn-octicon mr-2">{% octicon chevron-right height:16 %}</button>
13
+ </div>
14
+ <div class="d-flex flex-justify-center">
15
+ {% include toggle.html %}
16
+ </div>
17
+ </div>
18
+ <div class="text-center">
19
+ <div class="px-5 py-2">
20
+ {%- include masthead.html %}
21
+ </div>
22
+ {%- if site.repo_info %}
23
+ <div class="py-2">
24
+ {% include mini-repo-info-card.html class="Header-link no-underline" %}
25
+ </div>
26
+ {%- endif %}
27
+ {%- if site.nav %}
28
+ <div class="d-flex flex-column">
29
+ {%- include nav.html %}
30
+ </div>
31
+ {%- endif %}
32
+ {%- if site.social_media %}
33
+ <div class="py-2 px-2">
34
+ {%- include social.html %}
35
+ </div>
36
+ {%- endif %}
37
+ </div>
38
+ </div>
39
+ </div>
@@ -9,7 +9,7 @@ layout: default
9
9
  {%- endunless %}
10
10
 
11
11
  {%- if site.links %}
12
- <div class="d-flex mt-4 p-responsive">
12
+ <div class="d-flex mt-4 p-responsive container-md">
13
13
  {%- include links.html %}
14
14
  </div>
15
15
  {%- endif %}
data/_layouts/page.html CHANGED
@@ -1,7 +1,8 @@
1
1
  ---
2
2
  layout: default
3
3
  ---
4
-
5
- <div class="container-xl p-3 p-responsive color-bg-default markdown-body">
6
- {{ content }}
4
+ <div class="Page">
5
+ <div class="container-xl p-3 px-md-5 color-bg-default markdown-body height-full">
6
+ {{ content }}
7
+ </div>
7
8
  </div>
data/_layouts/post.html CHANGED
@@ -3,6 +3,7 @@ layout: default
3
3
  ---
4
4
  {%- assign user = site.github.owner %}
5
5
  {%- assign name = page.author | default: user.name | default: user.login %}
6
+ {%- assign image = page.image | default: site.image %}
6
7
 
7
8
  <div class="BlogHeader position-relative border-top">
8
9
  <div class="container-xl p-responsive">
@@ -14,87 +15,90 @@ layout: default
14
15
  <div class="offset-lg-1 col-lg-10">
15
16
  <div class="position-relative z-1">
16
17
  <div class="image-container">
17
- <img src="{{ page.image | relative_url }}" class="cover-image rounded-2" alt="{{ page.title }}"/>
18
+ <img src="{{ image | relative_url }}" class="cover-image rounded-2"
19
+ alt="{{ page.title }}" />
18
20
  </div>
19
21
  </div>
20
22
  </div>
21
23
  </div>
22
24
  </div>
23
- <div class="color-bg-default position-absolute bottom-0 width-full border-top" style="height:88px">
25
+ <div class="BlogContent position-absolute bottom-0 width-full border-top" style="height:88px">
24
26
  </div>
25
27
  </div>
26
- <div class="container-xl mx-auto p-responsive">
27
- <div class="gutter-spacious mt-5">
28
- <div class="col-12 offset-lg-1 col-lg-10">
29
- <div class="text-mono f5-mktg color-fg-muted mb-12px">Author</div>
30
- <div class="d-flex flex-nowrap pb-1 flex-items-start">
31
- <div class="d-flex flex-wrap">{{ name }}</div>
32
- <div class="d-block border-left flex-shrink-0 text-mono f5-mktg color-fg-muted mb-3 ml-auto pl-5">
33
- {{ page.date | date: "%b %d, %Y" }}
28
+ <div class="BlogContent">
29
+ <div class="container-xl mx-auto p-responsive">
30
+ <div class="gutter-spacious pt-5">
31
+ <div class="col-12 offset-lg-1 col-lg-10">
32
+ <div class="text-mono f5-mktg color-fg-muted mb-12px">Author</div>
33
+ <div class="d-flex flex-nowrap pb-1 flex-items-start">
34
+ <div class="d-flex flex-wrap">{{ name }}</div>
35
+ <div class="d-block border-left flex-shrink-0 text-mono f5-mktg color-fg-muted mb-3 ml-auto pl-5">
36
+ {{ page.date | date: "%b %d, %Y" }}
37
+ </div>
34
38
  </div>
39
+ <div class="color-border-accent-emphasis border-bottom"></div>
35
40
  </div>
36
- <div class="color-border-accent-emphasis border-bottom"></div>
37
41
  </div>
38
- </div>
39
- <div class="mx-auto p-responsive mt-4 mt-md-7 mb-7 mb-md-9">
40
- <div class="d-flex flex-wrap gutter-spacious">
41
- <div class="col-12 offset-lg-1 col-lg-1">
42
- <ul class="list-style-none d-flex flex-lg-column position-sticky top-12">
43
- <li class="mr-4 mr-lg-0 mb-4">
44
- <a href="https://x.com/share?text={{ page.title | url_encode }}&url={{ page.url | absolute_url | url_encode }}"
45
- target="_blank"
46
- class="d-flex flex-justify-center flex-items-center border circle social-aside"
47
- data-proofer-ignore>
48
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 273.5 222.3" height="18">
49
- <path
50
- d="M273.5 26.3a109.77 109.77 0 0 1-32.2 8.8 56.07 56.07 0 0 0 24.7-31 113.39 113.39 0 0 1-35.7 13.6 56.1 56.1 0 0 0-97 38.4 54 54 0 0 0 1.5 12.8A159.68 159.68 0 0 1 19.1 10.3a56.12 56.12 0 0 0 17.4 74.9 56.06 56.06 0 0 1-25.4-7v.7a56.11 56.11 0 0 0 45 55 55.65 55.65 0 0 1-14.8 2 62.39 62.39 0 0 1-10.6-1 56.24 56.24 0 0 0 52.4 39 112.87 112.87 0 0 1-69.7 24 119 119 0 0 1-13.4-.8 158.83 158.83 0 0 0 86 25.2c103.2 0 159.6-85.5 159.6-159.6 0-2.4-.1-4.9-.2-7.3a114.25 114.25 0 0 0 28.1-29.1"
51
- fill="currentColor"></path>
52
- </svg>
53
- </a>
54
- </li>
55
- <li class="mr-4 mr-lg-0 mb-4">
56
- <a href="https://www.facebook.com/sharer/sharer.php?u={{ page.url | absolute_url | url_encode }};t={{ page.title | url_encode }}"
57
- target="_blank"
58
- class="d-flex flex-justify-center flex-items-center border circle social-aside"
59
- data-proofer-ignore>
60
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.3 15.4" height="18">
61
- <path
62
- d="M14.5 0H.8a.88.88 0 0 0-.8.9v13.6a.88.88 0 0 0 .8.9h7.3v-6h-2V7.1h2V5.4a2.87 2.87 0 0 1 2.5-3.1h.5a10.87 10.87 0 0 1 1.8.1v2.1h-1.3c-1 0-1.1.5-1.1 1.1v1.5h2.3l-.3 2.3h-2v5.9h3.9a.88.88 0 0 0 .9-.8V.8a.86.86 0 0 0-.8-.8z"
63
- fill="currentColor"></path>
64
- </svg>
65
- </a>
66
- </li>
67
- <li class="mr-4 mr-lg-0 mb-4">
68
- <a href="https://www.linkedin.com/shareArticle?url={{ page.url | absolute_url | url_encode }}%2F&title={{ page.title | url_encode }}"
69
- target="_blank"
70
- class="d-flex flex-justify-center flex-items-center border circle social-aside"
71
- data-proofer-ignore>
72
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 18" height="18">
73
- <path
74
- d="M3.94 2A2 2 0 1 1 2 0a2 2 0 0 1 1.94 2zM4 5.48H0V18h4zm6.32 0H6.34V18h3.94v-6.57c0-3.66 4.77-4 4.77 0V18H19v-7.93c0-6.17-7.06-5.94-8.72-2.91z"
75
- fill="currentColor"></path>
76
- </svg>
77
- </a>
78
- </li>
79
- </ul>
80
- </div>
81
- <div
82
- class="col-12 col-lg-7 col-md-8 markdown-body">
83
- {{ content }}
84
- </div>
85
- <div class="col-12 col-md-4 col-lg-3 markdown-body">
86
- <div class="d-none d-md-block position-sticky top-12">
87
- {% capture toc_content%}{{ content | toc_only }}{% endcapture %}
88
- {% if toc_content contains "li" %}
89
- <div class="mb-8 table-of-contents ">
90
- <h2 class="h6-mktg pt-1">
91
- Table of Contents
92
- </h2>
93
- <div id="table-of-contents">
94
- {{ toc_content }}
42
+ <div class="mx-auto p-responsive pt-4 pt-md-7 pb-7 pb-md-9">
43
+ <div class="d-flex flex-wrap gutter-spacious">
44
+ <div class="col-12 offset-lg-1 col-lg-1">
45
+ <ul class="list-style-none d-flex flex-lg-column position-sticky top-12">
46
+ <li class="mr-4 mr-lg-0 mb-4">
47
+ <a href="https://x.com/share?text={{ page.title | url_encode }}&url={{ page.url | absolute_url | url_encode }}"
48
+ target="_blank"
49
+ class="d-flex flex-justify-center flex-items-center border circle social-aside"
50
+ data-proofer-ignore>
51
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 273.5 222.3" height="18">
52
+ <path
53
+ d="M273.5 26.3a109.77 109.77 0 0 1-32.2 8.8 56.07 56.07 0 0 0 24.7-31 113.39 113.39 0 0 1-35.7 13.6 56.1 56.1 0 0 0-97 38.4 54 54 0 0 0 1.5 12.8A159.68 159.68 0 0 1 19.1 10.3a56.12 56.12 0 0 0 17.4 74.9 56.06 56.06 0 0 1-25.4-7v.7a56.11 56.11 0 0 0 45 55 55.65 55.65 0 0 1-14.8 2 62.39 62.39 0 0 1-10.6-1 56.24 56.24 0 0 0 52.4 39 112.87 112.87 0 0 1-69.7 24 119 119 0 0 1-13.4-.8 158.83 158.83 0 0 0 86 25.2c103.2 0 159.6-85.5 159.6-159.6 0-2.4-.1-4.9-.2-7.3a114.25 114.25 0 0 0 28.1-29.1"
54
+ fill="currentColor"></path>
55
+ </svg>
56
+ </a>
57
+ </li>
58
+ <li class="mr-4 mr-lg-0 mb-4">
59
+ <a href="https://www.facebook.com/sharer/sharer.php?u={{ page.url | absolute_url | url_encode }};t={{ page.title | url_encode }}"
60
+ target="_blank"
61
+ class="d-flex flex-justify-center flex-items-center border circle social-aside"
62
+ data-proofer-ignore>
63
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.3 15.4" height="18">
64
+ <path
65
+ d="M14.5 0H.8a.88.88 0 0 0-.8.9v13.6a.88.88 0 0 0 .8.9h7.3v-6h-2V7.1h2V5.4a2.87 2.87 0 0 1 2.5-3.1h.5a10.87 10.87 0 0 1 1.8.1v2.1h-1.3c-1 0-1.1.5-1.1 1.1v1.5h2.3l-.3 2.3h-2v5.9h3.9a.88.88 0 0 0 .9-.8V.8a.86.86 0 0 0-.8-.8z"
66
+ fill="currentColor"></path>
67
+ </svg>
68
+ </a>
69
+ </li>
70
+ <li class="mr-4 mr-lg-0 mb-4">
71
+ <a href="https://www.linkedin.com/shareArticle?url={{ page.url | absolute_url | url_encode }}%2F&title={{ page.title | url_encode }}"
72
+ target="_blank"
73
+ class="d-flex flex-justify-center flex-items-center border circle social-aside"
74
+ data-proofer-ignore>
75
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 18" height="18">
76
+ <path
77
+ d="M3.94 2A2 2 0 1 1 2 0a2 2 0 0 1 1.94 2zM4 5.48H0V18h4zm6.32 0H6.34V18h3.94v-6.57c0-3.66 4.77-4 4.77 0V18H19v-7.93c0-6.17-7.06-5.94-8.72-2.91z"
78
+ fill="currentColor"></path>
79
+ </svg>
80
+ </a>
81
+ </li>
82
+ </ul>
83
+ </div>
84
+ <div class="col-12 col-lg-7 col-md-8 markdown-body">
85
+ {{ content }}
86
+ </div>
87
+ <div class="col-12 col-md-4 col-lg-3 markdown-body">
88
+ <div class="d-none d-md-block position-sticky top-12">
89
+ {%- capture toc_content%}{{ content | toc_only }}{% endcapture %}
90
+ <!-- {{ toc_content }}-->
91
+ {%- if toc_content contains '/li>' %}
92
+ <div class="mb-8 table-of-contents ">
93
+ <h2 class="h6-mktg pt-1">
94
+ Table of Contents
95
+ </h2>
96
+ <div id="table-of-contents">
97
+ {{ toc_content }}
98
+ </div>
95
99
  </div>
100
+ {%- endif %}
96
101
  </div>
97
- {%- endif %}
98
102
  </div>
99
103
  </div>
100
104
  </div>
@@ -1,8 +1,7 @@
1
1
  ---
2
2
  layout: page
3
- user_metadata: true
4
3
  ---
5
- <div class="Profile d-lg-flex">
4
+ <div class="Profile d-lg-flex gutter">
6
5
  <div class="col-lg-4 border-gray-light pt-6 text-center">
7
6
  {%- include masthead.html %}
8
7
  {%- include social.html %}
@@ -0,0 +1,12 @@
1
+ ---
2
+ layout: page
3
+ title: Repositories
4
+ ---
5
+ <div class="pt-3">
6
+ <h2>{{ page.title }}</h2>
7
+ {%- unless content == "" %}
8
+ {{ content }}
9
+ {%- endunless %}
10
+
11
+ {% include repositories.html %}
12
+ </div>
data/_sass/_main.scss CHANGED
@@ -153,8 +153,12 @@
153
153
  }
154
154
 
155
155
  .BlogHeader {
156
- color: var(--color-header-text);
157
- background-color: var(--color-header-bg);
156
+ color: var(--color-header-text) !important;
157
+ background-color: var(--color-header-bg) !important;
158
+ }
159
+
160
+ .BlogContent {
161
+ background-color: var(--color-canvas-default) !important;
158
162
  }
159
163
 
160
164
 
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.4.0
4
+ version: 1.6.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: 2023-11-16 00:00:00.000000000 Z
11
+ date: 2023-11-21 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -164,11 +164,13 @@ files:
164
164
  - _includes/user-metadata.html
165
165
  - _layouts/default.html
166
166
  - _layouts/home.html
167
+ - _layouts/landing.html
167
168
  - _layouts/linktree.html
168
169
  - _layouts/page.html
169
170
  - _layouts/paginate.html
170
171
  - _layouts/post.html
171
172
  - _layouts/profile.html
173
+ - _layouts/repositories.html
172
174
  - _sass/_highlight-syntax.scss
173
175
  - _sass/_language-colors.scss
174
176
  - _sass/_main.scss