moracarta 2.1.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.
- package/LICENSE +21 -0
- package/README.md +84 -0
- package/index.html +31 -0
- package/package.json +35 -0
- package/public/assets/images/corner.webp +0 -0
- package/public/assets/images/custom-text-demo1.png +0 -0
- package/public/assets/images/custom-text-demo2.png +0 -0
- package/public/assets/images/demo-animation.gif +0 -0
- package/public/assets/images/demo-main-page.png +0 -0
- package/public/assets/images/googleDocsTabs.webp +0 -0
- package/public/assets/images/setup-demo.png +0 -0
- package/public/robots.txt +2 -0
- package/src/commands/add.js +170 -0
- package/src/commands/cliConfig.js +68 -0
- package/src/commands/deploy.js +41 -0
- package/src/commands/remove.js +198 -0
- package/src/commands/setup.js +257 -0
- package/src/config/fonts.js +7 -0
- package/src/data/letters.example.js +28 -0
- package/src/data/lettersLoader.js +7 -0
- package/src/i18n/de.js +8 -0
- package/src/i18n/en.js +8 -0
- package/src/i18n/es.js +8 -0
- package/src/i18n/fr.js +8 -0
- package/src/i18n/it.js +8 -0
- package/src/i18n/ja.js +8 -0
- package/src/i18n/ko.js +8 -0
- package/src/i18n/nl.js +0 -0
- package/src/i18n/pr.js +0 -0
- package/src/i18n/pt-BR.js +8 -0
- package/src/i18n/ru.js +8 -0
- package/src/i18n/tl.js +0 -0
- package/src/i18n/zh.js +8 -0
- package/src/scripts/data.variable.js +24 -0
- package/src/scripts/i18n.js +67 -0
- package/src/scripts/letters.script.js +257 -0
- package/src/scripts/main.script.js +101 -0
- package/src/services/googleDocs.js +76 -0
- package/src/styles/letters.css +405 -0
- package/src/styles/main.css +338 -0
- package/src/views/letters.view.html +83 -0
- package/vite.config.mjs +16 -0
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
|
6
|
+
<meta name="robots" content="noindex, nofollow, noarchive">
|
|
7
|
+
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
8
|
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
9
|
+
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Lora:ital,wght@0,400;1,400&family=Montserrat:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap" rel="stylesheet">
|
|
10
|
+
<link rel="stylesheet" href="../styles/letters.css">
|
|
11
|
+
</head>
|
|
12
|
+
<body>
|
|
13
|
+
<canvas id="canvas-hearts"></canvas>
|
|
14
|
+
|
|
15
|
+
<div class="back-link-wrap">
|
|
16
|
+
<a href="../../index.html" class="back-link">
|
|
17
|
+
<span class="back-link-arrow">←</span>
|
|
18
|
+
<span data-i18n="RETURN"></span>
|
|
19
|
+
</a>
|
|
20
|
+
</div>
|
|
21
|
+
|
|
22
|
+
<div id="error-message" class="error" style="display:none"><p data-i18n="LETTER_NOT_FOUND"></p></div>
|
|
23
|
+
|
|
24
|
+
<div class="envelope-animation-wrap" id="envelope-wrap">
|
|
25
|
+
<div class="envelope-stage">
|
|
26
|
+
<div class="env-fundo"></div>
|
|
27
|
+
|
|
28
|
+
<div class="env-papel" id="paper">
|
|
29
|
+
<div class="paper-text">
|
|
30
|
+
<p data-variable="CLOSED_LETTER_TEXT_TOP_LINE"></p><br>
|
|
31
|
+
<p data-variable="CLOSED_LETTER_TEXT_BOTTOM_LINE"></p>
|
|
32
|
+
</div>
|
|
33
|
+
</div>
|
|
34
|
+
|
|
35
|
+
<div class="env-corpo-svg">
|
|
36
|
+
<svg viewBox="0 0 100 63" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
|
|
37
|
+
<polygon points="0,0 0,63 47,42" fill="#c9a87c" />
|
|
38
|
+
<polygon points="100,0 100,63 53,42" fill="#c4a07a" />
|
|
39
|
+
<polygon points="0,63 100,63 50,30" fill="#bfa06e" />
|
|
40
|
+
</svg>
|
|
41
|
+
</div>
|
|
42
|
+
|
|
43
|
+
<div class="env-aba" id="flap">
|
|
44
|
+
<svg viewBox="0 0 100 44" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
|
|
45
|
+
<polygon points="0,0 100,0 50,44" fill="#d4b896" />
|
|
46
|
+
</svg>
|
|
47
|
+
</div>
|
|
48
|
+
|
|
49
|
+
<div class="env-lacre" id="seal"><span class="seal-heart" aria-hidden="true">♡</span></div>
|
|
50
|
+
</div>
|
|
51
|
+
</div>
|
|
52
|
+
|
|
53
|
+
<div class="letter-wrap" id="letter-wrap">
|
|
54
|
+
<div class="letter">
|
|
55
|
+
<div class="letter-corners">
|
|
56
|
+
<span class="letter-corner letter-corner-tl"></span>
|
|
57
|
+
<span class="letter-corner letter-corner-tr"></span>
|
|
58
|
+
<span class="letter-corner letter-corner-bl"></span>
|
|
59
|
+
<span class="letter-corner letter-corner-br"></span>
|
|
60
|
+
</div>
|
|
61
|
+
<div class="letter-top">
|
|
62
|
+
<div class="letter-ornament">❦</div>
|
|
63
|
+
<span class="letter-date" id="letter-date"></span>
|
|
64
|
+
<h1 class="letter-title" id="letter-title"></h1>
|
|
65
|
+
</div>
|
|
66
|
+
<div class="letter-divider"></div>
|
|
67
|
+
<div class="letter-body" id="letter-body"></div>
|
|
68
|
+
<div class="letter-footer">
|
|
69
|
+
<span class="letter-footer-ornament"></span>
|
|
70
|
+
</div>
|
|
71
|
+
</div>
|
|
72
|
+
</div>
|
|
73
|
+
|
|
74
|
+
<nav class="letter-nav" id="letter-nav">
|
|
75
|
+
<a id="nav-previous" class="nav-button invisible" href="#">← <p data-i18n="PREVIOUS"></p></a>
|
|
76
|
+
<span class="nav-counter" id="letter-counter"></span>
|
|
77
|
+
<a id="nav-next" class="nav-button invisible" href="#"><p data-i18n="NEXT"></p> →</a>
|
|
78
|
+
</nav>
|
|
79
|
+
|
|
80
|
+
<script type="module" src="../scripts/letters.script.js"></script>
|
|
81
|
+
<script type="module" src="../scripts/i18n.js"></script>
|
|
82
|
+
<script type="module" src="../scripts/data.variable.js"></script>
|
|
83
|
+
</html>
|
package/vite.config.mjs
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { defineConfig } from 'vite';
|
|
2
|
+
import { resolve } from 'node:path';
|
|
3
|
+
|
|
4
|
+
export default defineConfig({
|
|
5
|
+
publicDir: resolve(import.meta.dirname, 'public'),
|
|
6
|
+
build: {
|
|
7
|
+
outDir: resolve(import.meta.dirname, 'dist'),
|
|
8
|
+
emptyOutDir: true,
|
|
9
|
+
rollupOptions: {
|
|
10
|
+
input: {
|
|
11
|
+
main: resolve(import.meta.dirname, 'index.html'),
|
|
12
|
+
letter: resolve(import.meta.dirname, 'src/views/letters.view.html')
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
});
|