jekyll-theme-lily 2.2.2.3.0 → 3.0.3.1.3
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +6 -1
- data/_includes/head.html +3 -3
- data/_includes/header.html +5 -5
- data/_layouts/default.html +1 -1
- data/_sass/jekyll-theme-lily.scss +26 -18
- data/assets/js/lily.js +15 -31
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: f7db28fb6813b2d7b1481e783bf78db5156e18e98957f7fa8f8afa1281f50131
|
4
|
+
data.tar.gz: 4d491d39c79d084f7ac3fd2ca4e6fad45fbced5c9efc62b5b85208fd94032519
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: ee23cd1cfdb44235b6c78e194b150541eb2f65dfb0ca940f147341c97e9369c66d46413d4386be3bceae5fae6867c53716adb30c00e32f2fffbd67a65458edd2
|
7
|
+
data.tar.gz: 1428b5b26714cb583295cc004e0774d201498716d80042bc087f6027d07539b206237eff689cb9e55278b8a3bf10a06bc20edcf89b83ecb21cdf063bd38e4e89
|
data/README.md
CHANGED
@@ -5,6 +5,11 @@
|
|
5
5
|
*Lily is a fresh Jekyll theme based on [Beercss](https://www.beercss.com/). You can [preview the theme to see what it looks like](https://howerziu.github.io/jekyll-theme-lily), or [directly use it](#usage).*
|
6
6
|
|
7
7
|
|
8
|
+
**BREAKING CHANGES**
|
9
|
+
|
10
|
+
* Due to breaking changes of Beercss 3.0, you need to divide rem unit by 16 and multiply px unit by 16 if you have custom css with rem or px units and update jekyll-theme-lily from 2.2 or below to 3.0 or above ( [view details](https://github.com/beercss/beercss/releases/tag/v3.0.0) )
|
11
|
+
|
12
|
+
|
8
13
|
## Installation
|
9
14
|
|
10
15
|
Add this line to your Jekyll site's `Gemfile`:
|
@@ -34,7 +39,7 @@ To directly use the Lily theme:
|
|
34
39
|
1. Add the following to your site's `_config.yml`:
|
35
40
|
|
36
41
|
```yml
|
37
|
-
remote_theme: HowerZiu/jekyll-theme-lily@
|
42
|
+
remote_theme: HowerZiu/jekyll-theme-lily@3.0.3.1.3
|
38
43
|
plugins:
|
39
44
|
- jekyll-remote-theme # add this line to the plugins list if you already have one
|
40
45
|
```
|
data/_includes/head.html
CHANGED
@@ -12,7 +12,7 @@
|
|
12
12
|
{% if site.lily.beercss.css_url %}
|
13
13
|
<link rel="stylesheet" type="text/css" href="{{ site.lily.beercss.css_url }}">
|
14
14
|
{% else %}
|
15
|
-
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/beercss@
|
15
|
+
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/beercss@3.1.3/dist/cdn/beer.min.css">
|
16
16
|
{% endif %}
|
17
17
|
<link rel="stylesheet" type="text/css" href="{{ "/assets/css/style.css" | relative_url }}">
|
18
18
|
{% for css in layout.css %}
|
@@ -32,14 +32,14 @@
|
|
32
32
|
{% if site.lily.beercss.js_url %}
|
33
33
|
<script type="text/javascript" src="{{ site.lily.beercss.js_url }}"></script>
|
34
34
|
{% else %}
|
35
|
-
<script type="
|
35
|
+
<script type="module" src="//cdn.jsdelivr.net/npm/beercss@3.1.3/dist/cdn/beer.min.js"></script>
|
36
36
|
{% endif %}
|
37
37
|
{% seo %}
|
38
38
|
<script type="text/javascript" src="{{ "/assets/js/lily.js" | relative_url }}"></script>
|
39
39
|
<script type="text/javascript">
|
40
40
|
window.onpageshow=function(e) {
|
41
41
|
if (e.persisted)
|
42
|
-
|
42
|
+
setLightMode();
|
43
43
|
}
|
44
44
|
</script>
|
45
45
|
{% include head-custom.html %}
|
data/_includes/header.html
CHANGED
@@ -1,22 +1,22 @@
|
|
1
1
|
<header class="responsive fixed lily-translucent-bar">
|
2
2
|
<nav>
|
3
3
|
{% if page.hide_title %}
|
4
|
-
<h5 class="max lily-bar-text" ondblclick="
|
4
|
+
<h5 class="max lily-bar-text" ondblclick="scrollToTop()"></h5>
|
5
5
|
{% else %}
|
6
6
|
{% if page.hide_excerpt %}
|
7
|
-
<h5 class="max lily-bar-text" ondblclick="
|
7
|
+
<h5 class="max lily-bar-text" ondblclick="scrollToTop()">{{ page.title | default: site.title | default: site.github.repository_name }}</h5>
|
8
8
|
{% else %}
|
9
9
|
{% if page.layout=="post" %}
|
10
|
-
<h5 class="max lily-bar-text" ondblclick="
|
10
|
+
<h5 class="max lily-bar-text" ondblclick="scrollToTop()">{{ page.title | default: site.title | default: site.github.repository_name }}</h5>
|
11
11
|
{% else %}
|
12
|
-
<div class="max lily-bar-text" ondblclick="
|
12
|
+
<div class="max lily-bar-text" ondblclick="scrollToTop()">
|
13
13
|
<h6 class="lily-bar-text">{{ page.title | default: site.title | default: site.github.repository_name }}</h6>
|
14
14
|
<p class="lily-bar-text">{{ page.excerpt | default: site.description | default: site.github.project_tagline }}</p>
|
15
15
|
</div>
|
16
16
|
{% endif %}
|
17
17
|
{% endif %}
|
18
18
|
{% endif %}
|
19
|
-
<button class="circle transparent" title="Light mode switch" onclick="
|
19
|
+
<button class="circle transparent" title="Light mode switch" onclick="changeLightMode()">
|
20
20
|
<i>light_mode</i>
|
21
21
|
</button>
|
22
22
|
</nav>
|
data/_layouts/default.html
CHANGED
@@ -3,10 +3,15 @@
|
|
3
3
|
}
|
4
4
|
|
5
5
|
:target {
|
6
|
-
scroll-margin-top:
|
6
|
+
scroll-margin-top: 4rem;
|
7
7
|
background: var(--surface);
|
8
8
|
}
|
9
9
|
|
10
|
+
body.transition {
|
11
|
+
transition: all 300ms !important;
|
12
|
+
transition-delay: 0ms !important;
|
13
|
+
}
|
14
|
+
|
10
15
|
.lily-mode-light {
|
11
16
|
--primary:#4d57a9;--on-primary:#ffffff;--primary-container:#dee0ff;--on-primary-container:#000965;--secondary:#5c5d72;--on-secondary:#ffffff;--secondary-container:#e0e0f9;--on-secondary-container:#181a2c;--tertiary:#78536c;--on-tertiary:#ffffff;--tertiary-container:#ffd7f1;--on-tertiary-container:#2e1127;--error:#ba1b1b;--error-container:#ffdad4;--on-error:#ffffff;--on-error-container:#410001;--background:#fffbff;--on-background:#1b1b1f;--surface:#fffbff;--on-surface:#1b1b1f;--surface-variant:#e3e1ec;--on-surface-variant:#46464f;--outline:#77767f;--inverse-on-surface:#f3f0f5;--inverse-surface:#303034;--inverse-primary:#bbc2ff;--shadow:#000000;--mode: light;
|
12
17
|
@import "rouge-light";
|
@@ -22,6 +27,9 @@
|
|
22
27
|
}
|
23
28
|
|
24
29
|
.lily-translucent-bar {
|
30
|
+
---blur: .032rem;
|
31
|
+
-webkit-backdrop-filter: blur(var(---blur));
|
32
|
+
backdrop-filter: blur(var(---blur));
|
25
33
|
&:after {
|
26
34
|
content: "";
|
27
35
|
position: absolute;
|
@@ -43,7 +51,7 @@
|
|
43
51
|
}
|
44
52
|
|
45
53
|
.lily-footer {
|
46
|
-
padding:
|
54
|
+
padding: 1rem 1rem;
|
47
55
|
}
|
48
56
|
|
49
57
|
.lily-post-date {
|
@@ -55,11 +63,11 @@ main {
|
|
55
63
|
line-height: 1.5;
|
56
64
|
|
57
65
|
p, ul, ol, table, dl {
|
58
|
-
margin: 0 0
|
66
|
+
margin: 0 0 1rem;
|
59
67
|
}
|
60
68
|
|
61
69
|
ul, ol {
|
62
|
-
padding-inline-start:
|
70
|
+
padding-inline-start: 2rem;
|
63
71
|
}
|
64
72
|
|
65
73
|
li {
|
@@ -67,7 +75,7 @@ main {
|
|
67
75
|
}
|
68
76
|
|
69
77
|
dd {
|
70
|
-
margin-inline-start:
|
78
|
+
margin-inline-start: 2rem;
|
71
79
|
}
|
72
80
|
|
73
81
|
table {
|
@@ -76,7 +84,7 @@ main {
|
|
76
84
|
}
|
77
85
|
|
78
86
|
section {
|
79
|
-
padding-bottom:
|
87
|
+
padding-bottom: 2rem;
|
80
88
|
}
|
81
89
|
|
82
90
|
}
|
@@ -95,31 +103,31 @@ main, footer {
|
|
95
103
|
}
|
96
104
|
|
97
105
|
blockquote {
|
98
|
-
border-left:
|
106
|
+
border-left: 0.25rem solid var(--secondary);
|
99
107
|
margin: 0;
|
100
|
-
padding: 0 0 0
|
108
|
+
padding: 0 0 0 1rem;
|
101
109
|
font-style: italic;
|
102
110
|
}
|
103
111
|
|
104
112
|
pre {
|
105
|
-
padding:
|
113
|
+
padding: 0.5rem;
|
106
114
|
overflow-x: auto;
|
107
115
|
}
|
108
116
|
|
109
117
|
.highlighter-rouge, .highlight {
|
110
|
-
padding:
|
111
|
-
margin-bottom:
|
118
|
+
padding: 0.5rem;
|
119
|
+
margin-bottom: 1rem;
|
112
120
|
}
|
113
121
|
|
114
122
|
.highlighter-rouge>.highlight, .highlight>.highlight {
|
115
|
-
border-radius:
|
123
|
+
border-radius: 0.5rem;
|
116
124
|
margin-bottom: 0;
|
117
125
|
}
|
118
126
|
|
119
127
|
figure.highlight {
|
120
|
-
padding:
|
121
|
-
border-radius:
|
122
|
-
margin-bottom:
|
128
|
+
padding: 0.5rem;
|
129
|
+
border-radius: 0.5rem;
|
130
|
+
margin-bottom: 1rem;
|
123
131
|
}
|
124
132
|
|
125
133
|
table {
|
@@ -127,7 +135,7 @@ table {
|
|
127
135
|
}
|
128
136
|
|
129
137
|
td, th {
|
130
|
-
border-bottom:
|
138
|
+
border-bottom: 0.0625rem solid var(--outline)
|
131
139
|
}
|
132
140
|
|
133
141
|
dt {
|
@@ -142,8 +150,8 @@ kbd {
|
|
142
150
|
box-shadow: var(--shadow1);
|
143
151
|
background-color: var(--surface-variant);
|
144
152
|
color: var(--on-surface-variant);
|
145
|
-
padding:
|
146
|
-
border-radius:
|
153
|
+
padding: 0.25rem;
|
154
|
+
border-radius: 0.25rem;
|
147
155
|
display: inline-block;
|
148
156
|
vertical-align: middle;
|
149
157
|
transition: var(--speed3) transform,var(--speed3) border-radius,var(--speed3) padding;
|
data/assets/js/lily.js
CHANGED
@@ -1,28 +1,8 @@
|
|
1
|
-
function
|
2
|
-
var d=new Date();
|
3
|
-
d.setTime(d.getTime()+(exdays*24*60*60*1000));
|
4
|
-
c=cname+"="+cvalue;
|
5
|
-
if (exdays) c=c+"; expires="+d.toGMTString();
|
6
|
-
if (path) c=c+"; path="+path;
|
7
|
-
document.cookie=c;
|
8
|
-
}
|
9
|
-
function getLilyCookie(cname) {
|
10
|
-
var name=cname+"=";
|
11
|
-
var carr=document.cookie.split(';');
|
12
|
-
for (var i=0; i<carr.length; ++i) {
|
13
|
-
var c=carr[i].trim();
|
14
|
-
if (c.indexOf(name)==0) return c.substring(name.length,c.length);
|
15
|
-
}
|
16
|
-
return "";
|
17
|
-
}
|
18
|
-
function delLilyCookie(cname) {
|
19
|
-
document.cookie=cname+"=; expires=Thu, 01 Jan 1970 00:00:00 GMT";
|
20
|
-
}
|
21
|
-
function setLilyMode() {
|
1
|
+
function setLightMode() {
|
22
2
|
body=document.body;
|
23
|
-
var
|
3
|
+
var light_mode=localStorage.getItem("light_mode");
|
24
4
|
var theme_color_meta=document.querySelector('meta[name="theme-color"]');
|
25
|
-
if (
|
5
|
+
if (light_mode=="dark") {
|
26
6
|
body.classList.remove("light");
|
27
7
|
body.classList.add("dark");
|
28
8
|
document.getElementById("body").classList.remove("lily-mode-light");
|
@@ -36,16 +16,20 @@ function setLilyMode() {
|
|
36
16
|
theme_color_meta.setAttribute("content","#dee0ff");
|
37
17
|
}
|
38
18
|
}
|
39
|
-
function
|
40
|
-
var
|
41
|
-
if (
|
42
|
-
|
19
|
+
function changeLightMode() {
|
20
|
+
var light_mode=localStorage.getItem("light_mode");
|
21
|
+
if (light_mode=='dark')
|
22
|
+
light_mode='light';
|
43
23
|
else
|
44
|
-
|
45
|
-
|
46
|
-
|
24
|
+
light_mode='dark';
|
25
|
+
localStorage.setItem('light_mode',light_mode);
|
26
|
+
setLightMode();
|
27
|
+
document.body.classList.add("transition");
|
28
|
+
window.setTimeout(()=>{
|
29
|
+
document.body.classList.remove("transition");
|
30
|
+
},500);
|
47
31
|
}
|
48
|
-
function
|
32
|
+
function scrollToTop() {
|
49
33
|
var elm=document.body||document.documentElement;
|
50
34
|
elm.scrollIntoView();
|
51
35
|
}
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: jekyll-theme-lily
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version:
|
4
|
+
version: 3.0.3.1.3
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- HowerZiu
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date:
|
11
|
+
date: 2023-05-03 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|