jekyll-theme-profile 1.5.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: 5110484c59a9915cb5e996c9e7065d2c0562716256bfb78bb5c9b75d618e0a91
4
- data.tar.gz: 934b25278a83bb26e180f0f9ff4ec41682fe78dd41d9c9def884e8b98b780c02
3
+ metadata.gz: 43dd74e7865a470579d7e48176da592e93dc7530687315efb8bbfaaa21382839
4
+ data.tar.gz: 67eadd30345c456e6d487550fd9e8fa91a34f69c514ee95a0b9e70efd5fa2b8c
5
5
  SHA512:
6
- metadata.gz: afe7df3433fe2e5077b3dda157896699627d8b7a4c28502e73def844fa5ac7f0701eb45eaf92132d8fee2f5efe0eae366ad4155777ad3a52a63f752f8b5eb9a1
7
- data.tar.gz: 6df8cdfbe13ef682977607a9b526f8020c73ff024f6bfdcfccb69dbe8fe6e9d800072eab6c8e896d651d683494350f5ffb970e31bd0830e50f764db0bd524f75
6
+ metadata.gz: 96e6c87a765ff53c28cf95f8b078fda2eef53ab5dc2b31594132aeaf7e6dedaa77747fabaec5bc7b187f328d886e1599a09b1e13dd8e923a1981c9f481b03c89
7
+ data.tar.gz: 2ad0dbd3432ee294e0fd76b606c3b49ea435b4d7c0d2156b40aa4ef6431e1dac2ebe0aef8d0a47d20a99d7a74f06f99cf12f3db98e336acd1471df73cbccf043
data/_config.yml CHANGED
@@ -90,6 +90,9 @@ links:
90
90
  - name: Example Reposotiries page
91
91
  url: /test/repositories
92
92
  thumbnail: /media/repositories.png
93
+ - name: Example Landing page
94
+ url: /test/landing
95
+ thumbnail: /media/landing.png
93
96
 
94
97
  ###################
95
98
  # Repositories to show on home page
@@ -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
 
@@ -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>
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,6 +1,5 @@
1
1
  ---
2
2
  layout: page
3
- user_metadata: true
4
3
  ---
5
4
  <div class="Profile d-lg-flex gutter">
6
5
  <div class="col-lg-4 border-gray-light pt-6 text-center">
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,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme-profile
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.5.0
4
+ version: 1.6.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Allison Thackston
@@ -164,6 +164,7 @@ 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