jekyll-theme-profile 0.3.0 → 1.0.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +121 -55
- data/_config.yml +82 -55
- data/_includes/breadcrumbs.html +59 -0
- data/_includes/header.html +7 -7
- data/_includes/link-card.html +6 -6
- data/_includes/masthead.html +28 -32
- data/_includes/mini-repo-info-card.html +21 -0
- data/_includes/nav.html +6 -67
- data/_includes/social.html +228 -21
- data/_includes/toggle.html +4 -0
- data/_layouts/default.html +91 -30
- metadata +5 -43
- data/assets/brands/behance.svg +0 -1
- data/assets/brands/docker.svg +0 -1
- data/assets/brands/dribbble.svg +0 -1
- data/assets/brands/facebook.svg +0 -1
- data/assets/brands/hackerrank.svg +0 -1
- data/assets/brands/instagram.svg +0 -1
- data/assets/brands/keybase.svg +0 -1
- data/assets/brands/linkedin.svg +0 -1
- data/assets/brands/mastodon.svg +0 -1
- data/assets/brands/medium.svg +0 -1
- data/assets/brands/stackoverflow.svg +0 -1
- data/assets/brands/telegram.svg +0 -1
- data/assets/brands/threads.svg +0 -1
- data/assets/brands/twitter.svg +0 -1
- data/assets/brands/unsplash.svg +0 -1
- data/assets/brands/vk.svg +0 -1
- data/assets/brands/vscode.svg +0 -1
- data/assets/brands/x.svg +0 -3
- data/assets/brands/youtube.svg +0 -1
- data/assets/img/blog.png +0 -0
- data/assets/img/icon-bg.png +0 -0
- data/assets/img/icon-sidebar.png +0 -0
- data/assets/img/icon-stacked.png +0 -0
- data/assets/img/icon-topbar.png +0 -0
- data/assets/img/links.png +0 -0
- data/assets/img/octocat.png +0 -0
- data/assets/img/repositories.png +0 -0
- data/assets/img/sidebar-laptop.png +0 -0
- data/assets/img/sidebar-phone.png +0 -0
- data/assets/img/sidebar-preview.png +0 -0
- data/assets/img/sidebar-tablet.png +0 -0
- data/assets/img/social-media.png +0 -0
- data/assets/img/stacked-laptop.png +0 -0
- data/assets/img/stacked-phone.png +0 -0
- data/assets/img/stacked-preview.png +0 -0
- data/assets/img/stacked-tablet.png +0 -0
- data/assets/img/tobpar-phone.png +0 -0
- data/assets/img/topbar-laptop.png +0 -0
- data/assets/img/topbar-preview.png +0 -0
- data/assets/img/topbar-tablet.png +0 -0
- data/assets/img/user-image.jpg +0 -0
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: b42b9157514de4e533c7776814ec75f36b2c8a472f6f40936f225961b1a86a3a
|
4
|
+
data.tar.gz: fe78c3f01dc66327dc78d44a77921ae2ab391e92a00f73ecc8d8f6fc53c3ec32
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: eb8c1610a321564f3706fa2769757a290b3e89b37feb288a65f7c943e157637ae07dba6023ee210ab338e5ade3b5858bce6a2cdb6e46f6c92cc559d162d8f8b3
|
7
|
+
data.tar.gz: ddec5868d5b907aaa10991d20a8fc7c8cf7cd6d49df8393fe0cd85c841c0a827310485a250dc6e0bd2fd9c6e19a90effed486d1b332bc7d3c877e6546706705d
|
data/README.md
CHANGED
@@ -1,4 +1,5 @@
|
|
1
1
|
---
|
2
|
+
layout: default
|
2
3
|
permalink: /
|
3
4
|
---
|
4
5
|
![jekyll-theme-profile](screenshot.png)
|
@@ -38,31 +39,76 @@ Or install it yourself as:
|
|
38
39
|
Here's a sample config file you can copy and customize:
|
39
40
|
|
40
41
|
```yaml
|
41
|
-
repository: athackst/jekyll-theme-profile
|
42
|
-
|
43
|
-
baseurl: "" # or your package name /jekyll-theme-profile (leave blank if it is the username.github.io package)
|
42
|
+
repository: athackst/jekyll-theme-profile
|
43
|
+
# The style of the website
|
44
44
|
style: topbar # One of "stacked", "sidebar", "topbar"
|
45
|
-
#
|
46
|
-
|
45
|
+
# The user/project avatar. If not set the avatar of the project owner will be used.
|
46
|
+
user_image: /media/user-image.jpg
|
47
|
+
# Optional custom background image and overlay
|
48
|
+
# background:
|
49
|
+
# image: /media/background-img.jpg
|
47
50
|
# light:
|
48
|
-
# overlay: rgba(255, 255, 255, 0.5)
|
51
|
+
# overlay: rgba(255, 255, 255, 0.5)
|
49
52
|
# dark:
|
50
|
-
# overlay: rgba(0, 0, 0, 0.5)
|
51
|
-
|
52
|
-
links:
|
53
|
-
# - name: Example full entry
|
54
|
-
# web_url: https://www.example.com
|
55
|
-
# image_url: /assets/img/icon-topbar.png
|
56
|
-
# description: Example description
|
57
|
-
# - name: Example entry with url and image
|
58
|
-
# web_url: https://www.example.com
|
59
|
-
# image_url: /assets/img/icon-sidebar.png
|
60
|
-
# - name: Example entry with image
|
61
|
-
# image_url: /assets/img/icon-stacked.png
|
62
|
-
# - name: Example entry with description
|
63
|
-
# description: Example Description
|
64
|
-
# - name: Example entry with only a name
|
53
|
+
# overlay: rgba(0, 0, 0, 0.5)
|
65
54
|
|
55
|
+
# repo_info: true # Show the information for the source of this project
|
56
|
+
# metadata: false # Show the metadata associated with the user
|
57
|
+
|
58
|
+
####################
|
59
|
+
# Social media
|
60
|
+
# social_image: /screenshot.png # The social media thumbnail image to use in post links.
|
61
|
+
# icon_color: "#959da5" # The color of the social media icons on the site
|
62
|
+
# social_media: # Your social media accounts
|
63
|
+
# behance: your_username
|
64
|
+
# dribbble: your_username
|
65
|
+
# docker: your_username
|
66
|
+
# facebook: your_username
|
67
|
+
# hackerrank: your_username
|
68
|
+
# instagram: your_username
|
69
|
+
# keybase: your_username
|
70
|
+
# linkedin: your_username
|
71
|
+
# mastodon: your_username
|
72
|
+
# medium: your_username
|
73
|
+
# stackoverflow: your_user_id
|
74
|
+
# telegram: your_username
|
75
|
+
# threads: your_username
|
76
|
+
# tiktok: your_username
|
77
|
+
# twitter: your_username
|
78
|
+
# unsplash: your_username
|
79
|
+
# vk: your_username
|
80
|
+
# vscode: your_username
|
81
|
+
# youtube: your_username
|
82
|
+
# x: your_username
|
83
|
+
|
84
|
+
####################
|
85
|
+
# Navigation links
|
86
|
+
# nav:
|
87
|
+
# - name: Topbar
|
88
|
+
# url: /test/home/topbar.html
|
89
|
+
# - name: Sidebar
|
90
|
+
# url: /test/home/sidebar.html
|
91
|
+
# - name: Stacked
|
92
|
+
# url: /test/home/stacked.html
|
93
|
+
|
94
|
+
####################
|
95
|
+
# List of links for home page
|
96
|
+
# links:
|
97
|
+
# - name: Example page with topbar
|
98
|
+
# url: /test/page/topbar
|
99
|
+
# thumbnail: /media/icon-topbar.png
|
100
|
+
# - name: Example page with sidebar
|
101
|
+
# url: /test/page/sidebar
|
102
|
+
# thumbnail: /media/icon-sidebar.png
|
103
|
+
# - name: Example page with header stacked
|
104
|
+
# url: /test/page/stacked
|
105
|
+
# thumbnail: /media/icon-stacked.png
|
106
|
+
# - name: Example page with a custom background
|
107
|
+
# url: /test/page/background
|
108
|
+
# thumbnail: /media/icon-bg.png
|
109
|
+
|
110
|
+
###################
|
111
|
+
# Repositories to show on home page
|
66
112
|
repositories:
|
67
113
|
sort_by: stars
|
68
114
|
# sort_by options:
|
@@ -73,29 +119,14 @@ repositories:
|
|
73
119
|
archived: true
|
74
120
|
forks: true
|
75
121
|
repositories:
|
76
|
-
# - respositories to exclude
|
122
|
+
# - list of respositories to exclude
|
77
123
|
|
78
|
-
|
79
|
-
#
|
80
|
-
|
81
|
-
# docker: your_username
|
82
|
-
# facebook: your_username
|
83
|
-
# hackerrank: your_username
|
84
|
-
# instagram: your_username
|
85
|
-
# keybase: your_username
|
86
|
-
# linkedin: your_username
|
87
|
-
# mastodon: your_username
|
88
|
-
# medium: your_username
|
89
|
-
# stackoverflow: your_user_id
|
90
|
-
# telegram: your_username
|
91
|
-
# threads: your_username
|
92
|
-
# twitter: your_username
|
93
|
-
# unsplash: your_username
|
94
|
-
# vk: your_username
|
95
|
-
# vscode: your_username
|
96
|
-
# youtube: your_username
|
97
|
-
# x: your_username
|
124
|
+
####################
|
125
|
+
# Blog
|
126
|
+
posts_limit: 3 # The number of posts to show in home
|
98
127
|
|
128
|
+
paginate: 6 # The number of posts to show per page of pagination of blog posts
|
129
|
+
paginate_path: "/assets/blog/page:num"
|
99
130
|
```
|
100
131
|
|
101
132
|
You can also use this with github acions. Below is a typical worfklow file
|
@@ -205,15 +236,15 @@ style: sidebar # One of "stacked", "sidebar", "topbar"
|
|
205
236
|
|
206
237
|
#### [Sidebar](/test/home/sidebar.md)
|
207
238
|
|
208
|
-
![Sidebar image](/
|
239
|
+
![Sidebar image](/media/sidebar-preview.png)
|
209
240
|
|
210
241
|
#### [Stacked](/test/home/stacked.md)
|
211
242
|
|
212
|
-
![Stacked image](/
|
243
|
+
![Stacked image](/media/stacked-preview.png)
|
213
244
|
|
214
245
|
#### [Topbar](/test/home/topbar.md)
|
215
246
|
|
216
|
-
![Topbar image](/
|
247
|
+
![Topbar image](/media/topbar-preview.png)
|
217
248
|
|
218
249
|
#### Background
|
219
250
|
|
@@ -221,7 +252,7 @@ You can even change the background by adding the following to your `_config.yml`
|
|
221
252
|
|
222
253
|
```yaml
|
223
254
|
# background:
|
224
|
-
# image: /
|
255
|
+
# image: /media/background-img.jpg
|
225
256
|
# light:
|
226
257
|
# overlay: rgba(255, 255, 255, 0.5)
|
227
258
|
# dark:
|
@@ -230,23 +261,39 @@ You can even change the background by adding the following to your `_config.yml`
|
|
230
261
|
|
231
262
|
[Example page](/test/page/background.md)
|
232
263
|
|
264
|
+
### Nav
|
265
|
+
|
266
|
+
In the `nav` section, you can add navigation links that will show up on every page of your website.
|
267
|
+
|
268
|
+
![Nav](/media/nav.png){: .border}
|
269
|
+
|
270
|
+
```yaml
|
271
|
+
nav:
|
272
|
+
- name: Topbar
|
273
|
+
url: /test/home/topbar.html
|
274
|
+
- name: Sidebar
|
275
|
+
url: /test/home/sidebar.html
|
276
|
+
- name: Stacked
|
277
|
+
url: /test/home/stacked.html
|
278
|
+
```
|
279
|
+
|
233
280
|
### Links
|
234
281
|
|
235
282
|
In the `links` section, you can add links to showcase various pages on the web or your website.
|
236
283
|
|
237
|
-
![Links](/
|
284
|
+
![Links](/media/links.png){: .border}
|
238
285
|
|
239
286
|
```yaml
|
240
287
|
links:
|
241
288
|
- name: Example full entry
|
242
|
-
|
243
|
-
|
289
|
+
url: https://www.example.com
|
290
|
+
thumbnail: /media/icon-topbar.png
|
244
291
|
description: Example description
|
245
292
|
- name: Example entry with url and image
|
246
|
-
|
247
|
-
|
293
|
+
url: https://www.example.com
|
294
|
+
thumbnail: /media/icon-sidebar.png
|
248
295
|
- name: Example entry with image
|
249
|
-
|
296
|
+
thumbnail: /media/icon-stacked.png
|
250
297
|
- name: Example entry with description
|
251
298
|
description: Example Description
|
252
299
|
- name: Example entry with only a name
|
@@ -256,7 +303,7 @@ links:
|
|
256
303
|
|
257
304
|
The `repositories` section allows you to display your GitHub repositories on your page. You can sort them by stars or latest pushes, set a limit to the number of repositories displayed, and exclude archived, forked, or specific repositories from the list
|
258
305
|
|
259
|
-
![Repositories](/
|
306
|
+
![Repositories](/media/repositories.png){: .border}
|
260
307
|
|
261
308
|
```yaml
|
262
309
|
repositories:
|
@@ -274,9 +321,21 @@ repositories:
|
|
274
321
|
|
275
322
|
### Social media
|
276
323
|
|
324
|
+
#### Setting the social media card
|
325
|
+
|
326
|
+
You can set the social media image for your site with the setting
|
327
|
+
|
328
|
+
```yaml
|
329
|
+
social_image: /screenshot.jpg
|
330
|
+
```
|
331
|
+
|
332
|
+
This works on both yaml frontmatter for a page and in the `_config.yml` file. Page settings will override site settings.
|
333
|
+
|
334
|
+
#### Adding your socials
|
335
|
+
|
277
336
|
Utilize the `social_media` section to add links to your various social media profiles. For each platform simply provide your username or user ID to have the corresponding icon and link appear on your profile.
|
278
337
|
|
279
|
-
![Social Media](/
|
338
|
+
![Social Media](/media/social-media.png){: .border}
|
280
339
|
|
281
340
|
```yaml
|
282
341
|
social_media:
|
@@ -293,6 +352,7 @@ social_media:
|
|
293
352
|
stackoverflow: your_user_id
|
294
353
|
telegram: your_username
|
295
354
|
threads: your_username
|
355
|
+
tiktok: your_username
|
296
356
|
twitter: your_username
|
297
357
|
unsplash: your_username
|
298
358
|
vk: your_username
|
@@ -301,11 +361,17 @@ social_media:
|
|
301
361
|
x: your_username
|
302
362
|
```
|
303
363
|
|
364
|
+
You can also set the icon color. If you don't set an icon color, the original icon colors will be used.
|
365
|
+
|
366
|
+
```yaml
|
367
|
+
icon_color: "#959da5"
|
368
|
+
```
|
369
|
+
|
304
370
|
### Blog
|
305
371
|
|
306
372
|
Make entries for the blog the same way you normally would by placing entries in the `_posts` folder. You can adjust the number of entries that show up in the main page by adjusting `posts_limit` in the `_config.yml` file. If you have more posts than the limit, a `Read more` button will link to the paginated blog post page /blog/index.html.
|
307
373
|
|
308
|
-
![Blog](/
|
374
|
+
![Blog](/media/blog.png){: .border}
|
309
375
|
|
310
376
|
```yaml
|
311
377
|
posts_limit: 3
|
data/_config.yml
CHANGED
@@ -1,14 +1,93 @@
|
|
1
1
|
repository: athackst/jekyll-theme-profile
|
2
|
+
# The style of the website
|
2
3
|
style: topbar # One of "stacked", "sidebar", "topbar"
|
3
|
-
|
4
|
-
|
4
|
+
# The user/project avatar. If not set the avatar of the project owner will be used.
|
5
|
+
user_image: /media/user-image.jpg
|
6
|
+
# Optional custom background image and overlay
|
5
7
|
# background:
|
6
|
-
# image: /
|
8
|
+
# image: /media/background-img.jpg
|
7
9
|
# light:
|
8
10
|
# overlay: rgba(255, 255, 255, 0.5)
|
9
11
|
# dark:
|
10
12
|
# overlay: rgba(0, 0, 0, 0.5)
|
11
13
|
|
14
|
+
repo_info: true # Show the information for the source of this project
|
15
|
+
metadata: false # Show the metadata associated with the user
|
16
|
+
|
17
|
+
####################
|
18
|
+
# Social media
|
19
|
+
social_image: /screenshot.png # The social media thumbnail image to use in post links.
|
20
|
+
# icon_color: "#959da5" # The color of the social media icons on the site
|
21
|
+
social_media: # Your social media accounts
|
22
|
+
# behance: your_username
|
23
|
+
# dribbble: your_username
|
24
|
+
# docker: your_username
|
25
|
+
# facebook: your_username
|
26
|
+
# hackerrank: your_username
|
27
|
+
# instagram: your_username
|
28
|
+
# keybase: your_username
|
29
|
+
# linkedin: your_username
|
30
|
+
# mastodon: your_username
|
31
|
+
# medium: your_username
|
32
|
+
# stackoverflow: your_user_id
|
33
|
+
# telegram: your_username
|
34
|
+
# threads: your_username
|
35
|
+
# tiktok: your_username
|
36
|
+
# twitter: your_username
|
37
|
+
# unsplash: your_username
|
38
|
+
# vk: your_username
|
39
|
+
# vscode: your_username
|
40
|
+
# youtube: your_username
|
41
|
+
# x: your_username
|
42
|
+
|
43
|
+
####################
|
44
|
+
# Navigation links
|
45
|
+
nav:
|
46
|
+
- name: Topbar
|
47
|
+
url: /test/home/topbar.html
|
48
|
+
- name: Sidebar
|
49
|
+
url: /test/home/sidebar.html
|
50
|
+
- name: Stacked
|
51
|
+
url: /test/home/stacked.html
|
52
|
+
|
53
|
+
####################
|
54
|
+
# List of links for home page
|
55
|
+
links:
|
56
|
+
- name: Example page with topbar
|
57
|
+
url: /test/page/topbar
|
58
|
+
thumbnail: /media/icon-topbar.png
|
59
|
+
- name: Example page with sidebar
|
60
|
+
url: /test/page/sidebar
|
61
|
+
thumbnail: /media/icon-sidebar.png
|
62
|
+
- name: Example page with header stacked
|
63
|
+
url: /test/page/stacked
|
64
|
+
thumbnail: /media/icon-stacked.png
|
65
|
+
- name: Example page with a custom background
|
66
|
+
url: /test/page/background
|
67
|
+
thumbnail: /media/icon-bg.png
|
68
|
+
|
69
|
+
###################
|
70
|
+
# Repositories to show on home page
|
71
|
+
repositories:
|
72
|
+
sort_by: stars
|
73
|
+
# sort_by options:
|
74
|
+
# - pushed
|
75
|
+
# - stars
|
76
|
+
limit: 24
|
77
|
+
exclude:
|
78
|
+
archived: true
|
79
|
+
forks: true
|
80
|
+
repositories:
|
81
|
+
# - list of respositories to exclude
|
82
|
+
|
83
|
+
####################
|
84
|
+
# Blog
|
85
|
+
posts_limit: 3 # The number of posts to show in home
|
86
|
+
|
87
|
+
paginate: 6 # The number of posts to show per page of pagination of blog posts
|
88
|
+
paginate_path: "/assets/blog/page:num"
|
89
|
+
|
90
|
+
# ============= general settings for the theme ===============
|
12
91
|
plugins:
|
13
92
|
- jekyll-github-metadata
|
14
93
|
- jekyll-octicons
|
@@ -39,56 +118,4 @@ exclude:
|
|
39
118
|
- .github
|
40
119
|
- "*.gem"
|
41
120
|
|
42
|
-
paginate: 6
|
43
|
-
paginate_path: "/assets/blog/page:num"
|
44
|
-
|
45
121
|
markdown: kramdown
|
46
|
-
|
47
|
-
posts_limit: 3
|
48
|
-
|
49
|
-
links:
|
50
|
-
- name: Example page with topbar
|
51
|
-
web_url: /test/page/topbar
|
52
|
-
image_url: /assets/img/icon-topbar.png
|
53
|
-
- name: Example page with sidebar
|
54
|
-
web_url: /test/page/sidebar
|
55
|
-
image_url: /assets/img/icon-sidebar.png
|
56
|
-
- name: Example page with header stacked
|
57
|
-
web_url: /test/page/stacked
|
58
|
-
image_url: /assets/img/icon-stacked.png
|
59
|
-
- name: Example page with a custom background
|
60
|
-
web_url: /test/page/background
|
61
|
-
image_url: /assets/img/icon-bg.png
|
62
|
-
|
63
|
-
repositories:
|
64
|
-
sort_by: stars
|
65
|
-
# sort_by options:
|
66
|
-
# - pushed
|
67
|
-
# - stars
|
68
|
-
limit: 24
|
69
|
-
exclude:
|
70
|
-
archived: true
|
71
|
-
forks: true
|
72
|
-
repositories:
|
73
|
-
# - respositories to exclude
|
74
|
-
|
75
|
-
social_media:
|
76
|
-
# behance: your_username
|
77
|
-
# dribbble: your_username
|
78
|
-
# docker: your_username
|
79
|
-
# facebook: your_username
|
80
|
-
# hackerrank: your_username
|
81
|
-
# instagram: your_username
|
82
|
-
# keybase: your_username
|
83
|
-
# linkedin: your_username
|
84
|
-
# mastodon: your_username
|
85
|
-
# medium: your_username
|
86
|
-
# stackoverflow: your_user_id
|
87
|
-
# telegram: your_username
|
88
|
-
# threads: your_username
|
89
|
-
# twitter: your_username
|
90
|
-
# unsplash: your_username
|
91
|
-
# vk: your_username
|
92
|
-
# vscode: your_username
|
93
|
-
# youtube: your_username
|
94
|
-
# x: your_username
|
@@ -0,0 +1,59 @@
|
|
1
|
+
<div class="d-flex flex-items-center">
|
2
|
+
<nav aria-label="Breadcrumb" class="f5">
|
3
|
+
<ol class="breadcrumb">
|
4
|
+
{%- assign crumbs = page.url | split: '/' %}
|
5
|
+
{%- assign url = "/" %}
|
6
|
+
{%- for crumb in crumbs %}
|
7
|
+
{%- if crumb == "" %}
|
8
|
+
<li class="breadcrumb-item">
|
9
|
+
<a href="{{ site.baseurl}}/">home</a>
|
10
|
+
</li>
|
11
|
+
{%- continue %}
|
12
|
+
{%- endif %}
|
13
|
+
{%- assign asset_url = url | append: "assets/" | append: crumb | append: "/" %}
|
14
|
+
{%- assign isa_asset = site.pages | where: "url", asset_url | first %}
|
15
|
+
{%- assign index_url = url | append: crumb | append: "/index.html" %}
|
16
|
+
{%- assign isa_index = site.pages | where: "url", index_url | first %}
|
17
|
+
{%- assign folder_url = url | append: crumb | append: "/" %}
|
18
|
+
{%- assign isa_folder = site.pages | where: "url", folder_url | first %}
|
19
|
+
{%- assign url = url | append: crumb %}
|
20
|
+
{%- assign isa_page = site.pages | where: "url", url | first %}
|
21
|
+
{%- assign isa_post = site.posts | where: "url", url | first %}
|
22
|
+
|
23
|
+
{%- assign nice_crumb = crumb | url_decode | replace: ".html", "" | replace: "-", " " | replace: "_", " " |
|
24
|
+
downcase %}
|
25
|
+
|
26
|
+
{%- comment %}
|
27
|
+
Checking the crumb: {{ crumb }}
|
28
|
+
[asset url: {{ asset_url }}]
|
29
|
+
[index url: {{ index_url }}]
|
30
|
+
[folder_url: {{ folder_url }}]
|
31
|
+
[url: {{ url }}]
|
32
|
+
{% for p in site.pages %}
|
33
|
+
{{ p.url }}
|
34
|
+
{% endfor %}
|
35
|
+
{%- endcomment %}
|
36
|
+
|
37
|
+
{%- if page.url == url or page.url == index_url or page.url == folder_url %}
|
38
|
+
<li class="breadcrumb-item breadcrumb-item-selected" aria-current="page">
|
39
|
+
<a href="{{ page.url | relative_url }}">{{ nice_crumb }}</a>
|
40
|
+
</li>
|
41
|
+
{%- break %}
|
42
|
+
{%- elsif isa_page or isa_post or isa_index or isa_folder %}
|
43
|
+
<li class="breadcrumb-item">
|
44
|
+
<a href="{{ url | relative_url }}">{{ nice_crumb }}</a>
|
45
|
+
</li>
|
46
|
+
{%- elsif isa_asset %}
|
47
|
+
<li class="breadcrumb-item">
|
48
|
+
<a href="{{ asset_url | relative_url }}">{{ nice_crumb }}</a>
|
49
|
+
</li>
|
50
|
+
{%- else %}
|
51
|
+
<li class="breadcrumb-item">
|
52
|
+
{{ nice_crumb }}
|
53
|
+
</li>
|
54
|
+
{%- endif %}
|
55
|
+
{%- unless crumb == crumbs.last %}{%- assign url = url | append: "/" %}{%- endunless %}
|
56
|
+
{%- endfor %}
|
57
|
+
</ol>
|
58
|
+
</nav>
|
59
|
+
</div>
|
data/_includes/header.html
CHANGED
@@ -25,12 +25,12 @@
|
|
25
25
|
{%- assign meta_description = user.bio | strip_html | strip_newlines | xml_escape | truncate: 300 %}
|
26
26
|
{%- endif %}
|
27
27
|
|
28
|
-
{%- if page.
|
29
|
-
{%- assign
|
30
|
-
{%- elsif site.
|
31
|
-
{%- assign
|
28
|
+
{%- if page.social_image %}
|
29
|
+
{%- assign social_image = page.social_image %}
|
30
|
+
{%- elsif site.social_image %}
|
31
|
+
{%- assign social_image = site.social_image %}
|
32
32
|
{%- else %}
|
33
|
-
{% assign
|
33
|
+
{% assign social_image = user.avatar_url %}
|
34
34
|
{%- endif %}
|
35
35
|
|
36
36
|
{%- if page.background_image %}
|
@@ -52,7 +52,7 @@
|
|
52
52
|
<meta property="og:type" content="website">
|
53
53
|
<meta property="og:title" content="{{ page_title | absolute_url }}">
|
54
54
|
<meta property="og:description" content="{{ meta_description }}">
|
55
|
-
<meta property="og:image" content="{{
|
55
|
+
<meta property="og:image" content="{{ social_image | absolute_url }}">
|
56
56
|
|
57
57
|
<!-- Twitter Meta Tags -->
|
58
58
|
<meta name="twitter:card" content="summary_large_image">
|
@@ -61,7 +61,7 @@
|
|
61
61
|
<meta property="twitter:url" content="{{ page_url | absolute_url }}">
|
62
62
|
<meta name="twitter:title" content="{{ page_title }}">
|
63
63
|
<meta name="twitter:description" content="{{ meta_description }}">
|
64
|
-
<meta name="twitter:image" content="{{
|
64
|
+
<meta name="twitter:image" content="{{ social_image | absolute_url }}">
|
65
65
|
{%- if site.social_media.twitter %}
|
66
66
|
<meta name="twitter:site" content="@{{ site.social_media.twitter }}">
|
67
67
|
{%- endif %}
|
data/_includes/link-card.html
CHANGED
@@ -1,10 +1,10 @@
|
|
1
|
-
{%- if link.
|
2
|
-
<a href="{{ link.
|
1
|
+
{%- if link.url %}
|
2
|
+
<a href="{{ link.url | relative_url }}"
|
3
3
|
class="github-component position-relative hover-grow no-underline d-flex flex-column text-center border border-gray-light rounded-1 p-1">
|
4
4
|
<div class="d-inline-flex flex-items-center">
|
5
5
|
<div class="avatar-7">
|
6
|
-
{%- if link.
|
7
|
-
<img src="{{ link.
|
6
|
+
{%- if link.thumbnail %}
|
7
|
+
<img src="{{ link.thumbnail | relative_url }}" width="48" height="48"
|
8
8
|
class="rounded-1 box-shadow-none img-contain float-left" alt="{{ link.name }}">
|
9
9
|
{%- endif %}
|
10
10
|
</div>
|
@@ -21,8 +21,8 @@
|
|
21
21
|
<div class="github-component position-relative height-full d-flex flex-column text-center p-1">
|
22
22
|
<div class="d-inline-flex flex-items-center">
|
23
23
|
<div class="avatar-7">
|
24
|
-
{%- if link.
|
25
|
-
<img src="{{ link.
|
24
|
+
{%- if link.thumbnail %}
|
25
|
+
<img src="{{ link.thumbnail | relative_url }}" width="48" height="48"
|
26
26
|
class="rounded-1 box-shadow-none img-contain float-left" alt="{{ link.name }}">
|
27
27
|
{%- endif %}
|
28
28
|
</div>
|
data/_includes/masthead.html
CHANGED
@@ -16,43 +16,39 @@
|
|
16
16
|
|
17
17
|
{%- assign metadata_styles = 'd-flex flex-items-center flex-justify-center mb-3' %}
|
18
18
|
<a href="{{ site.baseurl }}/">
|
19
|
-
<div class="img-masthead">
|
20
|
-
|
21
|
-
|
19
|
+
<div class="img-masthead">
|
20
|
+
<img src="{{ user_img | relative_url }}" alt="{{ name }}"
|
21
|
+
class="avatar avatar-user rounded-circle border color-border-default">
|
22
|
+
</div>
|
22
23
|
</a>
|
23
24
|
<h1 class="mb-2 lh-condensed overflow-wrap-word">{{ name }}</h1>
|
24
25
|
<p class="mb-3 f4">
|
25
26
|
{{ user.bio }}
|
26
27
|
</p>
|
27
28
|
|
28
|
-
<div class="f4 mb-6">
|
29
29
|
{%- if include.metadata %}
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
{%- endif %}
|
55
|
-
{%- if site.social_media %}
|
56
|
-
{%- include social.html %}
|
57
|
-
{%- endif %}
|
30
|
+
<div class="f4">
|
31
|
+
{%- if user.name %}
|
32
|
+
<div class="{{ metadata_styles }}">
|
33
|
+
{% octicon mark-github height:20 class:"mr-2 v-align-middle" aria-label:GitHub %}
|
34
|
+
<a href="https://github.com/{{ user.login }}">
|
35
|
+
@{{ user.login }}
|
36
|
+
</a>
|
37
|
+
</div>
|
38
|
+
{%- endif %}
|
39
|
+
{%- if user.email %}
|
40
|
+
<div class="{{ metadata_styles }}">
|
41
|
+
{% octicon mail height:20 class:"mr-2 v-align-middle" aria-label:email %}
|
42
|
+
<a href="mailto:{{ user.email }}">
|
43
|
+
{{ user.email }}
|
44
|
+
</a>
|
45
|
+
</div>
|
46
|
+
{%- endif %}
|
47
|
+
{%- if user.location %}
|
48
|
+
<div class="{{ metadata_styles }}">
|
49
|
+
{% octicon location height:20 class:"mr-2 v-align-middle" aria-label:Location %}
|
50
|
+
{{ user.location }}
|
51
|
+
</div>
|
52
|
+
{%- endif %}
|
58
53
|
</div>
|
54
|
+
{%- endif %}
|
@@ -0,0 +1,21 @@
|
|
1
|
+
{% assign repo = site.github.public_repositories | where: "full_name", site.repository | first %}
|
2
|
+
|
3
|
+
<a href="{{ site.github.repository_url }}" class="{{ include.class }}">
|
4
|
+
<div class="d-flex flex-row flex-justify-center Header-item">
|
5
|
+
|
6
|
+
<div class="mr-2">{% octicon git-branch height: 32 %}</div>
|
7
|
+
<div>
|
8
|
+
<div>
|
9
|
+
{{ site.repository }}
|
10
|
+
</div>
|
11
|
+
<div class="d-flex flex-row">
|
12
|
+
{%- if site.github.latest_release %}
|
13
|
+
<div class="mr-3"><span>{% octicon tag height: 12 %} {{ site.github.latest_release.tag_name }}</span></div>
|
14
|
+
{%- endif %}
|
15
|
+
<div class="mr-3"><span>{% octicon star height: 12 %} {{ repo.stargazers_count }}</span></div>
|
16
|
+
<div class="mr-0"><span>{% octicon repo-forked height: 12 %} {{ repo.forks_count }}</span></div>
|
17
|
+
</div>
|
18
|
+
</div>
|
19
|
+
|
20
|
+
</div>
|
21
|
+
</a>
|