create-coralite 0.23.0 → 0.24.1
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.
- package/package.json +1 -1
- package/templates/css/package.json +7 -3
- package/templates/css/public/images/static_rays.avif +0 -0
- package/templates/css/src/css/_base.css +100 -0
- package/templates/css/src/css/_card.css +23 -0
- package/templates/css/src/css/_font.css +1 -0
- package/templates/css/src/css/_layout.css +56 -0
- package/templates/css/src/css/_variables.css +46 -0
- package/templates/css/src/css/styles.css +8 -34
- package/templates/css/src/pages/index.html +9 -6
- package/templates/css/src/templates/coralite-card.html +7 -0
- package/templates/css/src/templates/coralite-counter.html +44 -14
- package/templates/css/src/templates/coralite-footer.html +1 -1
- package/templates/scss/package.json +7 -3
- package/templates/scss/public/images/static_rays.avif +0 -0
- package/templates/scss/src/pages/index.html +9 -6
- package/templates/scss/src/scss/_base.scss +102 -0
- package/templates/scss/src/scss/_card.scss +25 -0
- package/templates/scss/src/scss/_font.scss +1 -0
- package/templates/scss/src/scss/_layout.scss +58 -0
- package/templates/scss/src/scss/_variables.scss +57 -0
- package/templates/scss/src/scss/styles.scss +7 -27
- package/templates/scss/src/templates/coralite-card.html +7 -0
- package/templates/scss/src/templates/coralite-counter.html +44 -14
- package/templates/scss/src/templates/coralite-footer.html +2 -2
- package/templates/css/public/images/logo-coralite.svg +0 -1
- package/templates/scss/public/images/logo-coralite.svg +0 -1
package/package.json
CHANGED
|
@@ -3,10 +3,14 @@
|
|
|
3
3
|
"private": true,
|
|
4
4
|
"type": "module",
|
|
5
5
|
"scripts": {
|
|
6
|
-
"start": "coralite-scripts dev",
|
|
6
|
+
"start": "cross-env NODE_OPTIONS=\"--experimental-vm-modules --experimental-import-meta-resolve\" coralite-scripts dev",
|
|
7
7
|
"build": "coralite-scripts build"
|
|
8
8
|
},
|
|
9
9
|
"devDependencies": {
|
|
10
|
-
"coralite-scripts": "^0.
|
|
10
|
+
"coralite-scripts": "^0.24.0",
|
|
11
|
+
"cross-env": "^10.1.0"
|
|
12
|
+
},
|
|
13
|
+
"dependencies": {
|
|
14
|
+
"canvas-confetti": "latest"
|
|
11
15
|
}
|
|
12
|
-
}
|
|
16
|
+
}
|
|
Binary file
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
2
|
+
:root {
|
|
3
|
+
scroll-behavior: smooth;
|
|
4
|
+
}
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
*,
|
|
8
|
+
*::before,
|
|
9
|
+
*::after {
|
|
10
|
+
box-sizing: border-box;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
html {
|
|
14
|
+
font-size: var(--font-size);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
body {
|
|
18
|
+
margin: 0;
|
|
19
|
+
overflow-x: hidden;
|
|
20
|
+
font-family: var(--font-body);
|
|
21
|
+
font-size: var(--spacer-base);
|
|
22
|
+
line-height: var(--line-height);
|
|
23
|
+
color: var(--body-colour);
|
|
24
|
+
background-color: var(--body-bg);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
a {
|
|
28
|
+
color: var(--primary);
|
|
29
|
+
text-decoration-thickness: 2px;
|
|
30
|
+
text-decoration-style: dotted;
|
|
31
|
+
text-decoration-color: var(--secondary);
|
|
32
|
+
text-underline-offset: .25em;
|
|
33
|
+
|
|
34
|
+
&:hover {
|
|
35
|
+
text-decoration-color: hsl(from var(--secondary) h 60% l);
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
p {
|
|
40
|
+
margin-bottom: var(--spacer-1);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
h1,
|
|
44
|
+
.h1,
|
|
45
|
+
h2,
|
|
46
|
+
.h2,
|
|
47
|
+
h3,
|
|
48
|
+
.h3,
|
|
49
|
+
h4,
|
|
50
|
+
.h4,
|
|
51
|
+
h5,
|
|
52
|
+
.h5,
|
|
53
|
+
h6,
|
|
54
|
+
.h6 {
|
|
55
|
+
margin-top: 0;
|
|
56
|
+
margin-bottom: var(--spacer-1);
|
|
57
|
+
font-family: var(--font-heading);
|
|
58
|
+
line-height: var(--heading-line-height);
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
h1,
|
|
62
|
+
.h1 {
|
|
63
|
+
font-size: calc(var(--spacer-base) + 2rem);
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
h2,
|
|
67
|
+
.h2 {
|
|
68
|
+
font-size: calc(var(--spacer-base) + 1.6rem);
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
h3,
|
|
72
|
+
.h3 {
|
|
73
|
+
font-size: calc(var(--spacer-base) + .8rem);
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
h4,
|
|
77
|
+
.h4 {
|
|
78
|
+
font-size: calc(var(--spacer-base) + .5rem);
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
h5,
|
|
82
|
+
.h5 {
|
|
83
|
+
font-size: calc(var(--spacer-base) + .3rem);
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
h6,
|
|
87
|
+
.h6 {
|
|
88
|
+
font-size: calc(var(--spacer-base) + .1rem);
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
pre {
|
|
92
|
+
padding: var(--spacer-1);
|
|
93
|
+
tab-size: 4;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
code {
|
|
97
|
+
font-family: var(--font-monospace);
|
|
98
|
+
color: var(--code-colour);
|
|
99
|
+
word-wrap: break-word;
|
|
100
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
.card {
|
|
2
|
+
--card-border-color: #ffffff2e;
|
|
3
|
+
|
|
4
|
+
color: var(--light);
|
|
5
|
+
background-image: radial-gradient(circle at bottom, rgba(49, 26, 75, .3), rgba(14, 7, 19, .5));
|
|
6
|
+
backdrop-filter: blur(10px);
|
|
7
|
+
border-color: var(--card-border-color);
|
|
8
|
+
border-style: solid;
|
|
9
|
+
border-width: 0 1px;
|
|
10
|
+
border-radius: var(--border-radius);
|
|
11
|
+
overflow: hidden;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.card-title {
|
|
15
|
+
padding: var(--spacer-1);
|
|
16
|
+
margin: 0;
|
|
17
|
+
border-bottom: 1px solid var(--card-border-color);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.card-body {
|
|
21
|
+
padding: var(--spacer-1);
|
|
22
|
+
margin: 0;
|
|
23
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=TikTok+Sans:opsz,wght@12..36,300..900&display=swap');
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
.container {
|
|
2
|
+
max-width: 1340px;
|
|
3
|
+
padding: var(--spacer-2);
|
|
4
|
+
margin: auto;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.text-center {
|
|
8
|
+
text-align: center;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.gap {
|
|
12
|
+
gap: var(--spacer-1);
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.position-relative {
|
|
16
|
+
position: relative;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.grid {
|
|
20
|
+
display: grid;
|
|
21
|
+
grid-template-rows: repeat(1, 1fr);
|
|
22
|
+
grid-template-columns: repeat(12, 1fr);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.column-12 {
|
|
26
|
+
grid-column: auto/span 12;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.divider {
|
|
30
|
+
padding-bottom: var(--spacer-4);
|
|
31
|
+
margin-bottom: var(--spacer-4);
|
|
32
|
+
border-bottom: 3px dotted var(--secondary);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.justify-content-center {
|
|
36
|
+
justify-content: center;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.d-flex {
|
|
40
|
+
display: flex;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
/* Medium screen and larger */
|
|
44
|
+
@media screen and (min-width: 768px){
|
|
45
|
+
.column-md-4 {
|
|
46
|
+
grid-column: auto/span 4;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.column-md-6 {
|
|
50
|
+
grid-column: auto/span 6;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.column-md-8 {
|
|
54
|
+
grid-column: auto/span 8;
|
|
55
|
+
}
|
|
56
|
+
}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
color-scheme: light dark;
|
|
3
|
+
|
|
4
|
+
/* colours */
|
|
5
|
+
--green-light: #d0ff00;
|
|
6
|
+
--green-dark: #667d00;
|
|
7
|
+
--pink-dark: #d63384;
|
|
8
|
+
--pink-light: #e685b5;
|
|
9
|
+
--primary: var(--green-light);
|
|
10
|
+
--secondary-dark: rgb(49, 26, 75);
|
|
11
|
+
--secondary: #639;
|
|
12
|
+
--light: #f9f9f9;
|
|
13
|
+
--dark: rgb(49, 26, 75);
|
|
14
|
+
--darker: rgb(14, 7, 19);
|
|
15
|
+
--body-bg: var(--darker);
|
|
16
|
+
--body-colour: var(--light);
|
|
17
|
+
--gradient-dark: linear-gradient(var(--secondary-dark), var(--darker));
|
|
18
|
+
--code-colour: var(--pink-light);
|
|
19
|
+
|
|
20
|
+
/* spacing */
|
|
21
|
+
--spacer-base: 1rem;
|
|
22
|
+
--spacer-1: calc(var(--spacer-base) - .3rem);
|
|
23
|
+
--spacer-2: var(--spacer-base);
|
|
24
|
+
--spacer-3: calc(var(--spacer-base) + .3rem);
|
|
25
|
+
--spacer-4: calc(var(--spacer-base) + 1rem);
|
|
26
|
+
--spacer-5: calc(var(--spacer-base) + 2rem);
|
|
27
|
+
|
|
28
|
+
--padding-x: 1rem;
|
|
29
|
+
--padding-y: .5rem;
|
|
30
|
+
|
|
31
|
+
/* fonts */
|
|
32
|
+
--font-body: "TikTok Sans", sans-serif;
|
|
33
|
+
--font-heading: "TikTok Sans", sans-serif;
|
|
34
|
+
--font-monospace: "JetBrains Mono", monospace;
|
|
35
|
+
--font-size: 20px;
|
|
36
|
+
|
|
37
|
+
/* text */
|
|
38
|
+
--line-height: 1.5;
|
|
39
|
+
--heading-line-height: 1.2;
|
|
40
|
+
|
|
41
|
+
/* border */
|
|
42
|
+
--border-radius: .5rem;
|
|
43
|
+
|
|
44
|
+
/* shadow */
|
|
45
|
+
--box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
|
|
46
|
+
}
|
|
@@ -1,45 +1,19 @@
|
|
|
1
|
-
@import url(
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
--primary-colour-l: 40%;
|
|
7
|
-
--primary-colour-hsl: var(--primary-colour-h), var(--primary-colour-s), var(--primary-colour-l);
|
|
8
|
-
|
|
9
|
-
--primary-colour: hsl(var(--primary-colour-hsl));
|
|
10
|
-
--primary-colour-20: hsla(var(--primary-colour-hsl), .2);
|
|
11
|
-
|
|
12
|
-
font-family: "Inter", system-ui, Helvetica, Arial, sans-serif;
|
|
13
|
-
font-optical-sizing: auto;
|
|
14
|
-
font-weight: 400;
|
|
15
|
-
font-style: normal;
|
|
16
|
-
}
|
|
1
|
+
@import url("./_font.css");
|
|
2
|
+
@import url("./_variables.css");
|
|
3
|
+
@import url("./_base.css");
|
|
4
|
+
@import url("./_layout.css");
|
|
5
|
+
@import url("./_card.css");
|
|
17
6
|
|
|
18
7
|
body {
|
|
19
8
|
min-height: 100vh;
|
|
20
|
-
margin: 0;
|
|
21
9
|
display: flex;
|
|
22
|
-
gap: 1rem;
|
|
23
10
|
flex-direction: column;
|
|
24
|
-
justify-content: center;
|
|
25
|
-
align-items: center;
|
|
26
11
|
text-align: center;
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
h1 {
|
|
31
|
-
margin-top: 0;
|
|
12
|
+
background-image: url('/images/static_rays.avif');
|
|
13
|
+
background-size: cover;
|
|
32
14
|
}
|
|
33
15
|
|
|
34
16
|
img {
|
|
35
17
|
max-width: 100%;
|
|
36
18
|
height: auto;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.card {
|
|
40
|
-
border: 1px solid var(--primary-colour-20);
|
|
41
|
-
border-radius: 0.3rem;
|
|
42
|
-
background-color: var(--primary-colour);
|
|
43
|
-
padding: 1rem;
|
|
44
|
-
box-shadow: 0 0.3rem 0.5rem rgba(0,0,0,0.2);
|
|
45
|
-
}
|
|
19
|
+
}
|
|
@@ -1,29 +1,32 @@
|
|
|
1
1
|
<!DOCTYPE html>
|
|
2
2
|
<html lang="en">
|
|
3
|
+
|
|
3
4
|
<head>
|
|
4
5
|
<meta charset="UTF-8">
|
|
5
6
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
7
|
<link href="/css/styles.css" rel="stylesheet">
|
|
7
8
|
<title>Coralite - Build for the Web, With the Web!</title>
|
|
8
9
|
</head>
|
|
10
|
+
|
|
9
11
|
<body>
|
|
10
|
-
<main>
|
|
11
|
-
<h1>Hello Coralite!</h1>
|
|
12
|
+
<main class="container">
|
|
13
|
+
<h1 class="text-center">Hello Coralite!</h1>
|
|
12
14
|
|
|
13
|
-
<p>Build for the Web, With the Web!</p>
|
|
15
|
+
<p class="text-center">Build for the Web, With the Web!</p>
|
|
14
16
|
|
|
15
|
-
<p>
|
|
17
|
+
<p class="text-center">
|
|
16
18
|
<coralite-counter step="1"></coralite-counter>
|
|
17
19
|
</p>
|
|
18
20
|
|
|
19
|
-
<
|
|
21
|
+
<coralite-card>
|
|
20
22
|
<img src="/images/icon-coralite.avif" alt="Coralite logo" class="img-fluid">
|
|
21
23
|
<img src="/images/icon-html.avif" alt="HTML logo" class="img-fluid">
|
|
22
24
|
<img src="/images/icon-css.avif" alt="CSS logo" class="img-fluid">
|
|
23
25
|
<img src="/images/icon-js.avif" alt="JS logo" class="img-fluid">
|
|
24
|
-
</
|
|
26
|
+
</coralite-card>
|
|
25
27
|
</main>
|
|
26
28
|
|
|
27
29
|
<coralite-footer name="coralite"></coralite-footer>
|
|
28
30
|
</body>
|
|
31
|
+
|
|
29
32
|
</html>
|
|
@@ -1,25 +1,55 @@
|
|
|
1
1
|
<template id="coralite-counter">
|
|
2
|
-
<button ref="count-button" type="button">
|
|
3
|
-
|
|
2
|
+
<button ref="count-button" type="button" class="btn">
|
|
3
|
+
Count is 0
|
|
4
4
|
</button>
|
|
5
5
|
</template>
|
|
6
6
|
|
|
7
|
+
<style>
|
|
8
|
+
.btn {
|
|
9
|
+
background-color: var(--primary);
|
|
10
|
+
color: var(--body-bg);
|
|
11
|
+
border: none;
|
|
12
|
+
border-radius: var(--border-radius);
|
|
13
|
+
padding: var(--padding-y) var(--padding-x);
|
|
14
|
+
font-family: var(--font-body);
|
|
15
|
+
font-size: var(--spacer-base);
|
|
16
|
+
cursor: pointer;
|
|
17
|
+
box-shadow: var(--box-shadow);
|
|
18
|
+
transition: background-color 0.2s ease-in-out;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.btn:hover {
|
|
22
|
+
background-color: var(--code-colour);
|
|
23
|
+
}
|
|
24
|
+
</style>
|
|
25
|
+
|
|
7
26
|
<script type="module">
|
|
8
27
|
import { defineComponent } from 'coralite'
|
|
9
28
|
|
|
10
29
|
export default defineComponent({
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
30
|
+
client: {
|
|
31
|
+
imports: [
|
|
32
|
+
{
|
|
33
|
+
specifier: 'canvas-confetti',
|
|
34
|
+
defaultExport: 'confetti'
|
|
35
|
+
}
|
|
36
|
+
],
|
|
37
|
+
script ({ values, helpers, imports }) {
|
|
38
|
+
const button = helpers.refs('count-button')
|
|
39
|
+
const step = values.step ? parseInt(values.step) : 1
|
|
40
|
+
let count = 0
|
|
41
|
+
|
|
42
|
+
button.addEventListener('click', () => {
|
|
43
|
+
// increment the counter by the specified step value
|
|
44
|
+
count += step
|
|
45
|
+
|
|
46
|
+
// update the button's text content to reflect the new count value
|
|
47
|
+
button.textContent = `Count is ${count}`
|
|
19
48
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
49
|
+
// Explode confetti :)
|
|
50
|
+
imports.confetti()
|
|
51
|
+
})
|
|
52
|
+
}
|
|
23
53
|
}
|
|
24
54
|
})
|
|
25
|
-
</script>
|
|
55
|
+
</script>
|
|
@@ -3,10 +3,14 @@
|
|
|
3
3
|
"private": true,
|
|
4
4
|
"type": "module",
|
|
5
5
|
"scripts": {
|
|
6
|
-
"start": "coralite-scripts dev",
|
|
6
|
+
"start": "cross-env NODE_OPTIONS=\"--experimental-vm-modules --experimental-import-meta-resolve\" coralite-scripts dev",
|
|
7
7
|
"build": "coralite-scripts build"
|
|
8
8
|
},
|
|
9
9
|
"devDependencies": {
|
|
10
|
-
"coralite-scripts": "^0.
|
|
10
|
+
"coralite-scripts": "^0.24.0",
|
|
11
|
+
"cross-env": "^10.1.0"
|
|
12
|
+
},
|
|
13
|
+
"dependencies": {
|
|
14
|
+
"canvas-confetti": "latest"
|
|
11
15
|
}
|
|
12
|
-
}
|
|
16
|
+
}
|
|
Binary file
|
|
@@ -1,29 +1,32 @@
|
|
|
1
1
|
<!DOCTYPE html>
|
|
2
2
|
<html lang="en">
|
|
3
|
+
|
|
3
4
|
<head>
|
|
4
5
|
<meta charset="UTF-8">
|
|
5
6
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
7
|
<link href="/css/styles.css" rel="stylesheet">
|
|
7
8
|
<title>Coralite - Build for the Web, With the Web!</title>
|
|
8
9
|
</head>
|
|
10
|
+
|
|
9
11
|
<body>
|
|
10
|
-
<main>
|
|
11
|
-
<h1>Hello Coralite!</h1>
|
|
12
|
+
<main class="container">
|
|
13
|
+
<h1 class="text-center">Hello Coralite!</h1>
|
|
12
14
|
|
|
13
|
-
<p>Build for the Web, With the Web!</p>
|
|
15
|
+
<p class="text-center">Build for the Web, With the Web!</p>
|
|
14
16
|
|
|
15
|
-
<p>
|
|
17
|
+
<p class="text-center">
|
|
16
18
|
<coralite-counter step="1"></coralite-counter>
|
|
17
19
|
</p>
|
|
18
20
|
|
|
19
|
-
<
|
|
21
|
+
<coralite-card>
|
|
20
22
|
<img src="/images/icon-coralite.avif" alt="Coralite logo" class="img-fluid">
|
|
21
23
|
<img src="/images/icon-html.avif" alt="HTML logo" class="img-fluid">
|
|
22
24
|
<img src="/images/icon-css.avif" alt="CSS logo" class="img-fluid">
|
|
23
25
|
<img src="/images/icon-js.avif" alt="JS logo" class="img-fluid">
|
|
24
|
-
</
|
|
26
|
+
</coralite-card>
|
|
25
27
|
</main>
|
|
26
28
|
|
|
27
29
|
<coralite-footer name="coralite"></coralite-footer>
|
|
28
30
|
</body>
|
|
31
|
+
|
|
29
32
|
</html>
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
@use "variables" as *;
|
|
2
|
+
|
|
3
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
4
|
+
:root {
|
|
5
|
+
scroll-behavior: smooth;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
*,
|
|
10
|
+
*::before,
|
|
11
|
+
*::after {
|
|
12
|
+
box-sizing: border-box;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
html {
|
|
16
|
+
font-size: $font-size;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
body {
|
|
20
|
+
margin: 0;
|
|
21
|
+
overflow-x: hidden;
|
|
22
|
+
font-family: $font-body;
|
|
23
|
+
font-size: $spacer-base;
|
|
24
|
+
line-height: $line-height;
|
|
25
|
+
color: $body-colour;
|
|
26
|
+
background-color: $body-bg;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
a {
|
|
30
|
+
color: $primary;
|
|
31
|
+
text-decoration-thickness: 2px;
|
|
32
|
+
text-decoration-style: dotted;
|
|
33
|
+
text-decoration-color: $secondary;
|
|
34
|
+
text-underline-offset: .25em;
|
|
35
|
+
|
|
36
|
+
&:hover {
|
|
37
|
+
text-decoration-color: hsl(from $secondary h 60% l);
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
p {
|
|
42
|
+
margin-bottom: $spacer-1;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
h1,
|
|
46
|
+
.h1,
|
|
47
|
+
h2,
|
|
48
|
+
.h2,
|
|
49
|
+
h3,
|
|
50
|
+
.h3,
|
|
51
|
+
h4,
|
|
52
|
+
.h4,
|
|
53
|
+
h5,
|
|
54
|
+
.h5,
|
|
55
|
+
h6,
|
|
56
|
+
.h6 {
|
|
57
|
+
margin-top: 0;
|
|
58
|
+
margin-bottom: $spacer-1;
|
|
59
|
+
font-family: $font-heading;
|
|
60
|
+
line-height: $heading-line-height;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
h1,
|
|
64
|
+
.h1 {
|
|
65
|
+
font-size: calc($spacer-base + 2rem);
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
h2,
|
|
69
|
+
.h2 {
|
|
70
|
+
font-size: calc($spacer-base + 1.6rem);
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
h3,
|
|
74
|
+
.h3 {
|
|
75
|
+
font-size: calc($spacer-base + .8rem);
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
h4,
|
|
79
|
+
.h4 {
|
|
80
|
+
font-size: calc($spacer-base + .5rem);
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
h5,
|
|
84
|
+
.h5 {
|
|
85
|
+
font-size: calc($spacer-base + .3rem);
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
h6,
|
|
89
|
+
.h6 {
|
|
90
|
+
font-size: calc($spacer-base + .1rem);
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
pre {
|
|
94
|
+
padding: $spacer-1;
|
|
95
|
+
tab-size: 4;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
code {
|
|
99
|
+
font-family: $font-monospace;
|
|
100
|
+
color: $code-colour;
|
|
101
|
+
word-wrap: break-word;
|
|
102
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
@use "variables" as *;
|
|
2
|
+
|
|
3
|
+
$card-border-color: #ffffff2e;
|
|
4
|
+
|
|
5
|
+
.card {
|
|
6
|
+
color: $light;
|
|
7
|
+
background-image: radial-gradient(circle at bottom, rgba(49, 26, 75, .3), rgba(14, 7, 19, .5));
|
|
8
|
+
backdrop-filter: blur(10px);
|
|
9
|
+
border-color: $card-border-color;
|
|
10
|
+
border-style: solid;
|
|
11
|
+
border-width: 0 1px;
|
|
12
|
+
border-radius: $border-radius;
|
|
13
|
+
overflow: hidden;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.card-title {
|
|
17
|
+
padding: $spacer-1;
|
|
18
|
+
margin: 0;
|
|
19
|
+
border-bottom: 1px solid $card-border-color;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.card-body {
|
|
23
|
+
padding: $spacer-1;
|
|
24
|
+
margin: 0;
|
|
25
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=TikTok+Sans:opsz,wght@12..36,300..900&display=swap');
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
@use "variables" as *;
|
|
2
|
+
|
|
3
|
+
.container {
|
|
4
|
+
max-width: 1340px;
|
|
5
|
+
padding: $spacer-2;
|
|
6
|
+
margin: auto;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.text-center {
|
|
10
|
+
text-align: center;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.gap {
|
|
14
|
+
gap: $spacer-1;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.position-relative {
|
|
18
|
+
position: relative;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.grid {
|
|
22
|
+
display: grid;
|
|
23
|
+
grid-template-rows: repeat(1, 1fr);
|
|
24
|
+
grid-template-columns: repeat(12, 1fr);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.column-12 {
|
|
28
|
+
grid-column: auto/span 12;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.divider {
|
|
32
|
+
padding-bottom: $spacer-4;
|
|
33
|
+
margin-bottom: $spacer-4;
|
|
34
|
+
border-bottom: 3px dotted $secondary;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.justify-content-center {
|
|
38
|
+
justify-content: center;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.d-flex {
|
|
42
|
+
display: flex;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
/* Medium screen and larger */
|
|
46
|
+
@media screen and (min-width: 768px){
|
|
47
|
+
.column-md-4 {
|
|
48
|
+
grid-column: auto/span 4;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.column-md-6 {
|
|
52
|
+
grid-column: auto/span 6;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.column-md-8 {
|
|
56
|
+
grid-column: auto/span 8;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
/* colours */
|
|
2
|
+
$green-light: #d0ff00;
|
|
3
|
+
$green-dark: #667d00;
|
|
4
|
+
$pink-dark: #d63384;
|
|
5
|
+
$pink-light: #e685b5;
|
|
6
|
+
$primary: $green-light;
|
|
7
|
+
$secondary-dark: rgb(49, 26, 75);
|
|
8
|
+
$secondary: #639;
|
|
9
|
+
$light: #f9f9f9;
|
|
10
|
+
$dark: rgb(49, 26, 75);
|
|
11
|
+
$darker: rgb(14, 7, 19);
|
|
12
|
+
$body-bg: $darker;
|
|
13
|
+
$body-colour: $light;
|
|
14
|
+
$gradient-dark: linear-gradient($secondary-dark, $darker);
|
|
15
|
+
$code-colour: $pink-light;
|
|
16
|
+
|
|
17
|
+
/* spacing */
|
|
18
|
+
$spacer-base: 1rem;
|
|
19
|
+
$spacer-1: calc($spacer-base - .3rem);
|
|
20
|
+
$spacer-2: $spacer-base;
|
|
21
|
+
$spacer-3: calc($spacer-base + .3rem);
|
|
22
|
+
$spacer-4: calc($spacer-base + 1rem);
|
|
23
|
+
$spacer-5: calc($spacer-base + 2rem);
|
|
24
|
+
|
|
25
|
+
$padding-x: 1rem;
|
|
26
|
+
$padding-y: .5rem;
|
|
27
|
+
|
|
28
|
+
/* fonts */
|
|
29
|
+
$font-body: "TikTok Sans", sans-serif;
|
|
30
|
+
$font-heading: "TikTok Sans", sans-serif;
|
|
31
|
+
$font-monospace: "JetBrains Mono", monospace;
|
|
32
|
+
$font-size: 20px;
|
|
33
|
+
|
|
34
|
+
/* text */
|
|
35
|
+
$line-height: 1.5;
|
|
36
|
+
$heading-line-height: 1.2;
|
|
37
|
+
|
|
38
|
+
/* border */
|
|
39
|
+
$border-radius: .5rem;
|
|
40
|
+
|
|
41
|
+
/* shadow */
|
|
42
|
+
$box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
|
|
43
|
+
|
|
44
|
+
:root {
|
|
45
|
+
color-scheme: light dark;
|
|
46
|
+
|
|
47
|
+
/* Output CSS variables needed by coralite components */
|
|
48
|
+
--primary: #{$primary};
|
|
49
|
+
--body-bg: #{$body-bg};
|
|
50
|
+
--border-radius: #{$border-radius};
|
|
51
|
+
--padding-x: #{$padding-x};
|
|
52
|
+
--padding-y: #{$padding-y};
|
|
53
|
+
--font-body: #{$font-body};
|
|
54
|
+
--spacer-base: #{$spacer-base};
|
|
55
|
+
--box-shadow: #{$box-shadow};
|
|
56
|
+
--code-colour: #{$code-colour};
|
|
57
|
+
}
|
|
@@ -1,39 +1,19 @@
|
|
|
1
|
-
@
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
font-weight: 400;
|
|
7
|
-
font-style: normal;
|
|
8
|
-
}
|
|
1
|
+
@use "./font";
|
|
2
|
+
@use "./variables" as *;
|
|
3
|
+
@use "./base";
|
|
4
|
+
@use "./layout";
|
|
5
|
+
@use "./card";
|
|
9
6
|
|
|
10
7
|
body {
|
|
11
8
|
min-height: 100vh;
|
|
12
|
-
margin: 0;
|
|
13
9
|
display: flex;
|
|
14
|
-
gap: 1rem;
|
|
15
10
|
flex-direction: column;
|
|
16
|
-
justify-content: center;
|
|
17
|
-
align-items: center;
|
|
18
11
|
text-align: center;
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
h1 {
|
|
23
|
-
margin-top: 0;
|
|
12
|
+
background-image: url('/images/static_rays.avif');
|
|
13
|
+
background-size: cover;
|
|
24
14
|
}
|
|
25
15
|
|
|
26
16
|
img {
|
|
27
17
|
max-width: 100%;
|
|
28
18
|
height: auto;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
$primary: rebeccapurple;
|
|
32
|
-
|
|
33
|
-
.card {
|
|
34
|
-
border: 1px solid darken($primary, 25);
|
|
35
|
-
border-radius: 0.3rem;
|
|
36
|
-
background-color: $primary;
|
|
37
|
-
padding: 1rem;
|
|
38
|
-
box-shadow: 0 0.3rem 0.5rem rgba(0,0,0,0.2);
|
|
39
19
|
}
|
|
@@ -1,25 +1,55 @@
|
|
|
1
1
|
<template id="coralite-counter">
|
|
2
|
-
<button ref="count-button" type="button">
|
|
3
|
-
|
|
2
|
+
<button ref="count-button" type="button" class="btn">
|
|
3
|
+
Count is 0
|
|
4
4
|
</button>
|
|
5
5
|
</template>
|
|
6
6
|
|
|
7
|
+
<style>
|
|
8
|
+
.btn {
|
|
9
|
+
background-color: var(--primary);
|
|
10
|
+
color: var(--body-bg);
|
|
11
|
+
border: none;
|
|
12
|
+
border-radius: var(--border-radius);
|
|
13
|
+
padding: var(--padding-y) var(--padding-x);
|
|
14
|
+
font-family: var(--font-body);
|
|
15
|
+
font-size: var(--spacer-base);
|
|
16
|
+
cursor: pointer;
|
|
17
|
+
box-shadow: var(--box-shadow);
|
|
18
|
+
transition: background-color 0.2s ease-in-out;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.btn:hover {
|
|
22
|
+
background-color: var(--code-colour);
|
|
23
|
+
}
|
|
24
|
+
</style>
|
|
25
|
+
|
|
7
26
|
<script type="module">
|
|
8
27
|
import { defineComponent } from 'coralite'
|
|
9
28
|
|
|
10
29
|
export default defineComponent({
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
30
|
+
client: {
|
|
31
|
+
imports: [
|
|
32
|
+
{
|
|
33
|
+
specifier: 'canvas-confetti',
|
|
34
|
+
defaultExport: 'confetti'
|
|
35
|
+
}
|
|
36
|
+
],
|
|
37
|
+
script ({ values, helpers, imports }) {
|
|
38
|
+
const button = helpers.refs('count-button')
|
|
39
|
+
const step = values.step ? parseInt(values.step) : 1
|
|
40
|
+
let count = 0
|
|
41
|
+
|
|
42
|
+
button.addEventListener('click', () => {
|
|
43
|
+
// increment the counter by the specified step value
|
|
44
|
+
count += step
|
|
45
|
+
|
|
46
|
+
// update the button's text content to reflect the new count value
|
|
47
|
+
button.textContent = `Count is ${count}`
|
|
19
48
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
49
|
+
// Explode confetti :)
|
|
50
|
+
imports.confetti()
|
|
51
|
+
})
|
|
52
|
+
}
|
|
23
53
|
}
|
|
24
54
|
})
|
|
25
|
-
</script>
|
|
55
|
+
</script>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<template id="coralite-footer">
|
|
2
2
|
<footer class="text-center">
|
|
3
|
-
Made
|
|
3
|
+
Made with <a href="https://coralite.dev/" target="_blank">{{ capitaliseName }}</a>
|
|
4
4
|
</footer>
|
|
5
5
|
</template>
|
|
6
6
|
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
return name[0].toUpperCase() + name.slice(1)
|
|
15
15
|
}
|
|
16
16
|
|
|
17
|
-
return ''
|
|
17
|
+
return 'Coralite'
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
20
|
})
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="484.879" height="137.715" viewBox="0 0 128.291 36.437"><path d="M15.276 0L.277 8.689l-.239.437L0 27.239l.077.286.077.286.442.414 14.502 8.213h.389.39l14.297-8.115.47-.43.259-.558.003-17.887-.005-.691-.588-.415L15.645 0zm1.051 2.324l12.839 7.281.001.04.001.04-13.642 7.777h-.075c.075 0-13.705-7.824-13.705-7.777v-.094l12.803-7.265.021 7.761c0 .854.121 1.332.929 1.36.624-.006.826-.376.826-.925zm-14.58 9.348l12.871 7.401-.07 15.069-12.801-7.334zm27.419-.092l-.003 15.291-12.843 7.276.009-15.078zm-13.627 1.248c-.362-.006-.795.216-.887.521l.002 3.172c.308.288.432.467.874.458.363-.008.545-.218.797-.501l.002-2.926c-.017-.419-.479-.719-.788-.724z" fill="#fff"/><path d="M16.322 29.697a2.55 2.55 0 0 1 .88-.936c2.265-.511 2.436-.257 3.783-.682 1.073-.376 2.075-.908 2.866-1.737.479-.647.168-1.14-.088-1.353-.293-.243-.671-.391-1.08-.061-1.648 1.605-2.426 1.82-4.624 1.903-.131-.2-.323-.377-.29-.628 1.089-1.225 2.434-2.309 3.93-2.985.826-.044 1.683.004 2.483-.219.914-.306 1.767-.791 2.454-1.47.452-.607.133-.997-.135-1.263-.29-.288-.821-.335-1.155-.041-.401.408-.749.876-1.309 1.058-.356.169-.669.251-1.061.176l-.149-.238c.231-.484.5-.911.899-1.276.566-.285 1.191-.503 1.65-.951.691-.675 1.16-1.515 1.545-2.392.12-.565-.284-.857-.56-.982a.82.82 0 0 0-1.004.328c-.415.814-.773 1.755-1.652 2.154l-.238-.198.092-1.421c.053-.523-.571-.797-.851-.8-.383-.003-.861.337-.896.711v2.736c-.276 1.084-.753 2.084-1.564 2.868-3.121 2.083-2.032 1.845-3.528 2.593-.172-.029-.303-.127-.394-.295zm.005-9.283l-.002 2.516.114-.24c2.285-1.167 3.284-3.026 3.27-5.582L17.9 18.157c.011 1.061-.331 1.753-1.187 2.43-.179.078-.387-.173-.387-.173zm-1.76 9.57l.026-5.602c-.103.189-.39.337-.559.259-.566-.388-1.263-.995-2.117-1.745-.088-.085-.274-.235-.277-.561.153-.799.851-1.007 1.113-1.927.246-.611.211-1.568.17-2.31l-1.929-1.109c.535.528.462 2.213.142 3.045 0 0-.413.635-.555.712s-.555.108-.751-.062c-.854-.742-.921-1.242-.784-3.501.08-1.035-.348-1.504-1.011-1.435s-.75.654-.73.847c.067.497.198.999-.025 1.478-.109.043-.169.063-.285.017l-.422-.438c-.321-.333-.598-.644-.768-1.088l-.346-.65c-.77-.769-1.704-.089-1.505.798.33.654.717 1.386 1.134 1.867s.79.753 1.279.976c.233.094.447.174.667.331a2.13 2.13 0 0 1 .557.58c.149.227.338.428.406.697l-.103.039c-.654.127-1.513-.356-2.034-.745l-.473-.345c-.312-.167-.927-.069-1.184.25s-.272.852-.104 1.007c1.437 1.132 2.922 1.521 4.9 1.67.984.461 1.817 1.096 2.597 1.851l1.565 1.414c.063.343-.053.54-.35.591-1.154-.131-2.326-.248-3.344-.855l-1.154-1.061c-.305-.235-.944-.296-1.298.073s-.252 1.076-.001 1.312c.712.588 1.356 1.103 2.127 1.445.809.358 1.755.532 2.86.668 1.064.108 2.415.198 2.566 1.504zM12.545 7.205a.87.87 0 0 0-.833.86l.1 3.649c-.063.211-.078.43-.577.306-.651-.611-.813-.932-1.145-1.986a.84.84 0 0 0-.22-.407c-.257-.262-.659-.43-1.071-.156-.471.268-.413.831-.341 1.237s.74 1.537.74 1.537c.466.562.971 1.14 1.654 1.435.116.045.387.37.418.686l.083.328 1.446.883h.086.086l.093-.293-.048-.604c-.064-.813-.019-.803.301-1.995.071-.264.106-.292.108-.422l.009-4.331c.002-.393-.445-.738-.886-.728zm5.814.104c-.344-.012-.858.21-.858.839l.059 4.604.381 1.186-.083 1.411c.019.216.103.292.253.229l.61-.349.61-.35.131-.081.13-.081.091-.568c.197-.301.419-.504.745-.683.339-.237.672-.451.917-.794.649-.735 1.006-1.643 1.203-2.444.107-.365-.267-.777-.612-.865-.364-.093-.881.051-.993.359-.232.722-.414 1.688-1.065 2.138l-.259.172c-.316.033-.484-.099-.504-.395l.093-3.702c0-.371-.423-.611-.847-.625z" fill="#d0ff00"/><path d="M45.912 28.362q-1.553 0-2.786-.694-1.234-.705-2.049-1.982-.815-1.289-1.101-3.04-.286-1.762.088-3.877.363-2.004.947-3.69.584-1.696 1.421-3.018.837-1.333 1.938-2.269 1.101-.936 2.489-1.421 1.399-.485 3.095-.485 1.476 0 2.797.485 1.322.474 2.566 1.641.518.463.683 1.035.176.562-.275 1.013-.452.452-1.024.341-.573-.11-1.101-.573-.815-.793-1.696-1.123-.881-.33-1.971-.33-1.222 0-2.225.396-.991.385-1.784 1.123-.782.727-1.388 1.762-.595 1.035-1.013 2.324-.419 1.289-.683 2.797-.264 1.575-.154 2.875.121 1.289.551 2.236.441.947 1.134 1.465.694.507 1.575.507 1.41 0 2.731-.661 1.322-.672 2.368-1.795.551-.584.958-.804.419-.22.782-.22.551 0 .837.286.297.275.308.672 0 .374-.22.749-.22.363-.804 1.013-1.366 1.498-3.216 2.379-1.85.881-3.778.881zm13.309.11q-1.718 0-2.698-1.278-.98-1.289-.98-3.48 0-1.993.628-3.458.639-1.465 1.784-2.258 1.156-.793 2.709-.793.275 0 .639.055.374.044.727.11.352.055.551.099.066 0 .264.044.209.033.76.132.562.099 1.663.319.628.132.936.496.308.363.308.826 0 .738-.496 1.101-.496.352-1.245.297l-.253-.044q.044.143.066.319.022.165.022.352 0 1.443-.441 2.742-.43 1.289-1.178 2.28-.749.991-1.729 1.564-.969.573-2.037.573zm.22-2.445q.694 0 1.267-.65.584-.661.936-1.729.352-1.079.352-2.346 0-.815-.407-1.245-.407-.43-1.101-.43-.716 0-1.267.507-.54.496-.848 1.421-.297.914-.297 2.17 0 1.057.363 1.685.374.617 1.002.617zm11.547 2.324q-.54 0-.958-.352-.419-.363-.308-1.002l1.035-5.892q.033-.165.022-.341-.011-.187-.055-.341-.044-.154-.121-.253-.077-.099-.198-.099-.264 0-.43.121-.154.121-.275.319l-.419.595q-.22.33-.474.551-.242.209-.518.209-.452 0-.815-.275-.352-.286-.352-.859 0-.264.121-.694.121-.441.551-.958.672-.848 1.333-1.311.672-.463 1.608-.43.738.011 1.366.319.639.308 1.057.859.43.551.518 1.3.848-1.256 1.575-1.927.727-.672 1.311-.672.507 0 .716.198.209.187.352.385.154.198.474.198.308 0 .628-.198.33-.198.496-.319.308-.198.76-.22.463-.022.826.231.363.253.363.848 0 .419-.209.694-.198.264-.485.441-.275.165-.529.297-.441.242-1.002.485-.562.242-.925.242-.441 0-.782-.176-.341-.176-.628-.352-.286-.176-.551-.176-.209 0-.595.341-.385.33-.958 1.112-.573.771-1.322 2.104l-.672 3.822q-.099.584-.573.881-.463.297-.958.297zm12.395.143q-1.057 0-1.762-.573-.694-.584-.947-1.652-.242-1.079.022-2.544.352-1.971 1.189-3.403.848-1.432 2.06-2.214 1.222-.782 2.687-.782h3.337q.672 0 .903.441.242.43.11 1.145l-.892 5.231q-.055.319-.077.584-.011.264.011.463.033.198.099.319.077.11.198.11.209 0 .396-.121.187-.132.33-.33l.407-.595q.22-.33.463-.54.253-.22.529-.22.463 0 .804.286.352.275.352.848 0 .264-.121.705-.11.43-.54.958-.661.837-1.333 1.289-.661.452-1.586.452-1.245 0-1.894-.881-.65-.881-.76-2.148l.011-.242q-.694 1.123-1.377 1.883-.683.76-1.333 1.145-.65.385-1.289.385zm.749-2.434q.407 0 1.046-.683.65-.694 1.399-1.982.76-1.3 1.487-3.117l.11-.529h-1.454q-.771 0-1.421.496-.65.496-1.112 1.388-.463.881-.672 2.082-.176 1.046.011 1.696.198.65.606.65zm13.661 2.291q-.848 0-1.432-.408-.573-.408-.903-1.068-.319-.661-.407-1.454-.088-.804.044-1.597l2.61-14.868q.11-.584.518-.815.407-.242.859-.242.584 0 1.035.363.452.363.33 1.035L97.88 23.868q-.066.374-.099.705-.022.319 0 .551.022.231.099.363.077.132.198.132.22 0 .407-.121.187-.132.319-.33l.407-.595q.22-.33.474-.54.253-.22.529-.22.452 0 .804.286.352.275.352.848 0 .264-.121.705-.11.43-.54.958-.672.837-1.333 1.289-.661.452-1.586.452zm8.331-13.216q-.595 0-1.035-.43-.441-.441-.441-1.068 0-.595.43-1.035.43-.452 1.046-.452.584 0 1.046.43.474.419.474 1.057 0 .628-.452 1.068-.441.43-1.068.43zm-.463 13.216q-.837 0-1.421-.396-.573-.396-.903-1.046-.33-.661-.43-1.443-.088-.793.033-1.586l.958-5.353q.022-.198.176-.485.165-.286.507-.496.352-.22.936-.22.661 0 .969.363.308.352.198.98l-.925 5.209q-.088.507-.11.903-.011.396.055.617.077.22.242.22.22 0 .407-.121.187-.132.319-.33l.407-.595q.22-.33.474-.54.253-.22.529-.22.452 0 .804.286.352.275.352.848 0 .264-.121.705-.11.43-.54.958-.672.837-1.333 1.289-.661.452-1.586.452zm8.43 0q-.837 0-1.421-.396-.573-.396-.914-1.035-.33-.65-.43-1.432-.088-.782.044-1.564l.738-4.229h-1.542q-.683 0-1.035-.33-.352-.33-.352-.848 0-.518.352-.848.352-.341 1.024-.341h1.971l1.024-5.837q.088-.485.496-.749.419-.275.87-.275.385 0 .738.121.352.121.551.408.198.275.11.76l-.98 5.573h1.828q.694 0 1.046.341.352.33.352.848 0 .518-.352.848-.352.33-1.046.33h-2.236l-.76 4.306q-.066.341-.088.639-.011.297.011.518.022.22.088.341.066.121.198.121.22 0 .407-.121.187-.132.319-.33l.419-.595q.22-.33.463-.54.253-.22.518-.22.463 0 .815.286.352.275.352.848 0 .264-.121.705-.11.43-.551.958-.661.837-1.333 1.289-.661.452-1.575.452zm8.573.198q-1.674 0-2.544-.98-.859-.991-.859-2.83 0-1.509.507-2.875.507-1.377 1.366-2.445.87-1.068 1.971-1.674 1.112-.617 2.324-.617 1.421 0 2.137.595.727.595.727 1.729 0 .529-.242 1.024-.231.496-.683.958-.441.463-1.057.903-.617.43-1.377.859-.529.308-1.322.716-.793.396-1.619.793 0 .187.022.352.022.154.055.297.077.341.286.584.209.231.507.231.54 0 1.079-.286.551-.297.98-.826.485-.562 1.002-.716.529-.154.947.165.209.154.341.452.143.286.077.694-.055.396-.452.881-.76.925-1.872 1.476-1.101.54-2.302.54zm-.352-6.179q.341-.176.694-.374.352-.198.694-.385.65-.374 1.101-.705.452-.341.705-.628.253-.297.253-.54 0-.176-.11-.319-.11-.154-.319-.154-.672 0-1.267.408-.584.396-1.035 1.101-.441.694-.716 1.597z" fill="#f9f9f9"/></svg>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="484.879" height="137.715" viewBox="0 0 128.291 36.437"><path d="M15.276 0L.277 8.689l-.239.437L0 27.239l.077.286.077.286.442.414 14.502 8.213h.389.39l14.297-8.115.47-.43.259-.558.003-17.887-.005-.691-.588-.415L15.645 0zm1.051 2.324l12.839 7.281.001.04.001.04-13.642 7.777h-.075c.075 0-13.705-7.824-13.705-7.777v-.094l12.803-7.265.021 7.761c0 .854.121 1.332.929 1.36.624-.006.826-.376.826-.925zm-14.58 9.348l12.871 7.401-.07 15.069-12.801-7.334zm27.419-.092l-.003 15.291-12.843 7.276.009-15.078zm-13.627 1.248c-.362-.006-.795.216-.887.521l.002 3.172c.308.288.432.467.874.458.363-.008.545-.218.797-.501l.002-2.926c-.017-.419-.479-.719-.788-.724z" fill="#fff"/><path d="M16.322 29.697a2.55 2.55 0 0 1 .88-.936c2.265-.511 2.436-.257 3.783-.682 1.073-.376 2.075-.908 2.866-1.737.479-.647.168-1.14-.088-1.353-.293-.243-.671-.391-1.08-.061-1.648 1.605-2.426 1.82-4.624 1.903-.131-.2-.323-.377-.29-.628 1.089-1.225 2.434-2.309 3.93-2.985.826-.044 1.683.004 2.483-.219.914-.306 1.767-.791 2.454-1.47.452-.607.133-.997-.135-1.263-.29-.288-.821-.335-1.155-.041-.401.408-.749.876-1.309 1.058-.356.169-.669.251-1.061.176l-.149-.238c.231-.484.5-.911.899-1.276.566-.285 1.191-.503 1.65-.951.691-.675 1.16-1.515 1.545-2.392.12-.565-.284-.857-.56-.982a.82.82 0 0 0-1.004.328c-.415.814-.773 1.755-1.652 2.154l-.238-.198.092-1.421c.053-.523-.571-.797-.851-.8-.383-.003-.861.337-.896.711v2.736c-.276 1.084-.753 2.084-1.564 2.868-3.121 2.083-2.032 1.845-3.528 2.593-.172-.029-.303-.127-.394-.295zm.005-9.283l-.002 2.516.114-.24c2.285-1.167 3.284-3.026 3.27-5.582L17.9 18.157c.011 1.061-.331 1.753-1.187 2.43-.179.078-.387-.173-.387-.173zm-1.76 9.57l.026-5.602c-.103.189-.39.337-.559.259-.566-.388-1.263-.995-2.117-1.745-.088-.085-.274-.235-.277-.561.153-.799.851-1.007 1.113-1.927.246-.611.211-1.568.17-2.31l-1.929-1.109c.535.528.462 2.213.142 3.045 0 0-.413.635-.555.712s-.555.108-.751-.062c-.854-.742-.921-1.242-.784-3.501.08-1.035-.348-1.504-1.011-1.435s-.75.654-.73.847c.067.497.198.999-.025 1.478-.109.043-.169.063-.285.017l-.422-.438c-.321-.333-.598-.644-.768-1.088l-.346-.65c-.77-.769-1.704-.089-1.505.798.33.654.717 1.386 1.134 1.867s.79.753 1.279.976c.233.094.447.174.667.331a2.13 2.13 0 0 1 .557.58c.149.227.338.428.406.697l-.103.039c-.654.127-1.513-.356-2.034-.745l-.473-.345c-.312-.167-.927-.069-1.184.25s-.272.852-.104 1.007c1.437 1.132 2.922 1.521 4.9 1.67.984.461 1.817 1.096 2.597 1.851l1.565 1.414c.063.343-.053.54-.35.591-1.154-.131-2.326-.248-3.344-.855l-1.154-1.061c-.305-.235-.944-.296-1.298.073s-.252 1.076-.001 1.312c.712.588 1.356 1.103 2.127 1.445.809.358 1.755.532 2.86.668 1.064.108 2.415.198 2.566 1.504zM12.545 7.205a.87.87 0 0 0-.833.86l.1 3.649c-.063.211-.078.43-.577.306-.651-.611-.813-.932-1.145-1.986a.84.84 0 0 0-.22-.407c-.257-.262-.659-.43-1.071-.156-.471.268-.413.831-.341 1.237s.74 1.537.74 1.537c.466.562.971 1.14 1.654 1.435.116.045.387.37.418.686l.083.328 1.446.883h.086.086l.093-.293-.048-.604c-.064-.813-.019-.803.301-1.995.071-.264.106-.292.108-.422l.009-4.331c.002-.393-.445-.738-.886-.728zm5.814.104c-.344-.012-.858.21-.858.839l.059 4.604.381 1.186-.083 1.411c.019.216.103.292.253.229l.61-.349.61-.35.131-.081.13-.081.091-.568c.197-.301.419-.504.745-.683.339-.237.672-.451.917-.794.649-.735 1.006-1.643 1.203-2.444.107-.365-.267-.777-.612-.865-.364-.093-.881.051-.993.359-.232.722-.414 1.688-1.065 2.138l-.259.172c-.316.033-.484-.099-.504-.395l.093-3.702c0-.371-.423-.611-.847-.625z" fill="#d0ff00"/><path d="M45.912 28.362q-1.553 0-2.786-.694-1.234-.705-2.049-1.982-.815-1.289-1.101-3.04-.286-1.762.088-3.877.363-2.004.947-3.69.584-1.696 1.421-3.018.837-1.333 1.938-2.269 1.101-.936 2.489-1.421 1.399-.485 3.095-.485 1.476 0 2.797.485 1.322.474 2.566 1.641.518.463.683 1.035.176.562-.275 1.013-.452.452-1.024.341-.573-.11-1.101-.573-.815-.793-1.696-1.123-.881-.33-1.971-.33-1.222 0-2.225.396-.991.385-1.784 1.123-.782.727-1.388 1.762-.595 1.035-1.013 2.324-.419 1.289-.683 2.797-.264 1.575-.154 2.875.121 1.289.551 2.236.441.947 1.134 1.465.694.507 1.575.507 1.41 0 2.731-.661 1.322-.672 2.368-1.795.551-.584.958-.804.419-.22.782-.22.551 0 .837.286.297.275.308.672 0 .374-.22.749-.22.363-.804 1.013-1.366 1.498-3.216 2.379-1.85.881-3.778.881zm13.309.11q-1.718 0-2.698-1.278-.98-1.289-.98-3.48 0-1.993.628-3.458.639-1.465 1.784-2.258 1.156-.793 2.709-.793.275 0 .639.055.374.044.727.11.352.055.551.099.066 0 .264.044.209.033.76.132.562.099 1.663.319.628.132.936.496.308.363.308.826 0 .738-.496 1.101-.496.352-1.245.297l-.253-.044q.044.143.066.319.022.165.022.352 0 1.443-.441 2.742-.43 1.289-1.178 2.28-.749.991-1.729 1.564-.969.573-2.037.573zm.22-2.445q.694 0 1.267-.65.584-.661.936-1.729.352-1.079.352-2.346 0-.815-.407-1.245-.407-.43-1.101-.43-.716 0-1.267.507-.54.496-.848 1.421-.297.914-.297 2.17 0 1.057.363 1.685.374.617 1.002.617zm11.547 2.324q-.54 0-.958-.352-.419-.363-.308-1.002l1.035-5.892q.033-.165.022-.341-.011-.187-.055-.341-.044-.154-.121-.253-.077-.099-.198-.099-.264 0-.43.121-.154.121-.275.319l-.419.595q-.22.33-.474.551-.242.209-.518.209-.452 0-.815-.275-.352-.286-.352-.859 0-.264.121-.694.121-.441.551-.958.672-.848 1.333-1.311.672-.463 1.608-.43.738.011 1.366.319.639.308 1.057.859.43.551.518 1.3.848-1.256 1.575-1.927.727-.672 1.311-.672.507 0 .716.198.209.187.352.385.154.198.474.198.308 0 .628-.198.33-.198.496-.319.308-.198.76-.22.463-.022.826.231.363.253.363.848 0 .419-.209.694-.198.264-.485.441-.275.165-.529.297-.441.242-1.002.485-.562.242-.925.242-.441 0-.782-.176-.341-.176-.628-.352-.286-.176-.551-.176-.209 0-.595.341-.385.33-.958 1.112-.573.771-1.322 2.104l-.672 3.822q-.099.584-.573.881-.463.297-.958.297zm12.395.143q-1.057 0-1.762-.573-.694-.584-.947-1.652-.242-1.079.022-2.544.352-1.971 1.189-3.403.848-1.432 2.06-2.214 1.222-.782 2.687-.782h3.337q.672 0 .903.441.242.43.11 1.145l-.892 5.231q-.055.319-.077.584-.011.264.011.463.033.198.099.319.077.11.198.11.209 0 .396-.121.187-.132.33-.33l.407-.595q.22-.33.463-.54.253-.22.529-.22.463 0 .804.286.352.275.352.848 0 .264-.121.705-.11.43-.54.958-.661.837-1.333 1.289-.661.452-1.586.452-1.245 0-1.894-.881-.65-.881-.76-2.148l.011-.242q-.694 1.123-1.377 1.883-.683.76-1.333 1.145-.65.385-1.289.385zm.749-2.434q.407 0 1.046-.683.65-.694 1.399-1.982.76-1.3 1.487-3.117l.11-.529h-1.454q-.771 0-1.421.496-.65.496-1.112 1.388-.463.881-.672 2.082-.176 1.046.011 1.696.198.65.606.65zm13.661 2.291q-.848 0-1.432-.408-.573-.408-.903-1.068-.319-.661-.407-1.454-.088-.804.044-1.597l2.61-14.868q.11-.584.518-.815.407-.242.859-.242.584 0 1.035.363.452.363.33 1.035L97.88 23.868q-.066.374-.099.705-.022.319 0 .551.022.231.099.363.077.132.198.132.22 0 .407-.121.187-.132.319-.33l.407-.595q.22-.33.474-.54.253-.22.529-.22.452 0 .804.286.352.275.352.848 0 .264-.121.705-.11.43-.54.958-.672.837-1.333 1.289-.661.452-1.586.452zm8.331-13.216q-.595 0-1.035-.43-.441-.441-.441-1.068 0-.595.43-1.035.43-.452 1.046-.452.584 0 1.046.43.474.419.474 1.057 0 .628-.452 1.068-.441.43-1.068.43zm-.463 13.216q-.837 0-1.421-.396-.573-.396-.903-1.046-.33-.661-.43-1.443-.088-.793.033-1.586l.958-5.353q.022-.198.176-.485.165-.286.507-.496.352-.22.936-.22.661 0 .969.363.308.352.198.98l-.925 5.209q-.088.507-.11.903-.011.396.055.617.077.22.242.22.22 0 .407-.121.187-.132.319-.33l.407-.595q.22-.33.474-.54.253-.22.529-.22.452 0 .804.286.352.275.352.848 0 .264-.121.705-.11.43-.54.958-.672.837-1.333 1.289-.661.452-1.586.452zm8.43 0q-.837 0-1.421-.396-.573-.396-.914-1.035-.33-.65-.43-1.432-.088-.782.044-1.564l.738-4.229h-1.542q-.683 0-1.035-.33-.352-.33-.352-.848 0-.518.352-.848.352-.341 1.024-.341h1.971l1.024-5.837q.088-.485.496-.749.419-.275.87-.275.385 0 .738.121.352.121.551.408.198.275.11.76l-.98 5.573h1.828q.694 0 1.046.341.352.33.352.848 0 .518-.352.848-.352.33-1.046.33h-2.236l-.76 4.306q-.066.341-.088.639-.011.297.011.518.022.22.088.341.066.121.198.121.22 0 .407-.121.187-.132.319-.33l.419-.595q.22-.33.463-.54.253-.22.518-.22.463 0 .815.286.352.275.352.848 0 .264-.121.705-.11.43-.551.958-.661.837-1.333 1.289-.661.452-1.575.452zm8.573.198q-1.674 0-2.544-.98-.859-.991-.859-2.83 0-1.509.507-2.875.507-1.377 1.366-2.445.87-1.068 1.971-1.674 1.112-.617 2.324-.617 1.421 0 2.137.595.727.595.727 1.729 0 .529-.242 1.024-.231.496-.683.958-.441.463-1.057.903-.617.43-1.377.859-.529.308-1.322.716-.793.396-1.619.793 0 .187.022.352.022.154.055.297.077.341.286.584.209.231.507.231.54 0 1.079-.286.551-.297.98-.826.485-.562 1.002-.716.529-.154.947.165.209.154.341.452.143.286.077.694-.055.396-.452.881-.76.925-1.872 1.476-1.101.54-2.302.54zm-.352-6.179q.341-.176.694-.374.352-.198.694-.385.65-.374 1.101-.705.452-.341.705-.628.253-.297.253-.54 0-.176-.11-.319-.11-.154-.319-.154-.672 0-1.267.408-.584.396-1.035 1.101-.441.694-.716 1.597z" fill="#f9f9f9"/></svg>
|