jekyll-theme-doodle 4.5.0 → 5.0.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 +4 -4
- data/README.md +32 -4
- data/_includes/head.html +28 -28
- data/_includes/navrail.html +14 -21
- data/_includes/theme_selector.html +41 -33
- data/_sass/minima/_base.scss +7 -7
- data/_sass/minima/_navigation-bar.scss +4 -0
- data/_sass/minima/_pinned-post.scss +1 -1
- data/_sass/minima/_posts.scss +10 -2
- data/_sass/minima/_theme-selector.scss +51 -6
- data/_sass/minima/_theme.scss +307 -7
- data/assets/theme-assets/js/theme.js +29 -0
- data/assets/theme-assets/theme-icons/aboutme-small.svg +13 -13
- data/assets/theme-assets/theme-icons/bookmark.svg +1 -1
- data/assets/theme-assets/theme-icons/categories2.svg +110 -5
- data/assets/theme-assets/theme-icons/home-rough.svg +1 -1
- data/assets/theme-assets/theme-icons/home2.svg +14 -5
- data/assets/theme-assets/theme-icons/pin.svg +2 -2
- data/assets/theme-assets/theme-images/menu.svg +1 -1
- metadata +1 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 4f54e781724a253f9055444a13e1b501c9b51f4d4ade8dde1d653c84f1ec2ea8
|
4
|
+
data.tar.gz: 103b8d681748a321120af21c2342836bed54034fafc24b9af2f9dd3945f42173
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 0a182eeb11c80d47d624a91036fad0632cc58ca06b34df9e99578bf5a7804378efb6e57d0eb8ca7bc60cbeddacd7ca8bb846da6c6957d0d99705a822d5006cd5
|
7
|
+
data.tar.gz: af99d8d27b1a62c82068021051d6416d90192fc29f534f47da1e75050672ba515a8810f0b3a164dcf9a2df6a7417b7e84a7be1bde64ef209ae171b3bc9561d92
|
data/README.md
CHANGED
@@ -1,6 +1,25 @@
|
|
1
|
-
# Jekyll
|
1
|
+
# Doodle: A [Jekyll](https://jekyllrb.com/) theme for playful and creative aesthetic
|
2
2
|
|
3
|
-
|
3
|
+
## Table of Contents
|
4
|
+
|
5
|
+
- [Features](#features)
|
6
|
+
- [Installation](#installation)
|
7
|
+
- [remote-themes](#remote-themes)
|
8
|
+
- [Alternate Method](#alternate-method)
|
9
|
+
- [Usage](#usage)
|
10
|
+
- [Pin a post](#pin-a-post)
|
11
|
+
- [Add tagline in header](#add-tagline-in-header)
|
12
|
+
- [Google analytics](#google-analytics)
|
13
|
+
- [Contributing](#contributing)
|
14
|
+
- [License](#license)
|
15
|
+
|
16
|
+
## Features
|
17
|
+
|
18
|
+
- dark mode
|
19
|
+
- 5 color schemes
|
20
|
+
- pinned posts
|
21
|
+
- handwriting fonts
|
22
|
+
- google analytics support
|
4
23
|
|
5
24
|
You can preview the theme [here](https://gulnoor.github.io)
|
6
25
|
| | |
|
@@ -9,6 +28,8 @@ You can preview the theme [here](https://gulnoor.github.io)
|
|
9
28
|
|
10
29
|
## Installation
|
11
30
|
|
31
|
+
### remote-themes
|
32
|
+
|
12
33
|
if you are using github pages, the recommended method is following:
|
13
34
|
|
14
35
|
- Add following lines to your `Gemfile`:
|
@@ -92,9 +113,16 @@ tagline: "Your awesome tagline"
|
|
92
113
|
|
93
114
|
TODO: Write usage instructions here. Describe your available layouts, includes, sass and/or assets.
|
94
115
|
|
95
|
-
###
|
116
|
+
### Google analytics
|
117
|
+
|
118
|
+
add your google analytics tracking id to \_config.yml
|
119
|
+
|
120
|
+
```yaml
|
121
|
+
google_analytics: UA-NNNNNNNN-N
|
122
|
+
```
|
123
|
+
|
124
|
+
## TODO
|
96
125
|
|
97
|
-
- [ ] Analytics support
|
98
126
|
- [ ] Add support for comments
|
99
127
|
- [ ] Search functionality
|
100
128
|
|
data/_includes/head.html
CHANGED
@@ -1,51 +1,51 @@
|
|
1
1
|
<head>
|
2
|
-
<meta charset="utf-8"
|
3
|
-
<meta http-equiv="X-UA-Compatible" content="IE=edge"
|
4
|
-
<meta name="viewport" content="width=device-width, initial-scale=1"
|
2
|
+
<meta charset="utf-8" />
|
3
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
4
|
+
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
5
5
|
<link
|
6
6
|
rel="preload"
|
7
7
|
href="/assets/theme-assets/theme-fonts/Excalifont-Regular.woff2"
|
8
8
|
as="font"
|
9
9
|
type="font/ttf"
|
10
10
|
crossorigin
|
11
|
-
|
11
|
+
/>
|
12
12
|
<link
|
13
13
|
rel="preload"
|
14
14
|
href="/assets/theme-assets/theme-fonts/comic shanns.otf"
|
15
15
|
as="font"
|
16
16
|
type="font/otf"
|
17
17
|
crossorigin
|
18
|
-
|
19
|
-
{%- seo -%}
|
20
|
-
|
21
|
-
rel="stylesheet"
|
22
|
-
href="
|
23
|
-
{{ "/assets/main.css" | relative_url
|
24
|
-
}}
|
25
|
-
"
|
26
|
-
>
|
18
|
+
/>
|
19
|
+
{%- seo -%} <link rel="stylesheet" href=" {{ "/assets/main.css" | relative_url
|
20
|
+
}} " >
|
27
21
|
<script>
|
28
22
|
const colors = {
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
23
|
+
"dark-pink": "#f0b3e7",
|
24
|
+
"dark-green": "#b1d18a",
|
25
|
+
"dark-yellow": "#dbc66e",
|
26
|
+
"dark-blue": "#aac7ff",
|
27
|
+
"dark-cyan": "#81d5cd",
|
28
|
+
"light-pink": "#f0b3e7",
|
29
|
+
"light-green": "#b1d18a",
|
30
|
+
"light-yellow": "#dbc66e",
|
31
|
+
"light-blue": "#aac7ff",
|
32
|
+
"light-cyan": "#81d5cd",
|
34
33
|
};
|
35
|
-
const root = document.querySelector(
|
36
|
-
const theme = window.localStorage.getItem(
|
34
|
+
const root = document.querySelector("html");
|
35
|
+
const theme = window.localStorage.getItem("theme");
|
36
|
+
|
37
37
|
if (theme === null) {
|
38
|
-
|
39
|
-
|
40
|
-
root.
|
38
|
+
theme = "dark-pink";
|
39
|
+
window.localStorage.setItem("theme", theme);
|
40
|
+
root.className = theme;
|
41
|
+
root.style.setProperty("--current-color", colors[theme]);
|
41
42
|
} else {
|
42
43
|
root.className = theme;
|
43
|
-
root.style.setProperty(
|
44
|
+
root.style.setProperty("--current-color", colors[theme]);
|
44
45
|
}
|
46
|
+
|
45
47
|
</script>
|
46
48
|
<script src="/assets/theme-assets/js/theme.js" defer></script>
|
47
|
-
{%- feed_meta -%}
|
48
|
-
{%-
|
49
|
-
{%- include google-analytics.html -%}
|
50
|
-
{%- endif -%}
|
49
|
+
{%- feed_meta -%} {%- if jekyll.environment == 'production' and
|
50
|
+
site.google_analytics -%} {%- include google-analytics.html -%} {%- endif -%}
|
51
51
|
</head>
|
data/_includes/navrail.html
CHANGED
@@ -1,23 +1,16 @@
|
|
1
1
|
{%- if page_paths -%}
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
{%-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
{%- endif -%}
|
17
|
-
{{ my_page.title | escape }}
|
18
|
-
</a>
|
19
|
-
{%- endif -%}
|
20
|
-
{%- endfor -%}
|
21
|
-
|
22
|
-
</nav>
|
2
|
+
<nav class="navrail">
|
3
|
+
<a class="navrail-button" href="/">
|
4
|
+
<img class="navrail-icon" src="{{-
|
5
|
+
"/assets/theme-assets/theme-icons/home2.svg" | relative_url -}}" > Home</a
|
6
|
+
>
|
7
|
+
{%- for path in page_paths -%} {%- assign my_page = site.pages | where:
|
8
|
+
'path', path | first -%} {%- if my_page.title -%}
|
9
|
+
<a class="navrail-button" href="{{ my_page.url | relative_url }}">
|
10
|
+
{%- if my_page.title -%}
|
11
|
+
<img class="navrail-icon" src="{{- my_page.icon | relative_url -}}" />
|
12
|
+
{%- endif -%} {{ my_page.title | escape }}
|
13
|
+
</a>
|
14
|
+
{%- endif -%} {%- endfor -%}
|
15
|
+
</nav>
|
23
16
|
{%- endif -%}
|
@@ -1,35 +1,43 @@
|
|
1
|
-
<div class="theme-
|
2
|
-
<div class="theme-
|
3
|
-
<div
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
1
|
+
<div class="theme-wrapper">
|
2
|
+
<div class="theme-selector" id="themeSelector">
|
3
|
+
<div class="theme-options" id="themeOptions">
|
4
|
+
<div
|
5
|
+
id="pink-theme"
|
6
|
+
class="theme-option pink-theme"
|
7
|
+
data-theme-class="dark-pink"
|
8
|
+
data-color="#f0b3e7"
|
9
|
+
></div>
|
10
|
+
<div
|
11
|
+
id="green-theme"
|
12
|
+
class="theme-option"
|
13
|
+
data-theme-class="dark-green"
|
14
|
+
data-color="#b1d18a"
|
15
|
+
></div>
|
16
|
+
<div
|
17
|
+
id="yellow-theme"
|
18
|
+
class="theme-option"
|
19
|
+
data-theme-class="dark-yellow"
|
20
|
+
data-color="#dbc66e"
|
21
|
+
></div>
|
22
|
+
<div
|
23
|
+
data-theme-class="dark-blue"
|
24
|
+
id="blue-theme"
|
25
|
+
class="theme-option"
|
26
|
+
data-color="#aac7ff"
|
27
|
+
></div>
|
28
|
+
<div
|
29
|
+
data-theme-class="dark-cyan"
|
30
|
+
id="cyan-theme"
|
31
|
+
class="theme-option"
|
32
|
+
data-color="#81d5cd"
|
33
|
+
></div>
|
34
|
+
</div>
|
35
|
+
<div class="current-theme" id="currentTheme"></div>
|
36
|
+
</div>
|
37
|
+
<div class="toggle-container">
|
38
|
+
<label class="toggle-switch">
|
39
|
+
<input type="checkbox" id="darkModeToggle" />
|
40
|
+
<span class="slider"></span>
|
41
|
+
</label>
|
33
42
|
</div>
|
34
|
-
<div class="current-theme" id="currentTheme"></div>
|
35
43
|
</div>
|
data/_sass/minima/_base.scss
CHANGED
@@ -29,7 +29,7 @@ body {
|
|
29
29
|
font: $base-font-weight #{$base-font-size}/#{$base-line-height}
|
30
30
|
$base-font-family;
|
31
31
|
color: $text-color;
|
32
|
-
background-color:
|
32
|
+
background-color: var(--md-sys-color-surface-container);
|
33
33
|
-webkit-text-size-adjust: 100%;
|
34
34
|
-webkit-font-feature-settings: "kern" 1;
|
35
35
|
-moz-font-feature-settings: "kern" 1;
|
@@ -150,7 +150,6 @@ blockquote {
|
|
150
150
|
margin-right: 12px;
|
151
151
|
@include relative-font-size(1.125);
|
152
152
|
letter-spacing: -1px;
|
153
|
-
font-style: italic;
|
154
153
|
|
155
154
|
> :last-child {
|
156
155
|
margin-bottom: 0;
|
@@ -187,8 +186,8 @@ pre {
|
|
187
186
|
* Wrapper
|
188
187
|
*/
|
189
188
|
.wrapper {
|
190
|
-
max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2));
|
191
|
-
max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));
|
189
|
+
max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2) + 48px);
|
190
|
+
max-width: calc(#{$content-width} - (#{$spacing-unit} * 2) + 48px);
|
192
191
|
margin-right: auto;
|
193
192
|
margin-left: auto;
|
194
193
|
padding-right: $spacing-unit;
|
@@ -241,13 +240,14 @@ pre {
|
|
241
240
|
table {
|
242
241
|
display: block;
|
243
242
|
overflow-x: auto;
|
244
|
-
width:
|
243
|
+
width: fit-content;
|
244
|
+
max-width: 100%;
|
245
245
|
margin-bottom: $spacing-unit;
|
246
|
-
width: 100%;
|
247
246
|
text-align: $table-text-align;
|
248
247
|
color: var(--md-sys-color-on-surface);
|
249
248
|
border-collapse: collapse;
|
250
249
|
border: 1px solid var(--md-sys-color-outline);
|
250
|
+
border-radius: 8px;
|
251
251
|
tr {
|
252
252
|
&:nth-child(even) {
|
253
253
|
background-color: var(--md-sys-color-surface-container-high);
|
@@ -263,7 +263,7 @@ table {
|
|
263
263
|
// border-bottom-color: darken($grey-color-light, 12%);
|
264
264
|
}
|
265
265
|
td {
|
266
|
-
border: 1px solid var(--md-sys-color-outline);
|
266
|
+
border-top: 1px solid var(--md-sys-color-outline);
|
267
267
|
}
|
268
268
|
}
|
269
269
|
|
@@ -60,7 +60,7 @@
|
|
60
60
|
justify-content: space-around;
|
61
61
|
padding-top: 12px;
|
62
62
|
list-style: none;
|
63
|
-
background-color: var(--md-sys-color-surface-container);
|
63
|
+
background-color: var(--md-sys-color-surface-container-highest);
|
64
64
|
border-radius: 24px;
|
65
65
|
padding: $spacing-unit;
|
66
66
|
min-height: 390px;
|
data/_sass/minima/_posts.scss
CHANGED
@@ -21,7 +21,7 @@
|
|
21
21
|
}
|
22
22
|
.post-excerpt {
|
23
23
|
font-size: $small-font-size;
|
24
|
-
color:
|
24
|
+
color: var(--md-sys-color-on-surface);
|
25
25
|
}
|
26
26
|
.post-link {
|
27
27
|
display: block;
|
@@ -37,9 +37,17 @@
|
|
37
37
|
@include relative-font-size(2.25);
|
38
38
|
}
|
39
39
|
}
|
40
|
-
|
40
|
+
.post {
|
41
|
+
background: var(--md-sys-color-surface);
|
42
|
+
border-radius: 24px;
|
43
|
+
padding: 24px;
|
44
|
+
@include media-query($on-palm){
|
45
|
+
padding: 8px;
|
46
|
+
}
|
47
|
+
}
|
41
48
|
.post-content {
|
42
49
|
margin-bottom: $spacing-unit;
|
50
|
+
|
43
51
|
// text-align: justify;
|
44
52
|
p {
|
45
53
|
text-align: justify;
|
@@ -1,20 +1,23 @@
|
|
1
1
|
.theme-selector {
|
2
|
-
|
2
|
+
display: flex;
|
3
|
+
}
|
4
|
+
.theme-wrapper {
|
3
5
|
display: flex;
|
4
6
|
justify-content: flex-end;
|
7
|
+
align-items: flex-start;
|
5
8
|
margin-left: auto;
|
6
9
|
padding: 6px;
|
7
10
|
margin-top: 8px;
|
8
11
|
margin-right: 8px;
|
9
|
-
border-radius:
|
10
|
-
background-color: rgba(
|
12
|
+
border-radius: 16px;
|
13
|
+
background-color: rgba(159, 159, 159, 0.122);
|
11
14
|
backdrop-filter: blur(8px);
|
12
15
|
width: fit-content;
|
13
16
|
@media screen and (min-width: 601px) {
|
14
17
|
position: fixed;
|
15
18
|
z-index: 103;
|
16
19
|
bottom: 10px;
|
17
|
-
left:
|
20
|
+
left: 9px;
|
18
21
|
}
|
19
22
|
}
|
20
23
|
|
@@ -23,7 +26,7 @@
|
|
23
26
|
width: 26px;
|
24
27
|
border-radius: 50%;
|
25
28
|
background-color: var(--current-color); /* Initial theme color */
|
26
|
-
margin-
|
29
|
+
margin-right: 10px;
|
27
30
|
cursor: pointer;
|
28
31
|
transition: transform 0.3s;
|
29
32
|
}
|
@@ -31,7 +34,7 @@
|
|
31
34
|
display: flex;
|
32
35
|
gap: 10px;
|
33
36
|
max-width: 0px;
|
34
|
-
transition: all 0.
|
37
|
+
transition: all 0.4s;
|
35
38
|
}
|
36
39
|
.theme-option {
|
37
40
|
width: 26px;
|
@@ -39,3 +42,45 @@
|
|
39
42
|
border-radius: 50%;
|
40
43
|
cursor: pointer;
|
41
44
|
}
|
45
|
+
.toggle-container {
|
46
|
+
display: flex;
|
47
|
+
align-items: center;
|
48
|
+
}
|
49
|
+
|
50
|
+
.toggle-switch {
|
51
|
+
position: relative;
|
52
|
+
display: inline-block;
|
53
|
+
width: 44px;
|
54
|
+
height: 24px;
|
55
|
+
}
|
56
|
+
.toggle-switch input {
|
57
|
+
opacity: 0;
|
58
|
+
width: 0;
|
59
|
+
height: 0;
|
60
|
+
}
|
61
|
+
.slider {
|
62
|
+
position: absolute;
|
63
|
+
cursor: pointer;
|
64
|
+
top: 0;
|
65
|
+
left: 0;
|
66
|
+
right: 0;
|
67
|
+
bottom: 0;
|
68
|
+
background-color: #ccc;
|
69
|
+
transition: 0.4s;
|
70
|
+
border-radius: 34px;
|
71
|
+
background-color: var(--md-sys-color-primary);
|
72
|
+
}
|
73
|
+
.slider:before {
|
74
|
+
position: absolute;
|
75
|
+
content: "";
|
76
|
+
height: 20px;
|
77
|
+
width: 20px;
|
78
|
+
left: 2px;
|
79
|
+
bottom: 2px;
|
80
|
+
background-color: var(--md-sys-color-on-primary);
|
81
|
+
transition: 0.4s;
|
82
|
+
border-radius: 50%;
|
83
|
+
}
|
84
|
+
input:checked + .slider:before {
|
85
|
+
transform: translateX(20px);
|
86
|
+
}
|
data/_sass/minima/_theme.scss
CHANGED
@@ -1,3 +1,17 @@
|
|
1
|
+
.light-mode {
|
2
|
+
--dark-pink: #f0b3e7;
|
3
|
+
--dark-green: #b1d18a;
|
4
|
+
--dark-yellow: #dbc66;
|
5
|
+
--dark-blue: #aac7ff;
|
6
|
+
--dark-cyan: #81d5cd;
|
7
|
+
}
|
8
|
+
.dark-mode {
|
9
|
+
--light-pink: #f0b3e7;
|
10
|
+
--light-greeN: #b1d18a;
|
11
|
+
--light-yellw: #dbc66;
|
12
|
+
--light-blue: #aac7ff;
|
13
|
+
--light-cyan: #81d5cd;
|
14
|
+
}
|
1
15
|
#pink-theme {
|
2
16
|
background-color: #f0b3e7;
|
3
17
|
}
|
@@ -34,8 +48,10 @@
|
|
34
48
|
--md-sys-color-background: rgb(21 19 11);
|
35
49
|
--md-sys-color-on-background: rgb(232 226 212);
|
36
50
|
--md-sys-color-surface: rgb(21 19 11);
|
37
|
-
--md-sys-color-on-surface:
|
38
|
-
--
|
51
|
+
--md-sys-color-on-surface: #e8e2d4;
|
52
|
+
--on-surface-filter: invert(91%) sepia(15%) saturate(159%) hue-rotate(4deg)
|
53
|
+
brightness(99%) contrast(89%);
|
54
|
+
--md-sys-color-surface-variant: #4b4739;
|
39
55
|
--md-sys-color-on-surface-variant: rgb(205 198 180);
|
40
56
|
--md-sys-color-outline: #969080;
|
41
57
|
--outline-filter: brightness(0) saturate(100%) invert(64%) sepia(15%)
|
@@ -87,7 +103,9 @@
|
|
87
103
|
--md-sys-color-background: rgb(17 19 24);
|
88
104
|
--md-sys-color-on-background: rgb(226 226 233);
|
89
105
|
--md-sys-color-surface: rgb(17 19 24);
|
90
|
-
--md-sys-color-on-surface:
|
106
|
+
--md-sys-color-on-surface: #e2e2e9;
|
107
|
+
--on-surface-filter: invert(100%) sepia(5%) saturate(7075%) hue-rotate(180deg)
|
108
|
+
brightness(96%) contrast(89%);
|
91
109
|
--md-sys-color-surface-variant: rgb(68 71 78);
|
92
110
|
--md-sys-color-on-surface-variant: rgb(196 198 208);
|
93
111
|
--md-sys-color-outline: #8e9099;
|
@@ -140,7 +158,9 @@
|
|
140
158
|
--md-sys-color-background: rgb(14 21 20);
|
141
159
|
--md-sys-color-on-background: rgb(221 228 226);
|
142
160
|
--md-sys-color-surface: rgb(14 21 20);
|
143
|
-
--md-sys-color-on-surface:
|
161
|
+
--md-sys-color-on-surface: #dde4e2;
|
162
|
+
--on-surface-filter: invert(91%) sepia(6%) saturate(145%) hue-rotate(112deg)
|
163
|
+
brightness(102%) contrast(89%);
|
144
164
|
--md-sys-color-surface-variant: rgb(63 73 71);
|
145
165
|
--md-sys-color-on-surface-variant: rgb(190 201 198);
|
146
166
|
--md-sys-color-outline: #899391;
|
@@ -194,7 +214,9 @@
|
|
194
214
|
--md-sys-color-background: rgb(18 20 14);
|
195
215
|
--md-sys-color-on-background: rgb(226 227 216);
|
196
216
|
--md-sys-color-surface: rgb(18 20 14);
|
197
|
-
--md-sys-color-on-surface:
|
217
|
+
--md-sys-color-on-surface: #e2e3d8;
|
218
|
+
--on-surface-filter: invert(85%) sepia(3%) saturate(447%) hue-rotate(26deg)
|
219
|
+
brightness(109%) contrast(89%);
|
198
220
|
--md-sys-color-surface-variant: rgb(68 72 61);
|
199
221
|
--md-sys-color-on-surface-variant: rgb(197 200 186);
|
200
222
|
--md-sys-color-outline: #8f9285;
|
@@ -249,7 +271,9 @@
|
|
249
271
|
--md-sys-color-background: rgb(23 18 22);
|
250
272
|
--md-sys-color-on-background: rgb(235 223 230);
|
251
273
|
--md-sys-color-surface: rgb(23 18 22);
|
252
|
-
--md-sys-color-on-surface:
|
274
|
+
--md-sys-color-on-surface: #ebdfe6;
|
275
|
+
--on-surface-filter: invert(97%) sepia(3%) saturate(932%) hue-rotate(287deg)
|
276
|
+
brightness(92%) contrast(100%);
|
253
277
|
--md-sys-color-surface-variant: rgb(78 68 75);
|
254
278
|
--md-sys-color-on-surface-variant: rgb(209 195 203);
|
255
279
|
--md-sys-color-outline: #9a8d95;
|
@@ -259,7 +283,8 @@
|
|
259
283
|
--md-sys-color-shadow: rgb(0 0 0);
|
260
284
|
--md-sys-color-scrim: rgb(0 0 0);
|
261
285
|
--md-sys-color-inverse-surface: rgb(235 223 230);
|
262
|
-
--md-sys-color-inverse-on-surface:
|
286
|
+
--md-sys-color-inverse-on-surface: #352e33;
|
287
|
+
|
263
288
|
--md-sys-color-inverse-primary: rgb(127 77 123);
|
264
289
|
--md-sys-color-primary-fixed: rgb(255 215 247);
|
265
290
|
--md-sys-color-on-primary-fixed: rgb(51 8 51);
|
@@ -281,3 +306,278 @@
|
|
281
306
|
--md-sys-color-surface-container-high: #2f282d;
|
282
307
|
--md-sys-color-surface-container-highest: rgb(58 51 56);
|
283
308
|
}
|
309
|
+
.light-pink {
|
310
|
+
--md-sys-color-primary: rgb(127 77 122);
|
311
|
+
--md-sys-color-surface-tint: rgb(127 77 122);
|
312
|
+
--md-sys-color-on-primary: rgb(255 255 255);
|
313
|
+
--md-sys-color-primary-container: rgb(255 215 246);
|
314
|
+
--md-sys-color-on-primary-container: rgb(51 8 51);
|
315
|
+
--md-sys-color-secondary: rgb(109 88 105);
|
316
|
+
--md-sys-color-on-secondary: rgb(255 255 255);
|
317
|
+
--md-sys-color-secondary-container: rgb(247 218 239);
|
318
|
+
--md-sys-color-on-secondary-container: rgb(38 22 37);
|
319
|
+
--md-sys-color-tertiary: rgb(130 82 70);
|
320
|
+
--md-sys-color-on-tertiary: rgb(255 255 255);
|
321
|
+
--md-sys-color-tertiary-container: rgb(255 219 209);
|
322
|
+
--md-sys-color-on-tertiary-container: rgb(50 18 9);
|
323
|
+
--md-sys-color-error: rgb(186 26 26);
|
324
|
+
--md-sys-color-on-error: rgb(255 255 255);
|
325
|
+
--md-sys-color-error-container: rgb(255 218 214);
|
326
|
+
--md-sys-color-on-error-container: rgb(65 0 2);
|
327
|
+
--md-sys-color-background: rgb(255 247 249);
|
328
|
+
--md-sys-color-on-background: rgb(32 26 30);
|
329
|
+
--md-sys-color-surface: rgb(255 247 249);
|
330
|
+
--md-sys-color-on-surface: #201a1e;
|
331
|
+
--on-surface-filter: invert(8%) sepia(2%) saturate(3908%) hue-rotate(267deg)
|
332
|
+
brightness(94%) contrast(93%);
|
333
|
+
--md-sys-color-surface-variant: rgb(238 222 231);
|
334
|
+
--md-sys-color-on-surface-variant: rgb(78 68 75);
|
335
|
+
--md-sys-color-outline: rgb(127 116 124);
|
336
|
+
--md-sys-color-outline-variant: rgb(209 195 203);
|
337
|
+
--md-sys-color-shadow: rgb(0 0 0);
|
338
|
+
--md-sys-color-scrim: rgb(0 0 0);
|
339
|
+
--md-sys-color-inverse-surface: rgb(53 46 51);
|
340
|
+
--md-sys-color-inverse-on-surface: rgb(250 237 244);
|
341
|
+
--md-sys-color-inverse-primary: rgb(240 179 231);
|
342
|
+
--md-sys-color-primary-fixed: rgb(255 215 246);
|
343
|
+
--md-sys-color-on-primary-fixed: rgb(51 8 51);
|
344
|
+
--md-sys-color-primary-fixed-dim: rgb(240 179 231);
|
345
|
+
--md-sys-color-on-primary-fixed-variant: rgb(101 54 97);
|
346
|
+
--md-sys-color-secondary-fixed: rgb(247 218 239);
|
347
|
+
--md-sys-color-on-secondary-fixed: rgb(38 22 37);
|
348
|
+
--md-sys-color-secondary-fixed-dim: rgb(218 191 211);
|
349
|
+
--md-sys-color-on-secondary-fixed-variant: rgb(84 65 81);
|
350
|
+
--md-sys-color-tertiary-fixed: rgb(255 219 209);
|
351
|
+
--md-sys-color-on-tertiary-fixed: rgb(50 18 9);
|
352
|
+
--md-sys-color-tertiary-fixed-dim: rgb(246 184 168);
|
353
|
+
--md-sys-color-on-tertiary-fixed-variant: rgb(102 59 48);
|
354
|
+
--md-sys-color-surface-dim: rgb(227 215 221);
|
355
|
+
--md-sys-color-surface-bright: rgb(255 247 249);
|
356
|
+
--md-sys-color-surface-container-lowest: rgb(255 255 255);
|
357
|
+
--md-sys-color-surface-container-low: rgb(253 240 247);
|
358
|
+
--md-sys-color-surface-container: rgb(247 235 241);
|
359
|
+
--md-sys-color-surface-container-high: rgb(241 229 235);
|
360
|
+
--md-sys-color-surface-container-highest: rgb(235 223 230);
|
361
|
+
--outline-filter: brightness(0) saturate(100%) invert(61%) sepia(13%)
|
362
|
+
saturate(228%) hue-rotate(270deg) brightness(93%) contrast(82%);
|
363
|
+
}
|
364
|
+
.light-green {
|
365
|
+
--md-sys-color-primary: rgb(75 102 44);
|
366
|
+
--md-sys-color-surface-tint: rgb(75 102 44);
|
367
|
+
--md-sys-color-on-primary: rgb(255 255 255);
|
368
|
+
--md-sys-color-primary-container: rgb(204 237 164);
|
369
|
+
--md-sys-color-on-primary-container: rgb(15 32 0);
|
370
|
+
--md-sys-color-secondary: rgb(87 98 73);
|
371
|
+
--md-sys-color-on-secondary: rgb(255 255 255);
|
372
|
+
--md-sys-color-secondary-container: rgb(219 231 200);
|
373
|
+
--md-sys-color-on-secondary-container: rgb(21 30 11);
|
374
|
+
--md-sys-color-tertiary: rgb(56 102 99);
|
375
|
+
--md-sys-color-on-tertiary: rgb(255 255 255);
|
376
|
+
--md-sys-color-tertiary-container: rgb(187 236 232);
|
377
|
+
--md-sys-color-on-tertiary-container: rgb(0 32 30);
|
378
|
+
--md-sys-color-error: rgb(186 26 26);
|
379
|
+
--md-sys-color-on-error: rgb(255 255 255);
|
380
|
+
--md-sys-color-error-container: rgb(255 218 214);
|
381
|
+
--md-sys-color-on-error-container: rgb(65 0 2);
|
382
|
+
--md-sys-color-background: rgb(249 250 239);
|
383
|
+
--md-sys-color-on-background: rgb(26 28 22);
|
384
|
+
--md-sys-color-surface: rgb(249 250 239);
|
385
|
+
--md-sys-color-on-surface: #1a1c16;
|
386
|
+
--on-surface-filter: invert(9%) sepia(11%) saturate(780%) hue-rotate(39deg)
|
387
|
+
brightness(96%) contrast(95%);
|
388
|
+
--md-sys-color-surface-variant: rgb(225 228 213);
|
389
|
+
--md-sys-color-on-surface-variant: rgb(68 72 61);
|
390
|
+
--md-sys-color-outline: rgb(117 121 108);
|
391
|
+
--md-sys-color-outline-variant: rgb(197 200 186);
|
392
|
+
--md-sys-color-shadow: rgb(0 0 0);
|
393
|
+
--outline-filter: brightness(0) saturate(100%) invert(61%) sepia(6%)
|
394
|
+
saturate(487%) hue-rotate(33deg) brightness(92%) contrast(91%);
|
395
|
+
--md-sys-color-scrim: rgb(0 0 0);
|
396
|
+
--md-sys-color-inverse-surface: rgb(47 49 42);
|
397
|
+
--md-sys-color-inverse-on-surface: rgb(240 242 230);
|
398
|
+
--md-sys-color-inverse-primary: rgb(177 209 138);
|
399
|
+
--md-sys-color-primary-fixed: rgb(204 237 164);
|
400
|
+
--md-sys-color-on-primary-fixed: rgb(15 32 0);
|
401
|
+
--md-sys-color-primary-fixed-dim: rgb(177 209 138);
|
402
|
+
--md-sys-color-on-primary-fixed-variant: rgb(52 78 22);
|
403
|
+
--md-sys-color-secondary-fixed: rgb(219 231 200);
|
404
|
+
--md-sys-color-on-secondary-fixed: rgb(21 30 11);
|
405
|
+
--md-sys-color-secondary-fixed-dim: rgb(191 203 173);
|
406
|
+
--md-sys-color-on-secondary-fixed-variant: rgb(64 74 51);
|
407
|
+
--md-sys-color-tertiary-fixed: rgb(187 236 232);
|
408
|
+
--md-sys-color-on-tertiary-fixed: rgb(0 32 30);
|
409
|
+
--md-sys-color-tertiary-fixed-dim: rgb(160 208 204);
|
410
|
+
--md-sys-color-on-tertiary-fixed-variant: rgb(31 78 75);
|
411
|
+
--md-sys-color-surface-dim: rgb(218 219 208);
|
412
|
+
--md-sys-color-surface-bright: rgb(249 250 239);
|
413
|
+
--md-sys-color-surface-container-lowest: rgb(255 255 255);
|
414
|
+
--md-sys-color-surface-container-low: rgb(243 244 233);
|
415
|
+
--md-sys-color-surface-container: rgb(238 239 228);
|
416
|
+
--md-sys-color-surface-container-high: rgb(232 233 222);
|
417
|
+
--md-sys-color-surface-container-highest: rgb(226 227 216);
|
418
|
+
}
|
419
|
+
.light-yellow {
|
420
|
+
--md-sys-color-primary: rgb(109 94 15);
|
421
|
+
--md-sys-color-surface-tint: rgb(109 94 15);
|
422
|
+
--md-sys-color-on-primary: rgb(255 255 255);
|
423
|
+
--md-sys-color-primary-container: rgb(248 226 135);
|
424
|
+
--md-sys-color-on-primary-container: rgb(34 27 0);
|
425
|
+
--md-sys-color-secondary: rgb(102 94 64);
|
426
|
+
--md-sys-color-on-secondary: rgb(255 255 255);
|
427
|
+
--md-sys-color-secondary-container: rgb(238 226 188);
|
428
|
+
--md-sys-color-on-secondary-container: rgb(33 27 4);
|
429
|
+
--md-sys-color-tertiary: rgb(67 102 78);
|
430
|
+
--md-sys-color-on-tertiary: rgb(255 255 255);
|
431
|
+
--md-sys-color-tertiary-container: rgb(197 236 206);
|
432
|
+
--md-sys-color-on-tertiary-container: rgb(0 33 15);
|
433
|
+
--md-sys-color-error: rgb(186 26 26);
|
434
|
+
--md-sys-color-on-error: rgb(255 255 255);
|
435
|
+
--md-sys-color-error-container: rgb(255 218 214);
|
436
|
+
--md-sys-color-on-error-container: rgb(65 0 2);
|
437
|
+
--md-sys-color-background: rgb(255 249 238);
|
438
|
+
--md-sys-color-on-background: rgb(30 27 19);
|
439
|
+
--md-sys-color-surface: rgb(255 249 238);
|
440
|
+
--md-sys-color-on-surface: #1e1b13;
|
441
|
+
--on-surface-filter: invert(8%) sepia(20%) saturate(701%) hue-rotate(6deg)
|
442
|
+
brightness(101%) contrast(95%);
|
443
|
+
--md-sys-color-surface-variant: rgb(234 226 208);
|
444
|
+
--md-sys-color-on-surface-variant: rgb(75 71 57);
|
445
|
+
--md-sys-color-outline: rgb(124 119 103);
|
446
|
+
--md-sys-color-outline-variant: rgb(205 198 180);
|
447
|
+
--md-sys-color-shadow: rgb(0 0 0);
|
448
|
+
--md-sys-color-scrim: rgb(0 0 0);
|
449
|
+
--md-sys-color-inverse-surface: rgb(51 48 39);
|
450
|
+
--md-sys-color-inverse-on-surface: rgb(247 240 226);
|
451
|
+
--md-sys-color-inverse-primary: rgb(219 198 110);
|
452
|
+
--md-sys-color-primary-fixed: rgb(248 226 135);
|
453
|
+
--md-sys-color-on-primary-fixed: rgb(34 27 0);
|
454
|
+
--md-sys-color-primary-fixed-dim: rgb(219 198 110);
|
455
|
+
--md-sys-color-on-primary-fixed-variant: rgb(83 70 0);
|
456
|
+
--md-sys-color-secondary-fixed: rgb(238 226 188);
|
457
|
+
--md-sys-color-on-secondary-fixed: rgb(33 27 4);
|
458
|
+
--md-sys-color-secondary-fixed-dim: rgb(209 198 161);
|
459
|
+
--md-sys-color-on-secondary-fixed-variant: rgb(78 71 42);
|
460
|
+
--md-sys-color-tertiary-fixed: rgb(197 236 206);
|
461
|
+
--md-sys-color-on-tertiary-fixed: rgb(0 33 15);
|
462
|
+
--md-sys-color-tertiary-fixed-dim: rgb(169 208 179);
|
463
|
+
--md-sys-color-on-tertiary-fixed-variant: rgb(44 78 56);
|
464
|
+
--md-sys-color-surface-dim: rgb(224 217 204);
|
465
|
+
--md-sys-color-surface-bright: rgb(255 249 238);
|
466
|
+
--md-sys-color-surface-container-lowest: rgb(255 255 255);
|
467
|
+
--md-sys-color-surface-container-low: rgb(250 243 229);
|
468
|
+
--outline-filter: brightness(0) saturate(100%) invert(64%) sepia(15%)
|
469
|
+
saturate(306%) hue-rotate(6deg) brightness(87%) contrast(85%);
|
470
|
+
--md-sys-color-surface-container: rgb(244 237 223);
|
471
|
+
--md-sys-color-surface-container-high: rgb(238 232 218);
|
472
|
+
--md-sys-color-surface-container-highest: rgb(232 226 212);
|
473
|
+
}
|
474
|
+
.light-blue {
|
475
|
+
--md-sys-color-primary: rgb(65 95 145);
|
476
|
+
--md-sys-color-surface-tint: rgb(65 95 145);
|
477
|
+
--md-sys-color-on-primary: rgb(255 255 255);
|
478
|
+
--md-sys-color-primary-container: rgb(214 227 255);
|
479
|
+
--md-sys-color-on-primary-container: rgb(0 27 62);
|
480
|
+
--md-sys-color-secondary: rgb(86 94 113);
|
481
|
+
--md-sys-color-on-secondary: rgb(255 255 255);
|
482
|
+
--md-sys-color-secondary-container: rgb(218 226 249);
|
483
|
+
--md-sys-color-on-secondary-container: rgb(19 28 43);
|
484
|
+
--md-sys-color-tertiary: rgb(112 85 117);
|
485
|
+
--md-sys-color-on-tertiary: rgb(255 255 255);
|
486
|
+
--md-sys-color-tertiary-container: rgb(250 216 253);
|
487
|
+
--md-sys-color-on-tertiary-container: rgb(40 19 46);
|
488
|
+
--md-sys-color-error: rgb(186 26 26);
|
489
|
+
--md-sys-color-on-error: rgb(255 255 255);
|
490
|
+
--md-sys-color-error-container: rgb(255 218 214);
|
491
|
+
--md-sys-color-on-error-container: rgb(65 0 2);
|
492
|
+
--md-sys-color-background: rgb(249 249 255);
|
493
|
+
--md-sys-color-on-background: rgb(25 28 32);
|
494
|
+
--md-sys-color-surface: rgb(249 249 255);
|
495
|
+
--md-sys-color-on-surface: #191c20;
|
496
|
+
--on-surface-filter: invert(7%) sepia(25%) saturate(417%) hue-rotate(174deg)
|
497
|
+
brightness(93%) contrast(91%);
|
498
|
+
--md-sys-color-surface-variant: rgb(224 226 236);
|
499
|
+
--md-sys-color-on-surface-variant: rgb(68 71 78);
|
500
|
+
--md-sys-color-outline: rgb(116 119 127);
|
501
|
+
--md-sys-color-outline-variant: rgb(196 198 208);
|
502
|
+
--md-sys-color-shadow: rgb(0 0 0);
|
503
|
+
--md-sys-color-scrim: rgb(0 0 0);
|
504
|
+
--md-sys-color-inverse-surface: rgb(46 48 54);
|
505
|
+
--md-sys-color-inverse-on-surface: rgb(240 240 247);
|
506
|
+
--md-sys-color-inverse-primary: rgb(170 199 255);
|
507
|
+
--md-sys-color-primary-fixed: rgb(214 227 255);
|
508
|
+
--md-sys-color-on-primary-fixed: rgb(0 27 62);
|
509
|
+
--md-sys-color-primary-fixed-dim: rgb(170 199 255);
|
510
|
+
--md-sys-color-on-primary-fixed-variant: rgb(40 71 119);
|
511
|
+
--md-sys-color-secondary-fixed: rgb(218 226 249);
|
512
|
+
--md-sys-color-on-secondary-fixed: rgb(19 28 43);
|
513
|
+
--md-sys-color-secondary-fixed-dim: rgb(190 198 220);
|
514
|
+
--md-sys-color-on-secondary-fixed-variant: rgb(62 71 89);
|
515
|
+
--md-sys-color-tertiary-fixed: rgb(250 216 253);
|
516
|
+
--md-sys-color-on-tertiary-fixed: rgb(40 19 46);
|
517
|
+
--md-sys-color-tertiary-fixed-dim: rgb(221 188 224);
|
518
|
+
--md-sys-color-on-tertiary-fixed-variant: rgb(87 62 92);
|
519
|
+
--md-sys-color-surface-dim: rgb(217 217 224);
|
520
|
+
--md-sys-color-surface-bright: rgb(249 249 255);
|
521
|
+
--md-sys-color-surface-container-lowest: rgb(255 255 255);
|
522
|
+
--md-sys-color-surface-container-low: rgb(243 243 250);
|
523
|
+
--md-sys-color-surface-container: rgb(237 237 244);
|
524
|
+
--md-sys-color-surface-container-high: rgb(231 232 238);
|
525
|
+
--md-sys-color-surface-container-highest: rgb(226 226 233);
|
526
|
+
--outline-filter: brightness(0) saturate(100%) invert(61%) sepia(5%)
|
527
|
+
saturate(424%) hue-rotate(192deg) brightness(92%) contrast(92%);
|
528
|
+
}
|
529
|
+
.light-cyan {
|
530
|
+
--md-sys-color-primary: rgb(0 106 100);
|
531
|
+
--md-sys-color-surface-tint: rgb(0 106 100);
|
532
|
+
--md-sys-color-on-primary: rgb(255 255 255);
|
533
|
+
--md-sys-color-primary-container: rgb(157 242 233);
|
534
|
+
--md-sys-color-on-primary-container: rgb(0 32 30);
|
535
|
+
--md-sys-color-secondary: rgb(74 99 96);
|
536
|
+
--md-sys-color-on-secondary: rgb(255 255 255);
|
537
|
+
--md-sys-color-secondary-container: rgb(204 232 228);
|
538
|
+
--md-sys-color-on-secondary-container: rgb(5 31 29);
|
539
|
+
--md-sys-color-tertiary: rgb(72 97 122);
|
540
|
+
--md-sys-color-on-tertiary: rgb(255 255 255);
|
541
|
+
--md-sys-color-tertiary-container: rgb(207 229 255);
|
542
|
+
--md-sys-color-on-tertiary-container: rgb(0 29 52);
|
543
|
+
--md-sys-color-error: rgb(186 26 26);
|
544
|
+
--md-sys-color-on-error: rgb(255 255 255);
|
545
|
+
--md-sys-color-error-container: rgb(255 218 214);
|
546
|
+
--md-sys-color-on-error-container: rgb(65 0 2);
|
547
|
+
--md-sys-color-background: rgb(244 251 249);
|
548
|
+
--md-sys-color-on-background: rgb(22 29 28);
|
549
|
+
--md-sys-color-surface: rgb(244 251 249);
|
550
|
+
--md-sys-color-on-surface: #161d1c;
|
551
|
+
--on-surface-filter: invert(7%) sepia(7%) saturate(1616%) hue-rotate(122deg)
|
552
|
+
brightness(92%) contrast(90%);
|
553
|
+
--md-sys-color-surface-variant: rgb(218 229 226);
|
554
|
+
--md-sys-color-on-surface-variant: rgb(63 73 71);
|
555
|
+
--md-sys-color-outline: rgb(111 121 119);
|
556
|
+
--md-sys-color-outline-variant: rgb(190 201 198);
|
557
|
+
--md-sys-color-shadow: rgb(0 0 0);
|
558
|
+
--md-sys-color-scrim: rgb(0 0 0);
|
559
|
+
--md-sys-color-inverse-surface: rgb(43 50 49);
|
560
|
+
--outline-filter: brightness(0) saturate(100%) invert(66%) sepia(8%)
|
561
|
+
saturate(263%) hue-rotate(118deg) brightness(85%) contrast(87%);
|
562
|
+
--md-sys-color-inverse-on-surface: rgb(236 242 240);
|
563
|
+
--md-sys-color-inverse-primary: rgb(129 213 205);
|
564
|
+
--md-sys-color-primary-fixed: rgb(157 242 233);
|
565
|
+
--md-sys-color-on-primary-fixed: rgb(0 32 30);
|
566
|
+
--md-sys-color-primary-fixed-dim: rgb(129 213 205);
|
567
|
+
--md-sys-color-on-primary-fixed-variant: rgb(0 80 75);
|
568
|
+
--md-sys-color-secondary-fixed: rgb(204 232 228);
|
569
|
+
--md-sys-color-on-secondary-fixed: rgb(5 31 29);
|
570
|
+
--md-sys-color-secondary-fixed-dim: rgb(176 204 200);
|
571
|
+
--md-sys-color-on-secondary-fixed-variant: rgb(50 75 73);
|
572
|
+
--md-sys-color-tertiary-fixed: rgb(207 229 255);
|
573
|
+
--md-sys-color-on-tertiary-fixed: rgb(0 29 52);
|
574
|
+
--md-sys-color-tertiary-fixed-dim: rgb(175 201 231);
|
575
|
+
--md-sys-color-on-tertiary-fixed-variant: rgb(48 73 98);
|
576
|
+
--md-sys-color-surface-dim: rgb(213 219 218);
|
577
|
+
--md-sys-color-surface-bright: rgb(244 251 249);
|
578
|
+
--md-sys-color-surface-container-lowest: rgb(255 255 255);
|
579
|
+
--md-sys-color-surface-container-low: rgb(239 245 243);
|
580
|
+
--md-sys-color-surface-container: rgb(233 239 237);
|
581
|
+
--md-sys-color-surface-container-high: rgb(227 233 232);
|
582
|
+
--md-sys-color-surface-container-highest: rgb(221 228 226);
|
583
|
+
}
|
@@ -19,9 +19,38 @@
|
|
19
19
|
: themeOptions.style.maxWidth === "0px"
|
20
20
|
? "800px"
|
21
21
|
: "0px";
|
22
|
+
// themeOptions.style.marginRight = themeOptions.style.maxWidth !== "0px" ? "20px" : "0px";
|
23
|
+
themeOptions.style.paddingTop =
|
24
|
+
themeOptions.style.maxWidth !== "0px" ? "50px" : "0px";
|
25
|
+
// currentTheme.style.display =
|
26
|
+
// currentTheme.style.display !== "none" ? "none" : "block";
|
22
27
|
});
|
23
28
|
|
24
29
|
document.querySelectorAll(".theme-option").forEach((option) => {
|
25
30
|
option.addEventListener("click", clickHandler(option.dataset.themeClass));
|
26
31
|
});
|
32
|
+
// document.querySelector(".night-mode-button").addEventListener("click", () => {
|
33
|
+
// let activeMode = root.className;
|
34
|
+
// if (activeMode.startsWith("dark")) {
|
35
|
+
// activeMode = root.className.replace("dark", "light");
|
36
|
+
// } else {
|
37
|
+
// activeMode = root.className.replace("light", "dark");
|
38
|
+
// }
|
39
|
+
// root.className = activeMode;
|
40
|
+
// window.localStorage.setItem("theme", activeMode);
|
41
|
+
// });
|
42
|
+
|
43
|
+
const darkModeToggle = document.getElementById("darkModeToggle");
|
44
|
+
|
45
|
+
darkModeToggle.checked = theme.startsWith("dark") ? true : false;
|
46
|
+
darkModeToggle.addEventListener("change", () => {
|
47
|
+
let activeMode = root.className;
|
48
|
+
if (activeMode.startsWith("dark")) {
|
49
|
+
activeMode = root.className.replace("dark", "light");
|
50
|
+
} else {
|
51
|
+
activeMode = root.className.replace("light", "dark");
|
52
|
+
}
|
53
|
+
root.className = activeMode;
|
54
|
+
window.localStorage.setItem("theme", activeMode);
|
55
|
+
});
|
27
56
|
})();
|
@@ -1,5 +1,5 @@
|
|
1
1
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 115.20619217560227 149.71790279280162"
|
2
|
-
width="345.6185765268068" height="449.1537083784049"
|
2
|
+
width="345.6185765268068" height="449.1537083784049">
|
3
3
|
<!-- svg-source:excalidraw -->
|
4
4
|
|
5
5
|
<defs>
|
@@ -8,19 +8,19 @@
|
|
8
8
|
</style>
|
9
9
|
|
10
10
|
</defs>
|
11
|
-
<g stroke-opacity="
|
11
|
+
<g stroke-opacity="1" fill-opacity="0" stroke-linecap="round"
|
12
12
|
transform="translate(10 16.369558909910893) rotate(0 34.50250452803067 32.58569872091772)">
|
13
13
|
<path
|
14
14
|
d="M56.2 6.66 C60.83 9.91, 65.18 17.15, 66.6 23.55 C68.01 29.94, 66.75 38.81, 64.69 45.03 C62.63 51.25, 59.51 57.37, 54.25 60.88 C48.98 64.39, 40.47 66.37, 33.1 66.08 C25.73 65.79, 15.1 63.35, 10.04 59.13 C4.97 54.9, 4.1 47.13, 2.7 40.74 C1.31 34.35, -0.84 26.6, 1.68 20.8 C4.19 14.99, 11.85 9.28, 17.8 5.89 C23.74 2.51, 28.82 -3.74, 37.36 0.47 C45.9 4.69, 65.47 22.08, 69.04 31.18 C72.61 40.28, 59.47 54.58, 58.77 55.07 M56.44 7.52 C62.54 11.73, 68.24 20.01, 70.04 26.1 C71.85 32.19, 70.26 38.79, 67.27 44.06 C64.28 49.33, 58.21 54.34, 52.08 57.71 C45.95 61.08, 36.72 63.97, 30.5 64.29 C24.29 64.6, 19.95 63.11, 14.77 59.61 C9.58 56.11, 1.79 50.04, -0.61 43.27 C-3.01 36.5, -2.16 25.78, 0.38 18.99 C2.91 12.19, 8.32 5.32, 14.61 2.52 C20.9 -0.29, 30.69 1.1, 38.11 2.16 C45.52 3.22, 56.27 7.48, 59.1 8.86 C61.93 10.25, 56.22 10.5, 55.09 10.47"
|
15
15
|
stroke="#000000" stroke-width="2" fill="none"></path>
|
16
16
|
</g>
|
17
17
|
<g stroke-linecap="round">
|
18
|
-
<g stroke-opacity="
|
18
|
+
<g stroke-opacity="1" fill-opacity="1"
|
19
19
|
transform="translate(31.084863878241322 81.54095635174724) rotate(0 16.700716021606354 27.136795898502896)"
|
20
20
|
fill-rule="evenodd">
|
21
21
|
<path
|
22
22
|
d="M0 0 C0 0, 0 0, 0 0 M0 0 C0 0, 0 0, 0 0 M-4.85 18.11 C-1.53 8.08, 3.27 2.65, 13.63 2.03 M-0.7 13.9 C2.05 8.39, 9.28 0.67, 12.81 -0.85 M-7.39 28.48 C0.46 19.31, 12.25 18.01, 21.43 -5.52 M-3.99 27.77 C1.83 18.92, 11.43 11.34, 24.92 -4.31 M-1.2 39.03 C10.65 23.06, 21.6 16.88, 31.8 -6.35 M2.83 35.05 C13.25 18.41, 28.13 6.31, 33.02 -3.76 M-0.37 55.26 C7.83 35.23, 24.14 28.23, 37.55 7.28 M-1.35 52.1 C12.69 34.32, 26.01 17.87, 34.58 11.32 M6.34 56.57 C14.03 50.36, 16.7 38.28, 36.04 21.48 M1.76 58.96 C9.85 50.25, 20.7 40.86, 33.11 23.14 M11.18 63.53 C16.57 52.39, 26.05 45.27, 37.15 36.05 M11.44 59.65 C19.74 52.69, 30.08 40.62, 34.1 32.02 M22.26 64.29 C26.12 57.85, 30.4 52.57, 40.44 43.82 M22.81 59.7 C26.98 53.55, 32.65 47.81, 36.1 44.75"
|
23
|
-
stroke="#
|
23
|
+
stroke="#000000" stroke-width="1" fill="none"></path>
|
24
24
|
<path
|
25
25
|
d="M1.99 2.39 C1.11 7.06, -3.02 20.95, -3.64 29.46 C-4.27 37.98, -7.79 49.73, -1.75 53.5 C4.29 57.27, 26.85 57.07, 32.6 52.07 C38.34 47.08, 32.32 32.4, 32.72 23.52 C33.12 14.64, 37.66 3.18, 34.98 -1.21 C32.3 -5.6, 22.04 -3.44, 16.65 -2.82 C11.25 -2.2, 5.23 2.27, 2.61 2.5 M-0.37 1.22 C-1.69 6.13, -6.09 23.42, -5.34 32.46 C-4.59 41.5, -2.08 51.98, 4.14 55.48 C10.36 58.97, 27.81 59.82, 31.97 53.44 C36.14 47.07, 28.01 26.55, 29.12 17.22 C30.23 7.88, 40.33 0.12, 38.63 -2.55 C36.94 -5.22, 25.11 0.24, 18.94 1.17 C12.77 2.11, 5.17 2.72, 1.61 3.06"
|
26
26
|
stroke="#000000" stroke-width="2" fill="none"></path>
|
@@ -28,7 +28,7 @@
|
|
28
28
|
</g>
|
29
29
|
<mask></mask>
|
30
30
|
<g stroke-linecap="round">
|
31
|
-
<g stroke-opacity="
|
31
|
+
<g stroke-opacity="1" fill-opacity="1"
|
32
32
|
transform="translate(27.083277305692036 81.12124227184631) rotate(0 -7.1804027025845585 23.829739409577826)">
|
33
33
|
<path
|
34
34
|
d="M-0.95 -0.98 C-2.8 3.72, -9.61 18.98, -11.86 27.25 C-14.12 35.52, -14.1 45.41, -14.48 48.64 M0.75 1.13 C-1.2 5.59, -10.22 18.11, -12.86 25.72 C-15.51 33.32, -15 43.19, -15.11 46.76"
|
@@ -37,7 +37,7 @@
|
|
37
37
|
</g>
|
38
38
|
<mask></mask>
|
39
39
|
<g stroke-linecap="round">
|
40
|
-
<g stroke-opacity="
|
40
|
+
<g stroke-opacity="1" fill-opacity="1"
|
41
41
|
transform="translate(11.603050377373279 130.07938183127078) rotate(0 3.7405555080219983 4.8157300924779065)">
|
42
42
|
<path d="M-0.07 0.7 C1.45 2.34, 7.03 8.02, 8.5 9.22 M-1.01 0.41 C0.47 1.9, 6.41 6.85, 7.98 8.18" stroke="#000000"
|
43
43
|
stroke-width="2" fill="none"></path>
|
@@ -45,7 +45,7 @@
|
|
45
45
|
</g>
|
46
46
|
<mask></mask>
|
47
47
|
<g stroke-linecap="round">
|
48
|
-
<g stroke-opacity="
|
48
|
+
<g stroke-opacity="1" fill-opacity="1"
|
49
49
|
transform="translate(67.9781866761125 83.74271082123255) rotate(0 12.155933012048592 -26.781485085579163)">
|
50
50
|
<path
|
51
51
|
d="M0.6 2.06 C4.34 -1.85, 17.88 -15.07, 22.24 -20.86 C26.61 -26.65, 27.01 -26.9, 26.79 -32.69 C26.57 -38.49, 21.88 -52.31, 20.93 -55.62 M-2.53 0.71 C1 -1.76, 15.96 -12.44, 20.78 -18.7 C25.6 -24.96, 26.19 -31.01, 26.4 -36.86 C26.61 -42.71, 23.4 -51.48, 22.05 -53.79"
|
@@ -54,7 +54,7 @@
|
|
54
54
|
</g>
|
55
55
|
<mask></mask>
|
56
56
|
<g stroke-linecap="round">
|
57
|
-
<g stroke-opacity="
|
57
|
+
<g stroke-opacity="1" fill-opacity="1"
|
58
58
|
transform="translate(86.360096875105 25.81282286672092) rotate(0 0.07455243862114003 -7.420999907079079)">
|
59
59
|
<path d="M0.61 -1.16 C0.67 -3.66, 0.72 -11.69, 0.6 -14.13 M-0.52 0.85 C-0.55 -2.04, 0.26 -13.08, 0.24 -15.69"
|
60
60
|
stroke="#000000" stroke-width="2" fill="none"></path>
|
@@ -62,7 +62,7 @@
|
|
62
62
|
</g>
|
63
63
|
<mask></mask>
|
64
64
|
<g stroke-linecap="round">
|
65
|
-
<g stroke-opacity="
|
65
|
+
<g stroke-opacity="1" fill-opacity="1"
|
66
66
|
transform="translate(91.07874026399963 31.58005367537021) rotate(0 2.1697822114203404 -10.253476735488448)">
|
67
67
|
<path d="M1.12 1.07 C1.7 -2.33, 3.58 -18.02, 4.09 -21.58 M0.25 0.59 C0.65 -2.56, 2.79 -16.56, 3.36 -20.36"
|
68
68
|
stroke="#000000" stroke-width="2" fill="none"></path>
|
@@ -70,21 +70,21 @@
|
|
70
70
|
</g>
|
71
71
|
<mask></mask>
|
72
72
|
<g stroke-linecap="round">
|
73
|
-
<g stroke-opacity="
|
73
|
+
<g stroke-opacity="1" fill-opacity="1"
|
74
74
|
transform="translate(90.55444655412225 32.10434738524714) rotate(0 6.916527724979403 -7.804763053959505)">
|
75
75
|
<path d="M0.42 -0.61 C2.68 -3.38, 12.24 -12.94, 14.65 -15.55 M-0.82 1.69 C1.22 -0.91, 11.42 -14.52, 13.96 -17.3"
|
76
76
|
stroke="#000000" stroke-width="2" fill="none"></path>
|
77
77
|
</g>
|
78
78
|
</g>
|
79
79
|
<mask></mask>
|
80
|
-
<g stroke-opacity="
|
80
|
+
<g stroke-opacity="1" fill-opacity="1"
|
81
81
|
transform="translate(38.67430022957956 38.840193608200366) rotate(0 0.00004600333937787582 0.00004600333937787582)"
|
82
82
|
stroke="none">
|
83
83
|
<path fill="#000000"
|
84
84
|
d="M 1.57,-1.57 Q 1.57,-1.57 1.77,-1.27 1.98,-0.98 2.09,-0.64 2.20,-0.29 2.19,0.05 2.18,0.41 2.05,0.75 1.93,1.09 1.70,1.37 1.48,1.65 1.18,1.84 0.87,2.04 0.52,2.12 0.18,2.21 -0.17,2.18 -0.53,2.15 -0.86,2.01 -1.19,1.87 -1.46,1.63 -1.73,1.39 -1.90,1.07 -2.08,0.76 -2.15,0.41 -2.21,0.05 -2.17,-0.29 -2.12,-0.65 -1.96,-0.97 -1.80,-1.29 -1.54,-1.54 -1.29,-1.80 -0.97,-1.96 -0.65,-2.12 -0.29,-2.17 0.06,-2.21 0.41,-2.15 0.76,-2.08 1.07,-1.90 1.39,-1.73 1.63,-1.46 1.87,-1.19 2.01,-0.86 2.15,-0.53 2.18,-0.17 2.21,0.18 2.12,0.52 2.03,0.87 1.84,1.18 1.65,1.48 1.37,1.70 1.09,1.93 0.75,2.05 0.41,2.18 0.05,2.19 -0.30,2.20 -0.64,2.09 -0.98,1.98 -1.27,1.77 -1.57,1.56 -1.57,1.57 -1.57,1.57 -1.73,1.35 -1.90,1.14 -2.01,0.90 -2.12,0.66 -2.16,0.39 -2.21,0.13 -2.20,-0.13 -2.18,-0.40 -2.10,-0.65 -2.02,-0.91 -1.88,-1.14 -1.74,-1.36 -1.55,-1.55 -1.36,-1.74 -1.14,-1.88 -0.91,-2.02 -0.65,-2.10 -0.40,-2.18 -0.13,-2.20 0.13,-2.21 0.39,-2.16 0.66,-2.12 0.90,-2.01 1.14,-1.90 1.35,-1.73 1.57,-1.57 1.57,-1.57 L 1.57,-1.57 Z">
|
85
85
|
</path>
|
86
86
|
</g>
|
87
|
-
<g stroke-opacity="
|
87
|
+
<g stroke-opacity="1" fill-opacity="1"
|
88
88
|
transform="translate(56.4250003633673 38.00175253083182) rotate(0 0.00004600333937787582 0.00004600333937787582)"
|
89
89
|
stroke="none">
|
90
90
|
<path fill="#000000"
|
@@ -92,7 +92,7 @@
|
|
92
92
|
</path>
|
93
93
|
</g>
|
94
94
|
<g stroke-linecap="round">
|
95
|
-
<g stroke-opacity="
|
95
|
+
<g stroke-opacity="1" fill-opacity="1"
|
96
96
|
transform="translate(40.53198443230451 53.85006053174004) rotate(180.707313349537 6.173547239599031 -2.3527085912999155)">
|
97
97
|
<path
|
98
98
|
d="M0.1 0.01 C0.75 -0.66, 2.28 -3.82, 4.22 -4.03 C6.16 -4.23, 10.36 -1.78, 11.76 -1.21 M-0.51 -0.46 C0.28 -1.27, 3.04 -4.67, 5.27 -4.72 C7.5 -4.76, 11.58 -1.23, 12.86 -0.71"
|
@@ -7,4 +7,4 @@
|
|
7
7
|
</style>
|
8
8
|
|
9
9
|
</defs>
|
10
|
-
<g stroke-linecap="round"><g transform="translate(13.950384992495117 12.357081829032381) rotate(0 14.261622046022111 23.33231996428026)" fill-rule="evenodd"><path d="M-1.57 1.72 C3.58 1.91, 25.62 -4.24, 31.26 2.88 C36.9 10.01, 34.58 40.2, 32.28 44.5 C29.97 48.8, 22.75 28.44, 17.43 28.67 C12.11 28.89, 3.48 50.24, 0.37 45.85 C-2.75 41.46, -1.18 9.92, -1.24 2.32" stroke="none" stroke-width="0" fill="#ffffff" fill-rule="evenodd"></path><path d="M1.07 1.02 C5.97 1.28, 24.68 -6.58, 29.67 0.84 C34.65 8.26, 33.31 40.75, 30.98 45.54 C28.66 50.32, 21.15 29.55, 15.7 29.55 C10.26 29.56, 1.13 50.67, -1.68 45.56 C-4.49 40.45, -1.37 6.37, -1.16 -1.1 M0.17 0.51 C4.88 1.03, 23.61 -5.39, 28.68 2.3 C33.76 9.99, 32.79 42.48, 30.63 46.65 C28.47 50.82, 21.37 27.53, 15.74 27.31 C10.11 27.1, -0.48 49.76, -3.16 45.37 C-5.84 40.97, -0.88 8.54, -0.36 0.94" stroke="#
|
10
|
+
<g stroke-linecap="round"><g transform="translate(13.950384992495117 12.357081829032381) rotate(0 14.261622046022111 23.33231996428026)" fill-rule="evenodd"><path d="M-1.57 1.72 C3.58 1.91, 25.62 -4.24, 31.26 2.88 C36.9 10.01, 34.58 40.2, 32.28 44.5 C29.97 48.8, 22.75 28.44, 17.43 28.67 C12.11 28.89, 3.48 50.24, 0.37 45.85 C-2.75 41.46, -1.18 9.92, -1.24 2.32" stroke="none" stroke-width="0" fill="#ffffff" fill-rule="evenodd"></path><path d="M1.07 1.02 C5.97 1.28, 24.68 -6.58, 29.67 0.84 C34.65 8.26, 33.31 40.75, 30.98 45.54 C28.66 50.32, 21.15 29.55, 15.7 29.55 C10.26 29.56, 1.13 50.67, -1.68 45.56 C-4.49 40.45, -1.37 6.37, -1.16 -1.1 M0.17 0.51 C4.88 1.03, 23.61 -5.39, 28.68 2.3 C33.76 9.99, 32.79 42.48, 30.63 46.65 C28.47 50.82, 21.37 27.53, 15.74 27.31 C10.11 27.1, -0.48 49.76, -3.16 45.37 C-5.84 40.97, -0.88 8.54, -0.36 0.94" stroke="#000000" stroke-width="2" fill="none"></path></g></g><mask></mask></svg>
|
@@ -1,10 +1,115 @@
|
|
1
|
-
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 67.2527685293673 122.67861080539672"
|
1
|
+
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 67.2527685293673 122.67861080539672"
|
2
|
+
width="201.7583055881019" height="368.03583241619015">
|
2
3
|
<!-- svg-source:excalidraw -->
|
3
|
-
|
4
|
+
|
4
5
|
<defs>
|
5
6
|
<style class="style-fonts">
|
6
|
-
|
7
|
+
|
7
8
|
</style>
|
8
|
-
|
9
|
+
|
9
10
|
</defs>
|
10
|
-
<g stroke-linecap="round"
|
11
|
+
<g stroke-linecap="round">
|
12
|
+
<g transform="translate(47.08292526901914 11.234563421881262) rotate(0 -16.578121474593615 9.946872884756147)"
|
13
|
+
fill-rule="evenodd">
|
14
|
+
<path d="M-0.92 -0.7 L-32.84 18.13 L-18.86 20.66 L-0.21 8.68 L0.57 1.86" stroke="none" stroke-width="0"
|
15
|
+
fill="none" fill-rule="evenodd"></path>
|
16
|
+
<path
|
17
|
+
d="M0 0 C-8.45 5.43, -17.47 9.45, -33.53 17.52 M0 0 C-12.86 6.52, -25.22 12.89, -33.53 17.52 M-33.53 17.52 C-27.59 18.15, -22.53 19.34, -18.14 19.89 M-33.53 17.52 C-27.85 18.77, -21.58 19.03, -18.14 19.89 M-18.14 19.89 C-13.34 18.02, -10.67 14.42, 0.38 7.88 M-18.14 19.89 C-10.92 15.87, -4.63 10.98, 0.38 7.88 M0.38 7.88 C0.16 5.65, 0.37 3.92, 0.25 1.38 M0.38 7.88 C0.34 5.82, 0.22 4.03, 0.25 1.38 M0.25 1.38 C0.25 1.07, 0.19 0.79, 0 0 M0.25 1.38 C0.2 1.01, 0.12 0.6, 0 0"
|
18
|
+
stroke="transparent" stroke-width="2" fill="none"></path>
|
19
|
+
</g>
|
20
|
+
</g>
|
21
|
+
<mask></mask>
|
22
|
+
<g stroke-linecap="round">
|
23
|
+
<g transform="translate(47.082925269019256 10) rotate(0 -13.137379281753454 50.92298445403463)">
|
24
|
+
<path
|
25
|
+
d="M0 0 C-6.37 4.13, -13.49 9.22, -35.53 16.77 M0 0 C-11.27 4.43, -22.26 11.04, -35.53 16.77 M-35.53 16.77 C-37.41 36.66, -34.01 55.27, -36.41 96.09 M-35.53 16.77 C-36.96 46.06, -37.72 77.27, -36.41 96.09 M-36.41 96.09 C-36.18 96.52, -35.53 96.85, -35.16 97.72 M-36.41 96.09 C-36.03 96.61, -35.56 97.19, -35.16 97.72 M-35.16 97.72 C-28.51 99.74, -22.78 100.93, -17.52 101.85 M-35.16 97.72 C-31.68 98.83, -28.03 100.3, -17.52 101.85 M-17.52 101.85 C-13.52 99.52, -12.58 96.99, -5.51 88.08 M-17.52 101.85 C-13.99 98.18, -12.16 93.93, -5.51 88.08 M-5.51 88.08 C1.38 81.72, 6.9 78.22, 9.26 73.69 M-5.51 88.08 C-0.73 82.23, 4.94 77.43, 9.26 73.69 M9.26 73.69 C8.4 48.23, 10.46 21.73, 10.13 1.25 M9.26 73.69 C8.86 51.62, 9.22 30.41, 10.13 1.25 M10.13 1.25 C3.93 5.89, -1.73 7.94, -17.64 20.64 M10.13 1.25 C-1.12 10.02, -12.24 16.01, -17.64 20.64 M-17.64 20.64 C-25.17 21.33, -31.34 18.83, -34.41 18.14 M-17.64 20.64 C-23 19.59, -29.89 19.22, -34.41 18.14 M-34.41 18.14 C-25.79 12.06, -14.71 9.07, 0 0 M-34.41 18.14 C-21.82 12.02, -9.59 4.45, 0 0"
|
26
|
+
stroke="#000000" stroke-width="2" fill="none"></path>
|
27
|
+
</g>
|
28
|
+
</g>
|
29
|
+
<mask></mask>
|
30
|
+
<g stroke-linecap="round">
|
31
|
+
<g transform="translate(47.208043166941195 10.859209728116866) rotate(0 0.18767684688219788 3.5033011418009323)">
|
32
|
+
<path d="M0 0 C0.34 2.89, 0.36 5.28, 0.38 7.01 M0 0 C0.2 1.91, 0.15 3.76, 0.38 7.01" stroke="#000000"
|
33
|
+
stroke-width="2" fill="none"></path>
|
34
|
+
</g>
|
35
|
+
</g>
|
36
|
+
<mask></mask>
|
37
|
+
<g stroke-linecap="round"
|
38
|
+
transform="translate(16.574645625673327 87.55370392411544) rotate(344.5603544646815 3.565860090761632 4.0181697108163235)">
|
39
|
+
<path
|
40
|
+
d="M3.96 -0.28 C4.61 -0.23, 5.35 0.84, 5.91 1.47 C6.47 2.1, 7.2 2.73, 7.33 3.52 C7.46 4.3, 7.14 5.45, 6.7 6.2 C6.25 6.95, 5.44 7.74, 4.68 8.03 C3.92 8.32, 2.89 8.33, 2.15 7.92 C1.4 7.51, 0.59 6.38, 0.21 5.56 C-0.17 4.74, -0.34 3.77, -0.15 2.99 C0.04 2.22, 0.69 1.35, 1.36 0.9 C2.03 0.45, 3.48 0.4, 3.89 0.3 C4.3 0.2, 3.81 0.25, 3.83 0.3 M3.38 -0.1 C4.05 -0.05, 5.17 0.63, 5.72 1.17 C6.27 1.71, 6.55 2.31, 6.66 3.12 C6.77 3.93, 6.69 5.22, 6.4 6.01 C6.11 6.8, 5.66 7.48, 4.92 7.86 C4.18 8.23, 2.76 8.48, 1.95 8.25 C1.13 8.02, 0.34 7.23, 0.01 6.48 C-0.32 5.73, -0.21 4.74, -0.03 3.76 C0.14 2.78, 0.41 1.15, 1.07 0.58 C1.74 0.01, 3.45 0.48, 3.94 0.34 C4.43 0.2, 4 -0.24, 4.01 -0.29"
|
41
|
+
stroke="none" stroke-width="0" fill="rgba(0,0,0,0)"></path>
|
42
|
+
<path
|
43
|
+
d="M3.02 0.28 C3.78 0.12, 5.09 0.16, 5.76 0.6 C6.44 1.04, 6.95 2.05, 7.07 2.91 C7.19 3.77, 6.77 5.01, 6.48 5.77 C6.19 6.52, 5.94 7.15, 5.33 7.45 C4.73 7.75, 3.58 7.79, 2.85 7.57 C2.12 7.36, 1.45 6.86, 0.93 6.15 C0.42 5.45, -0.28 4.18, -0.23 3.34 C-0.18 2.5, 0.58 1.61, 1.23 1.1 C1.88 0.59, 3.31 0.44, 3.65 0.26 C3.99 0.08, 3.28 0.05, 3.28 0.03 M3.54 -0.02 C4.22 -0.08, 5.41 0.68, 6.05 1.23 C6.68 1.77, 7.34 2.42, 7.37 3.27 C7.4 4.12, 6.68 5.56, 6.24 6.32 C5.8 7.08, 5.41 7.67, 4.74 7.84 C4.07 8.01, 2.95 7.73, 2.23 7.33 C1.51 6.93, 0.81 6.13, 0.42 5.43 C0.02 4.74, -0.26 3.86, -0.16 3.15 C-0.06 2.43, 0.43 1.6, 1.02 1.15 C1.61 0.69, 2.91 0.52, 3.36 0.41 C3.82 0.3, 3.65 0.49, 3.75 0.48"
|
44
|
+
stroke="#000000" stroke-width="2" fill="none"></path>
|
45
|
+
</g>
|
46
|
+
<g stroke-linecap="round">
|
47
|
+
<g transform="translate(31.067834335071893 79.63406745259465) rotate(0 1.751650570900452 -0.3534258147472542)"
|
48
|
+
fill-rule="evenodd">
|
49
|
+
<path d="M0.21 0.32 L0.35 2.32 L3.47 -1.09 L3.96 -3.66 L0.44 -0.26" stroke="none" stroke-width="0" fill="#ced4da"
|
50
|
+
fill-rule="evenodd"></path>
|
51
|
+
<path
|
52
|
+
d="M0 0 C-0.12 1, -0.27 2.01, -0.25 2.5 M0 0 C-0.1 0.79, -0.17 1.69, -0.25 2.5 M-0.25 2.5 C0.79 1.77, 1.4 1.01, 3.63 -0.5 M-0.25 2.5 C1.14 1.41, 2.4 0.49, 3.63 -0.5 M3.63 -0.5 C3.73 -1.11, 3.67 -1.64, 3.75 -3.21 M3.63 -0.5 C3.64 -1.38, 3.72 -2.29, 3.75 -3.21 M3.75 -3.21 C2.44 -2.29, 1.43 -1.35, 0 0 M3.75 -3.21 C2.37 -1.96, 1.03 -0.86, 0 0 M0 0 C0 0, 0 0, 0 0 M0 0 C0 0, 0 0, 0 0"
|
53
|
+
stroke="#000000" stroke-width="2" fill="none"></path>
|
54
|
+
</g>
|
55
|
+
</g>
|
56
|
+
<mask></mask>
|
57
|
+
<g stroke-linecap="round">
|
58
|
+
<g transform="translate(31.318620224765937 59.19618402089782) rotate(0 1.751650570900452 -0.3534258147472542)"
|
59
|
+
fill-rule="evenodd">
|
60
|
+
<path d="M0.6 -0.18 L-0.41 1.91 L3.83 -0.95 L4.19 -3.47 L0.53 -0.49" stroke="none" stroke-width="0" fill="#ced4da"
|
61
|
+
fill-rule="evenodd"></path>
|
62
|
+
<path
|
63
|
+
d="M0 0 C-0.14 0.71, -0.11 1.25, -0.25 2.5 M0 0 C-0.08 0.82, -0.19 1.6, -0.25 2.5 M-0.25 2.5 C0.42 1.76, 1.42 1.25, 3.63 -0.5 M-0.25 2.5 C1.17 1.45, 2.56 0.3, 3.63 -0.5 M3.63 -0.5 C3.66 -1.48, 3.74 -2.44, 3.75 -3.21 M3.63 -0.5 C3.68 -1.18, 3.7 -1.88, 3.75 -3.21 M3.75 -3.21 C2.61 -2.37, 1.57 -1.39, 0 0 M3.75 -3.21 C2.36 -1.99, 0.95 -0.78, 0 0 M0 0 C0 0, 0 0, 0 0 M0 0 C0 0, 0 0, 0 0"
|
64
|
+
stroke="#000000" stroke-width="2" fill="none"></path>
|
65
|
+
</g>
|
66
|
+
</g>
|
67
|
+
<mask></mask>
|
68
|
+
<g stroke-linecap="round">
|
69
|
+
<g transform="translate(14.917973114765175 34.71630324050852) rotate(0 5.320718812890831 23.620013421711747)"
|
70
|
+
fill-rule="evenodd">
|
71
|
+
<path d="M-0.23 -0.88 L11.34 1.21 L11.3 46.84 L0.4 44.12 L0.12 0.93" stroke="none" stroke-width="0" fill="none"
|
72
|
+
fill-rule="evenodd"></path>
|
73
|
+
<path
|
74
|
+
d="M0 0 C3.8 0.31, 7.34 0.98, 11.04 1.89 M0 0 C2.14 0.57, 4.42 1.02, 11.04 1.89 M11.04 1.89 C11.19 13.78, 11.39 26.63, 10.64 47.24 M11.04 1.89 C10.47 12.47, 11.15 23.18, 10.64 47.24 M10.64 47.24 C7.95 46.93, 4.62 45.64, -0.4 44.85 M10.64 47.24 C7.09 46.25, 3.5 45.46, -0.4 44.85 M-0.4 44.85 C0.26 33.03, 0.4 22.76, -0.4 0.8 M-0.4 44.85 C-0.14 27.99, -0.16 11.86, -0.4 0.8 M-0.4 0.8 C-0.29 0.55, -0.09 0.21, 0 0 M-0.4 0.8 C-0.24 0.51, -0.08 0.19, 0 0"
|
75
|
+
stroke="#000000" stroke-width="1" fill="none"></path>
|
76
|
+
</g>
|
77
|
+
</g>
|
78
|
+
<mask></mask>
|
79
|
+
<g stroke-linecap="round">
|
80
|
+
<g transform="translate(16.62642822090612 54.85192069730374) rotate(0 3.530570427245351 0.39781075236567176)">
|
81
|
+
<path d="M0 0 C2.71 0.22, 5.15 0.61, 7.06 0.8 M0 0 C2.66 0.41, 5.51 0.52, 7.06 0.8" stroke="#000000"
|
82
|
+
stroke-width="1" fill="none"></path>
|
83
|
+
</g>
|
84
|
+
</g>
|
85
|
+
<mask></mask>
|
86
|
+
<g stroke-linecap="round">
|
87
|
+
<g transform="translate(16.260584403998337 61.91306155179416) rotate(0 3.530570427245351 0.39781075236567176)">
|
88
|
+
<path d="M0 0 C1.57 0.2, 3.77 0.24, 7.06 0.8 M0 0 C2.63 0.19, 5.25 0.63, 7.06 0.8" stroke="#000000"
|
89
|
+
stroke-width="1" fill="none"></path>
|
90
|
+
</g>
|
91
|
+
</g>
|
92
|
+
<mask></mask>
|
93
|
+
<g stroke-linecap="round">
|
94
|
+
<g transform="translate(16.615772575753397 69.63485240574926) rotate(0 3.530570427245351 0.39781075236567176)">
|
95
|
+
<path d="M0 0 C2.06 0.04, 3.86 0.2, 7.06 0.8 M0 0 C2.7 0.38, 5.58 0.73, 7.06 0.8" stroke="#000000"
|
96
|
+
stroke-width="1" fill="none"></path>
|
97
|
+
</g>
|
98
|
+
</g>
|
99
|
+
<mask></mask>
|
100
|
+
<g stroke-linecap="round">
|
101
|
+
<g transform="translate(17.05265402701184 47.46400672479808) rotate(0 3.530570427245351 0.39781075236567176)">
|
102
|
+
<path d="M0 0 C2.29 0.03, 4.43 0.4, 7.06 0.8 M0 0 C1.58 0.26, 3.27 0.27, 7.06 0.8" stroke="#000000"
|
103
|
+
stroke-width="1" fill="none"></path>
|
104
|
+
</g>
|
105
|
+
</g>
|
106
|
+
<mask></mask>
|
107
|
+
<g stroke-linecap="round">
|
108
|
+
<g
|
109
|
+
transform="translate(28.5423005692993 31.64784554221012) rotate(0.9326396122069769 0.6968596306295183 40.5123947647175)">
|
110
|
+
<path d="M0 0 C2.88 17.9, -0.22 35.65, 1.39 81.02 M0 0 C1.18 27.07, 0.72 56.25, 1.39 81.02" stroke="#000000"
|
111
|
+
stroke-width="1" fill="none"></path>
|
112
|
+
</g>
|
113
|
+
</g>
|
114
|
+
<mask></mask>
|
115
|
+
</svg>
|
@@ -7,4 +7,4 @@
|
|
7
7
|
</style>
|
8
8
|
|
9
9
|
</defs>
|
10
|
-
<g stroke-linecap="round"><g transform="translate(21.418093481049482 46.117138361917796) rotate(0 7.584918488409187 -16.856672698801333)"><path d="M0 0 C0.58 -2.15, 1.51 -10.91, 3.51 -12.9 C5.51 -14.89, 10.23 -14.36, 12.01 -11.95 C13.8 -9.54, 11.91 -0.44, 14.23 1.56 C16.54 3.56, 24.03 3.73, 25.9 0.05 C27.76 -3.63, 28.34 -14.5, 25.41 -20.52 C22.48 -26.55, 13.93 -35.95, 8.3 -36.11 C2.67 -36.28, -5.19 -27.65, -8.36 -21.52 C-11.53 -15.39, -12.08 -3.33, -10.73 0.65 C-9.38 4.64, -2 2.11, -0.25 2.4 M0 0 C0.58 -2.15, 1.51 -10.91, 3.51 -12.9 C5.51 -14.89, 10.23 -14.36, 12.01 -11.95 C13.8 -9.54, 11.91 -0.44, 14.23 1.56 C16.54 3.56, 24.03 3.73, 25.9 0.05 C27.76 -3.63, 28.34 -14.5, 25.41 -20.52 C22.48 -26.55, 13.93 -35.95, 8.3 -36.11 C2.67 -36.28, -5.19 -27.65, -8.36 -21.52 C-11.53 -15.39, -12.08 -3.33, -10.73 0.65 C-9.38 4.64, -2 2.11, -0.25 2.4" stroke="#
|
10
|
+
<g stroke-linecap="round"><g transform="translate(21.418093481049482 46.117138361917796) rotate(0 7.584918488409187 -16.856672698801333)"><path d="M0 0 C0.58 -2.15, 1.51 -10.91, 3.51 -12.9 C5.51 -14.89, 10.23 -14.36, 12.01 -11.95 C13.8 -9.54, 11.91 -0.44, 14.23 1.56 C16.54 3.56, 24.03 3.73, 25.9 0.05 C27.76 -3.63, 28.34 -14.5, 25.41 -20.52 C22.48 -26.55, 13.93 -35.95, 8.3 -36.11 C2.67 -36.28, -5.19 -27.65, -8.36 -21.52 C-11.53 -15.39, -12.08 -3.33, -10.73 0.65 C-9.38 4.64, -2 2.11, -0.25 2.4 M0 0 C0.58 -2.15, 1.51 -10.91, 3.51 -12.9 C5.51 -14.89, 10.23 -14.36, 12.01 -11.95 C13.8 -9.54, 11.91 -0.44, 14.23 1.56 C16.54 3.56, 24.03 3.73, 25.9 0.05 C27.76 -3.63, 28.34 -14.5, 25.41 -20.52 C22.48 -26.55, 13.93 -35.95, 8.3 -36.11 C2.67 -36.28, -5.19 -27.65, -8.36 -21.52 C-11.53 -15.39, -12.08 -3.33, -10.73 0.65 C-9.38 4.64, -2 2.11, -0.25 2.4" stroke="#000000" stroke-width="2" fill="none"></path></g></g><mask></mask></svg>
|
@@ -1,10 +1,19 @@
|
|
1
|
-
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 89.59175568733679 87.20847569061152"
|
1
|
+
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 89.59175568733679 87.20847569061152"
|
2
|
+
width="268.77526706201036" height="261.62542707183457">
|
2
3
|
<!-- svg-source:excalidraw -->
|
3
|
-
|
4
|
+
|
4
5
|
<defs>
|
5
6
|
<style class="style-fonts">
|
6
|
-
|
7
|
+
|
7
8
|
</style>
|
8
|
-
|
9
|
+
|
9
10
|
</defs>
|
10
|
-
<g stroke-linecap="round"
|
11
|
+
<g stroke-linecap="round">
|
12
|
+
<g transform="translate(34.07651618867902 48.033815253945136) rotate(0 10.719361654989378 -4.429577408639432)">
|
13
|
+
<path
|
14
|
+
d="M0.22 -0.09 C0.28 3.88, 2.8 19.68, 0.53 23.9 C-1.73 28.13, -11.07 30.04, -13.35 25.26 C-15.64 20.48, -11.65 0.17, -13.16 -4.77 C-14.67 -9.7, -26.37 0.96, -22.41 -4.36 C-18.44 -9.67, 2.3 -33.7, 10.62 -36.65 C18.94 -39.59, 24.9 -23.26, 27.54 -22.02 C30.18 -20.78, 24.92 -27.86, 26.45 -29.21 C27.98 -30.55, 35.21 -32.65, 36.72 -30.11 C38.23 -27.57, 34.04 -18.75, 35.5 -13.98 C36.97 -9.21, 45.74 -3.27, 45.51 -1.48 C45.29 0.31, 35.85 -7.86, 34.15 -3.24 C32.46 1.38, 37.76 21.51, 35.34 26.25 C32.93 30.99, 22.17 29.48, 19.67 25.21 C17.17 20.93, 23.8 4.71, 20.35 0.59 C16.91 -3.52, 2.48 0.7, -0.99 0.51 M-1.12 -1.18 C-1.2 2.9, 2.02 20.92, -0.18 24.98 C-2.37 29.03, -12.17 28.01, -14.3 23.17 C-16.44 18.32, -11.47 0.45, -12.99 -4.11 C-14.51 -8.67, -27.06 1.41, -23.42 -4.2 C-19.77 -9.81, 0.81 -35.1, 8.87 -37.77 C16.93 -40.44, 22.24 -21.66, 24.95 -20.22 C27.66 -18.78, 23.4 -27.78, 25.16 -29.15 C26.92 -30.51, 33.67 -30.89, 35.51 -28.42 C37.36 -25.94, 35.01 -18.4, 36.21 -14.27 C37.41 -10.14, 42.7 -5.34, 42.71 -3.64 C42.72 -1.94, 37.36 -8.96, 36.25 -4.07 C35.14 0.82, 38.89 20.88, 36.05 25.68 C33.21 30.48, 22.26 29.07, 19.19 24.73 C16.11 20.39, 20.88 4.01, 17.61 -0.38 C14.33 -4.77, 2.18 -1.68, -0.48 -1.63"
|
15
|
+
stroke="#000000" stroke-width="2" fill="none"></path>
|
16
|
+
</g>
|
17
|
+
</g>
|
18
|
+
<mask></mask>
|
19
|
+
</svg>
|
@@ -1,5 +1,5 @@
|
|
1
1
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54.8289715891961 122.91502231693698"
|
2
|
-
width="164.4869147675883" height="368.74506695081095"
|
2
|
+
width="164.4869147675883" height="368.74506695081095">
|
3
3
|
<!-- svg-source:excalidraw -->
|
4
4
|
|
5
5
|
<defs>
|
@@ -12,7 +12,7 @@
|
|
12
12
|
<g transform="translate(17.963502922513044 98.1012728373579) rotate(0 10.35400784427901 -36.6392819047461)">
|
13
13
|
<path
|
14
14
|
d="M-0.92 0.05 C-0.85 -7.96, -1.61 -37.45, 0.46 -48.12 C2.52 -58.8, 8.31 -63.66, 11.46 -64.01 C14.61 -64.36, 17.92 -61.96, 19.34 -50.21 C20.76 -38.46, 20.48 -4.19, 20 6.49 C19.52 17.16, 20.01 12.99, 16.44 13.85 C12.87 14.71, 2.49 13.98, -1.43 11.64 C-5.36 9.29, -6.38 13.15, -7.1 -0.21 C-7.81 -13.57, -8.39 -54.05, -5.72 -68.55 C-3.06 -83.05, 3.85 -87.21, 8.89 -87.23 C13.93 -87.26, 21.52 -74.71, 24.52 -68.68 C27.52 -62.66, 26.27 -53.89, 26.87 -51.11 M0.8 -0.97 C0.75 -9.29, -1.95 -39.43, -0.23 -49.77 C1.5 -60.1, 7.79 -63.14, 11.17 -62.99 C14.54 -62.84, 18.74 -60.01, 20.02 -48.88 C21.29 -37.74, 19.22 -6.54, 18.81 3.8 C18.39 14.14, 21.3 11.55, 17.53 13.15 C13.75 14.76, -0.1 15.77, -3.84 13.45 C-7.59 11.12, -4.38 13.08, -4.95 -0.79 C-5.52 -14.66, -9.58 -55.22, -7.24 -69.77 C-4.91 -84.32, 3.68 -88.43, 9.08 -88.08 C14.47 -87.73, 22.38 -73.79, 25.11 -67.69 C27.84 -61.59, 25.42 -54.5, 25.45 -51.48"
|
15
|
-
stroke="#
|
15
|
+
stroke="#000000" stroke-width="2" fill="none"></path>
|
16
16
|
</g>
|
17
17
|
</g>
|
18
18
|
<mask></mask>
|
@@ -1,4 +1,4 @@
|
|
1
|
-
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 114.35781720638306 67.98210628581076" width="343.0734516191492" height="203.9463188574323"
|
1
|
+
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 114.35781720638306 67.98210628581076" width="343.0734516191492" height="203.9463188574323">
|
2
2
|
<!-- svg-source:excalidraw -->
|
3
3
|
|
4
4
|
<defs>
|