jekyll-theme-profile 1.5.0 → 1.6.0

Sign up to get free protection for your applications and to get access to all the features.
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