jekyll-theme-profile 1.2.0 → 1.3.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 +33 -6
- data/_config.yml +44 -26
- data/_includes/header.html +1 -30
- data/_layouts/default.html +11 -10
- data/_sass/_highlight-syntax.scss +31 -1
- data/assets/css/style.scss +0 -12
- data/assets/css/theme.scss +89 -0
- metadata +4 -3
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: ae130012a6bd4d104949786dbe52f2231aa28e6bfba3794deac24b2abb4e6115
|
|
4
|
+
data.tar.gz: f42e1d48dba3e870a9d837dd70afef524c7235761eb8aefe11492fc669986312
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 205a5156d3b0e054d2c351337c67e596c031a028025dd7688b4b9ad6fcb77cf6feddff1b11adbf642e827b58ffd2b4c462d8bdacf0add47e662c6e2d83c971ae
|
|
7
|
+
data.tar.gz: b5532c93be5b08b1dd22e8515226872d30cf0dca811b56ed37a1ec0ac28a257998c0a5bea9dbe092c2656ea15c8aca50c99eb21bc0b17d1f62873d8e47f0c414
|
data/README.md
CHANGED
|
@@ -255,16 +255,43 @@ style: sidebar # One of "stacked", "sidebar", "topbar"
|
|
|
255
255
|
You can even change the background by adding the following to your `_config.yml` file.
|
|
256
256
|
|
|
257
257
|
```yaml
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
#
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
258
|
+
background:
|
|
259
|
+
image: /media/background-img.jpg
|
|
260
|
+
overlay: rgba(0, 0, 0, 0.5) # Overlay for both light and dark styles
|
|
261
|
+
light:
|
|
262
|
+
overlay: rgba(255, 255, 255, 0.5)
|
|
263
|
+
dark:
|
|
264
|
+
overlay: rgba(0, 0, 0, 0.5)
|
|
265
|
+
```
|
|
266
|
+
|
|
267
|
+
or
|
|
268
|
+
|
|
269
|
+
```yaml
|
|
270
|
+
background:
|
|
271
|
+
image: /media/background-img.jpg
|
|
272
|
+
light: # custom overlay for light and dark styles
|
|
273
|
+
overlay: rgba(255, 255, 255, 0.5)
|
|
274
|
+
dark:
|
|
275
|
+
overlay: rgba(0, 0, 0, 0.5)
|
|
264
276
|
```
|
|
265
277
|
|
|
266
278
|
[Example page](/test/page/background.md)
|
|
267
279
|
|
|
280
|
+
#### Header
|
|
281
|
+
|
|
282
|
+
You can change the header color by adding the following to your `_config.yml` file
|
|
283
|
+
|
|
284
|
+
```yaml
|
|
285
|
+
header:
|
|
286
|
+
color: "#4051b5"
|
|
287
|
+
text: "rgba(255,255,255,0.7)"
|
|
288
|
+
accent: "#ffffff"
|
|
289
|
+
```
|
|
290
|
+
|
|
291
|
+
#### Custom styles
|
|
292
|
+
|
|
293
|
+
You can override any style with styles defined in `/assets/css/style.css` or `/assets/css/style.scss` files. This is to support config based styling which needs jekyll variables.
|
|
294
|
+
|
|
268
295
|
### Nav
|
|
269
296
|
|
|
270
297
|
In the `nav` section, you can add navigation links that will show up on every page of your website.
|
data/_config.yml
CHANGED
|
@@ -6,11 +6,17 @@ user_image: /media/user-image.jpg
|
|
|
6
6
|
# Optional custom background image and overlay
|
|
7
7
|
# background:
|
|
8
8
|
# image: /media/background-img.jpg
|
|
9
|
+
# overlay: rgba(0, 0, 0, 0.7)
|
|
9
10
|
# light:
|
|
10
11
|
# overlay: rgba(255, 255, 255, 0.5)
|
|
11
12
|
# dark:
|
|
12
13
|
# overlay: rgba(0, 0, 0, 0.5)
|
|
13
|
-
|
|
14
|
+
|
|
15
|
+
# Optional custom header colors
|
|
16
|
+
# header:
|
|
17
|
+
# color: "#4051b5"
|
|
18
|
+
# text: "rgba(255,255,255,0.7)"
|
|
19
|
+
# accent: "#ffffff"
|
|
14
20
|
|
|
15
21
|
repo_info: true # Show the information for the source of this project
|
|
16
22
|
metadata: false # Show the metadata associated with the user
|
|
@@ -19,29 +25,29 @@ metadata: false # Show the metadata associated with the user
|
|
|
19
25
|
# Social media
|
|
20
26
|
social_image: /screenshot.png # The social media thumbnail image to use in post links.
|
|
21
27
|
# icon_color: "#959da5" # The color of the social media icons on the site
|
|
22
|
-
social_media: # Your social media accounts
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
28
|
+
# social_media: # Your social media accounts
|
|
29
|
+
# behance: your_username
|
|
30
|
+
# dribbble: your_username
|
|
31
|
+
# docker: your_username
|
|
32
|
+
# facebook: your_username
|
|
33
|
+
# github: your_username
|
|
34
|
+
# hackerrank: your_username
|
|
35
|
+
# instagram: your_username
|
|
36
|
+
# keybase: your_username
|
|
37
|
+
# linkedin: your_username
|
|
38
|
+
# mail: email@address
|
|
39
|
+
# mastodon: your_username
|
|
40
|
+
# medium: your_username
|
|
41
|
+
# stackoverflow: your_user_id
|
|
42
|
+
# telegram: your_username
|
|
43
|
+
# threads: your_username
|
|
44
|
+
# tiktok: your_username
|
|
45
|
+
# twitter: your_username
|
|
46
|
+
# unsplash: your_username
|
|
47
|
+
# vk: your_username
|
|
48
|
+
# vscode: your_username
|
|
49
|
+
# youtube: your_username
|
|
50
|
+
# x: your_username
|
|
45
51
|
|
|
46
52
|
####################
|
|
47
53
|
# Navigation links
|
|
@@ -90,6 +96,20 @@ posts_limit: 3 # The number of posts to show in home
|
|
|
90
96
|
paginate: 6 # The number of posts to show per page of pagination of blog posts
|
|
91
97
|
paginate_path: "/assets/blog/page:num"
|
|
92
98
|
|
|
99
|
+
markdown: kramdown
|
|
100
|
+
highlighter: rouge
|
|
101
|
+
# kramdown:
|
|
102
|
+
# input: GFM
|
|
103
|
+
# syntax_highlighter: rouge
|
|
104
|
+
# syntax_highlighter_opts: # Rouge Options › https://github.com/jneen/rouge#full-options
|
|
105
|
+
# css_class: highlight
|
|
106
|
+
# # default_lang: console
|
|
107
|
+
# span:
|
|
108
|
+
# line_numbers: false
|
|
109
|
+
# block:
|
|
110
|
+
# line_numbers: true
|
|
111
|
+
# start_line: 1
|
|
112
|
+
|
|
93
113
|
# ============= general settings for the theme ===============
|
|
94
114
|
plugins:
|
|
95
115
|
- jekyll-github-metadata
|
|
@@ -120,5 +140,3 @@ exclude:
|
|
|
120
140
|
- .deprecated
|
|
121
141
|
- .github
|
|
122
142
|
- "*.gem"
|
|
123
|
-
|
|
124
|
-
markdown: kramdown
|
data/_includes/header.html
CHANGED
|
@@ -66,6 +66,7 @@
|
|
|
66
66
|
<meta name="twitter:site" content="@{{ site.social_media.twitter }}">
|
|
67
67
|
{%- endif %}
|
|
68
68
|
|
|
69
|
+
<link href="{{ '/assets/css/theme.css' | relative_url }}" rel="stylesheet" type="text/css">
|
|
69
70
|
<link href="{{ '/assets/css/style.css' | relative_url }}" rel="stylesheet" type="text/css">
|
|
70
71
|
<link rel="icon" type="image/x-icon" href="{{ '/assets/img/favicon.ico' | relative_url}}">
|
|
71
72
|
<link rel="canonical" href="{{ page.url | absoulte_url }}">
|
|
@@ -168,16 +169,6 @@
|
|
|
168
169
|
</script>
|
|
169
170
|
|
|
170
171
|
{%- if bg_image %}
|
|
171
|
-
{%- if site.backgrournd.overlay %}
|
|
172
|
-
{%- assign dark_overlay = site.background.overlay %}
|
|
173
|
-
{%- assign light_overlay = site.background.overlay %}
|
|
174
|
-
{%- endif %}
|
|
175
|
-
{%- if site.background.dark.overlay %}
|
|
176
|
-
{%- assign dark_overlay = site.background.dark.overlay %}
|
|
177
|
-
{%- endif %}
|
|
178
|
-
{%- if site.background.light.overlay %}
|
|
179
|
-
{%- assign light_overlay = site.background.light.overlay %}
|
|
180
|
-
{%- endif %}
|
|
181
172
|
<style>
|
|
182
173
|
body {
|
|
183
174
|
position: relative;
|
|
@@ -187,26 +178,6 @@
|
|
|
187
178
|
background-attachment: fixed;
|
|
188
179
|
z-index: -10;
|
|
189
180
|
}
|
|
190
|
-
/* Dark mode styles */
|
|
191
|
-
[data-color-mode='dark'] {
|
|
192
|
-
--overlay-color: {{ dark_overlay }};
|
|
193
|
-
}
|
|
194
|
-
@media(prefers-color-scheme: dark) {
|
|
195
|
-
[data-color-mode='auto'][data-dark-theme='dark_dimmed'] {
|
|
196
|
-
--overlay-color: {{ dark_overlay }};
|
|
197
|
-
}
|
|
198
|
-
}
|
|
199
|
-
|
|
200
|
-
/* Light mode styles */
|
|
201
|
-
[data-color-mode='light'] {
|
|
202
|
-
--overlay-color: {{ light_overlay }};
|
|
203
|
-
}
|
|
204
|
-
|
|
205
|
-
@media(prefers-color-scheme: light) {
|
|
206
|
-
[data-color-mode='auto'][data-light-theme='light'] {
|
|
207
|
-
--overlay-color: {{ light_overlay }};
|
|
208
|
-
}
|
|
209
|
-
}
|
|
210
181
|
</style>
|
|
211
182
|
{%- endif %}
|
|
212
183
|
</head>
|
data/_layouts/default.html
CHANGED
|
@@ -40,11 +40,12 @@
|
|
|
40
40
|
|
|
41
41
|
<body class="min-height-full">
|
|
42
42
|
{%- if style == 'stacked' %}
|
|
43
|
-
<div class="container-lg
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
43
|
+
<div class="container-lg min-height-full">
|
|
44
|
+
|
|
45
|
+
<div class="Profile text-center py-1">
|
|
46
|
+
<div class="d-flex flex-justify-end pt-2">
|
|
47
|
+
{%- include toggle.html %}
|
|
48
|
+
</div>
|
|
48
49
|
{%- include masthead.html metadata=metadata %}
|
|
49
50
|
{%- if site.repo_info %}
|
|
50
51
|
<div class="my-2">
|
|
@@ -52,7 +53,7 @@
|
|
|
52
53
|
</div>
|
|
53
54
|
{%- endif %}
|
|
54
55
|
{%- if site.social_media %}
|
|
55
|
-
<div class="my-2">
|
|
56
|
+
<div class="my-2 mx-2">
|
|
56
57
|
{%- include social.html %}
|
|
57
58
|
</div>
|
|
58
59
|
{%- endif %}
|
|
@@ -75,15 +76,15 @@
|
|
|
75
76
|
</div>
|
|
76
77
|
{%- elsif style == 'sidebar' %}
|
|
77
78
|
<div class="container-xl d-lg-flex min-height-full">
|
|
78
|
-
<div class="Profile col-lg-4 border-gray-light
|
|
79
|
+
<div class="Profile col-lg-4 border-gray-light pt-6 text-center">
|
|
79
80
|
{%- include masthead.html metadata=metadata %}
|
|
80
81
|
{%- if site.repo_info %}
|
|
81
82
|
<div class="my-2">
|
|
82
|
-
{% include mini-repo-info-card.html
|
|
83
|
+
{% include mini-repo-info-card.html %}
|
|
83
84
|
</div>
|
|
84
85
|
{%- endif %}
|
|
85
86
|
{%- if site.social_media %}
|
|
86
|
-
<div class="my-2">
|
|
87
|
+
<div class="my-2 mx-2">
|
|
87
88
|
{%- include social.html %}
|
|
88
89
|
</div>
|
|
89
90
|
{%- endif %}
|
|
@@ -118,7 +119,7 @@
|
|
|
118
119
|
{% octicon mark-github height:32 %}
|
|
119
120
|
</a>
|
|
120
121
|
</div>
|
|
121
|
-
<div class="Header-item Header-item--full">{{ name }}</div>
|
|
122
|
+
<div class="Header-item Header-link Header-item--full">{{ name }}</div>
|
|
122
123
|
{%- if site.social_media %}
|
|
123
124
|
<div class="Header-item hide-md hide-sm">
|
|
124
125
|
{%- include social.html %}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.highlight {
|
|
1
|
+
.highlight { overflow: auto; background-color: var(--color-canvas-inset) !important; padding: 8px; }
|
|
2
2
|
.highlight .c { color: #999988; font-style: italic } /* Comment */
|
|
3
3
|
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
|
|
4
4
|
.highlight .k { font-weight: bold } /* Keyword */
|
|
@@ -64,3 +64,33 @@
|
|
|
64
64
|
.highlight .lineno {-webkit-user-select: none;-moz-user-select: none; -o-user-select: none;}
|
|
65
65
|
.lineno::-moz-selection {background-color: transparent;} /* Mozilla specific */
|
|
66
66
|
.lineno::selection {background-color: transparent;} /* Other major browsers */
|
|
67
|
+
.lineno { opacity: 0.5;}
|
|
68
|
+
|
|
69
|
+
.highlight table {
|
|
70
|
+
margin: inherit;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.highlight table tr {
|
|
74
|
+
background-color: inherit;
|
|
75
|
+
border-top: inherit;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.highlight table td {
|
|
79
|
+
padding: inherit;
|
|
80
|
+
border: inherit;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.highlight pre {
|
|
84
|
+
background-color: inherit !important;
|
|
85
|
+
border-radius: 0px !important;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
.highlight code pre {
|
|
89
|
+
padding: 0px !important;
|
|
90
|
+
background-color: inherit;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
.highlight code .gutter,
|
|
94
|
+
.highlight code .rouge-gutter {
|
|
95
|
+
padding-right: 16px !important;
|
|
96
|
+
}
|
data/assets/css/style.scss
CHANGED
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
---
|
|
2
|
+
---
|
|
3
|
+
{%- if site.background.overlay %}
|
|
4
|
+
{%- assign dark_overlay = site.background.overlay %}
|
|
5
|
+
{%- assign light_overlay = site.background.overlay %}
|
|
6
|
+
{%- endif %}
|
|
7
|
+
{%- if site.background.dark.overlay %}
|
|
8
|
+
{%- assign dark_overlay = site.background.dark.overlay %}
|
|
9
|
+
{%- endif %}
|
|
10
|
+
{%- if site.background.light.overlay %}
|
|
11
|
+
{%- assign light_overlay = site.background.light.overlay %}
|
|
12
|
+
{%- endif %}
|
|
13
|
+
|
|
14
|
+
{%- if dark_overlay %}
|
|
15
|
+
/* Dark mode styles */
|
|
16
|
+
[data-color-mode='dark'] {
|
|
17
|
+
--overlay-color: {{ dark_overlay }};
|
|
18
|
+
}
|
|
19
|
+
@media(prefers-color-scheme: dark) {
|
|
20
|
+
[data-color-mode='auto'][data-dark-theme='dark_dimmed'] {
|
|
21
|
+
--overlay-color: {{ dark_overlay }};
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
{%- endif %}
|
|
25
|
+
|
|
26
|
+
{%- if light_overlay %}
|
|
27
|
+
/* Light mode styles */
|
|
28
|
+
[data-color-mode='light'] {
|
|
29
|
+
--overlay-color: {{ light_overlay }};
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
@media(prefers-color-scheme: light) {
|
|
33
|
+
[data-color-mode='auto'][data-light-theme='light'] {
|
|
34
|
+
--overlay-color: {{ light_overlay }};
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
{%- endif %}
|
|
38
|
+
|
|
39
|
+
{%- if site.header.color %}
|
|
40
|
+
|
|
41
|
+
{%- assign header_color=site.header.color %}
|
|
42
|
+
.Header {
|
|
43
|
+
--color-header-bg: {{ header_color }};
|
|
44
|
+
}
|
|
45
|
+
/* Light mode styles */
|
|
46
|
+
[data-color-mode='light'] {
|
|
47
|
+
--color-header-bg: {{ header_color }};
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
@media(prefers-color-scheme: light) {
|
|
51
|
+
[data-color-mode='auto'][data-light-theme='light'] {
|
|
52
|
+
--color-header-bg: {{ header_color }};
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
/* Dark mode styles */
|
|
56
|
+
[data-color-mode='dark'] {
|
|
57
|
+
--color-header-bg: {{ header_color }};
|
|
58
|
+
}
|
|
59
|
+
@media(prefers-color-scheme: dark) {
|
|
60
|
+
[data-color-mode='auto'][data-dark-theme='dark_dimmed'] {
|
|
61
|
+
--color-header-bg: {{ header_color }};
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
{%- endif %}
|
|
65
|
+
|
|
66
|
+
{%- if site.header.text %}
|
|
67
|
+
.Header {
|
|
68
|
+
--color-header-logo: {{ site.header.text }};
|
|
69
|
+
}
|
|
70
|
+
{%- endif %}
|
|
71
|
+
|
|
72
|
+
{%- if site.header.accent %}
|
|
73
|
+
.Header {
|
|
74
|
+
--color-header-text: {{ site.header.accent }};
|
|
75
|
+
}
|
|
76
|
+
{%- endif %}
|
|
77
|
+
|
|
78
|
+
:root{
|
|
79
|
+
--color-profile-text: var(--color-fg-default);
|
|
80
|
+
--color-profile-accent: var(--color-accent-fg);
|
|
81
|
+
--color-profile-bg: var(--color-canvas-default);
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
@import "jekyll-theme-profile";
|
|
85
|
+
|
|
86
|
+
.Profile {
|
|
87
|
+
background-color: var(--color-profile-bg);
|
|
88
|
+
color: var(--color-profile-text);
|
|
89
|
+
}
|
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
|
+
version: 1.3.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-08-
|
|
11
|
+
date: 2023-08-20 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -135,6 +135,7 @@ files:
|
|
|
135
135
|
- _sass/jekyll-theme-profile.scss
|
|
136
136
|
- assets/blog/index.html
|
|
137
137
|
- assets/css/style.scss
|
|
138
|
+
- assets/css/theme.scss
|
|
138
139
|
- assets/img/favicon.ico
|
|
139
140
|
homepage: https://www.althack.dev/jekyll-theme-profile
|
|
140
141
|
licenses:
|
|
@@ -148,7 +149,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
|
148
149
|
requirements:
|
|
149
150
|
- - ">="
|
|
150
151
|
- !ruby/object:Gem::Version
|
|
151
|
-
version:
|
|
152
|
+
version: 2.7.0
|
|
152
153
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
153
154
|
requirements:
|
|
154
155
|
- - ">="
|