create-berna-stencil 1.0.35 → 1.0.36
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/bin/create.js +1 -1
- package/package.json +1 -1
- package/src/components/global/header.njk +3 -3
- package/src/components/welcome.njk +24 -11
- package/src/data/lang.json +21 -15
- package/src/scss/modules/_buttons.scss +17 -0
- package/src/scss/modules/_footer.scss +1 -1
- package/src/scss/modules/_global.scss +3 -0
- package/src/scss/modules/_header.scss +1 -1
package/bin/create.js
CHANGED
package/package.json
CHANGED
|
@@ -4,9 +4,9 @@
|
|
|
4
4
|
<img src="{{ site.logo }}" alt="{{ site.title }}" height="40">
|
|
5
5
|
</a>
|
|
6
6
|
<div class="nav-links">
|
|
7
|
-
<a class="btn
|
|
8
|
-
<a class="btn
|
|
9
|
-
<a class="btn
|
|
7
|
+
<a class="btn" href="/">Homepage</a>
|
|
8
|
+
<a class="btn" href="/about-us">About-us</a>
|
|
9
|
+
<a class="btn" href="/contact-us">Contact us</a>
|
|
10
10
|
</div>
|
|
11
11
|
<div class="nav-links">
|
|
12
12
|
<select id="lang-select" class="form-select">
|
|
@@ -1,23 +1,36 @@
|
|
|
1
1
|
<div class="container my-3">
|
|
2
2
|
<h1>Welcome to <span class="berna-stencil">Berna-Stencil</span></h1>
|
|
3
|
-
<div class="slogan"
|
|
3
|
+
<div class="slogan" data-lang-key="welcomeSlogan"></div>
|
|
4
4
|
|
|
5
5
|
<div class="grid">
|
|
6
|
-
<a
|
|
6
|
+
<a
|
|
7
|
+
href="https://bernastencil.com"
|
|
8
|
+
class="card"
|
|
9
|
+
target="_blank"
|
|
10
|
+
rel="noopener noreferrer"
|
|
11
|
+
>
|
|
7
12
|
<i class="bi bi-book card-icon" aria-hidden="true"></i>
|
|
8
|
-
<h3
|
|
9
|
-
<p
|
|
13
|
+
<h3 data-lang-key="documentationCardTitle"></h3>
|
|
14
|
+
<p data-lang-key="documentatioCardParagraph">
|
|
15
|
+
Everything you need to get started, from setup to advanced topics and
|
|
16
|
+
customizations.
|
|
17
|
+
</p>
|
|
10
18
|
<span class="card-link"
|
|
11
|
-
|
|
19
|
+
data-lang-key="documentationCardLink"></i
|
|
12
20
|
></span>
|
|
13
21
|
</a>
|
|
14
22
|
|
|
15
|
-
<a
|
|
23
|
+
<a
|
|
24
|
+
href="https://github.com/rhaastrake/berna-stencil"
|
|
25
|
+
class="card"
|
|
26
|
+
target="_blank"
|
|
27
|
+
rel="noopener noreferrer"
|
|
28
|
+
>
|
|
16
29
|
<i class="bi bi-github card-icon" aria-hidden="true"></i>
|
|
17
|
-
<h3>
|
|
18
|
-
<p>Community-driven. Contributions, issues and PRs are welcome.</p>
|
|
30
|
+
<h3 data-lang-key="githubCardTitle">Github repository</h3>
|
|
31
|
+
<p data-lang-key="githubCardParagraph">Community-driven. Contributions, issues and PRs are welcome.</p>
|
|
19
32
|
<span class="card-link"
|
|
20
|
-
|
|
33
|
+
data-lang-key="githubCardLink">Open the repository</i
|
|
21
34
|
></span>
|
|
22
35
|
</a>
|
|
23
36
|
</div>
|
|
@@ -67,7 +80,7 @@
|
|
|
67
80
|
}
|
|
68
81
|
.card p {
|
|
69
82
|
font-size: 1rem;
|
|
70
|
-
color: #
|
|
83
|
+
color: #38649b;
|
|
71
84
|
line-height: 1.6;
|
|
72
85
|
}
|
|
73
86
|
.card-link {
|
|
@@ -76,7 +89,7 @@
|
|
|
76
89
|
gap: 4px;
|
|
77
90
|
font-size: 1rem;
|
|
78
91
|
color: #42b883;
|
|
79
|
-
opacity: 0.
|
|
92
|
+
opacity: 0.8;
|
|
80
93
|
transition: opacity 0.15s;
|
|
81
94
|
}
|
|
82
95
|
.card:hover .card-link {
|
package/src/data/lang.json
CHANGED
|
@@ -2,29 +2,35 @@
|
|
|
2
2
|
"en": {
|
|
3
3
|
"enLangName": "English",
|
|
4
4
|
"itLangName": "Italian",
|
|
5
|
-
"forms": {
|
|
6
|
-
"formInvalidFields": "Please fill in all required fields correctly",
|
|
7
|
-
"emailSending": "Sending email",
|
|
8
|
-
"emailSuccess": "Email sent successfully",
|
|
9
|
-
"emailError": "An error occurred while sending the email"
|
|
10
|
-
},
|
|
11
5
|
|
|
12
6
|
"error404Message": "Oops! Page not found",
|
|
13
|
-
"error404Return": "Return to homepage"
|
|
7
|
+
"error404Return": "Return to homepage",
|
|
14
8
|
|
|
9
|
+
"welcomeSlogan": "The framework you need, simplified",
|
|
10
|
+
|
|
11
|
+
"documentationCardTitle": "Documentation",
|
|
12
|
+
"documentatioCardParagraph": "Everything you need to get started, from setup to advanced topics and customizations",
|
|
13
|
+
"documentationCardLink": "Go to documentation",
|
|
14
|
+
|
|
15
|
+
"githubCardTitle": "Github repository",
|
|
16
|
+
"githubCardParagraph": "Community-driven. Contributions, issues and PRs are welcome.",
|
|
17
|
+
"githubCardLink": "Open the repository"
|
|
15
18
|
},
|
|
16
19
|
"it": {
|
|
17
20
|
"enLangName": "Inglese",
|
|
18
21
|
"itLangName": "Italiano",
|
|
19
|
-
"forms": {
|
|
20
|
-
"formInvalidFields": "Per favore, compila correttamente tutti i campi obbligatori",
|
|
21
|
-
"emailSending": "Invio in corso",
|
|
22
|
-
"emailSuccess": "Email inviata con successo",
|
|
23
|
-
"emailError": "Si è verificato un errore durante l'invio dell'email"
|
|
24
|
-
},
|
|
25
22
|
|
|
26
23
|
"error404Message": "Oops! Pagina non trovata",
|
|
27
|
-
"error404Return": "Ritorna alla homepage"
|
|
28
|
-
|
|
24
|
+
"error404Return": "Ritorna alla homepage",
|
|
25
|
+
|
|
26
|
+
"welcomeSlogan": "Il framework di cui hai bisogno, in modo semplice",
|
|
27
|
+
|
|
28
|
+
"documentationCardTitle": "Documentazione",
|
|
29
|
+
"documentatioCardParagraph": "Tutto ciò di cui hai bisogno per iniziare, dalla configurazione agli argomenti avanzati e personalizzazioni",
|
|
30
|
+
"documentationCardLink": "Vai alla documentazione",
|
|
31
|
+
|
|
32
|
+
"githubCardTitle": "Repository Github",
|
|
33
|
+
"githubCardParagraph": "Guidato dalla comunità. Contributi, segnalazioni e PR sono benvenuti.",
|
|
34
|
+
"githubCardLink": "Vai alla repository"
|
|
29
35
|
}
|
|
30
36
|
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
//==========================
|
|
2
|
+
// CSS RULES FOR BUTTONS
|
|
3
|
+
//==========================
|
|
4
|
+
|
|
5
|
+
// Getting root rules from _root.scss
|
|
6
|
+
@use 'root' as root;
|
|
7
|
+
|
|
8
|
+
.btn {
|
|
9
|
+
color: #42b883;
|
|
10
|
+
border-radius: 12px;
|
|
11
|
+
padding: 8px 20px;
|
|
12
|
+
transition: background 0.2s, color 0.2s;
|
|
13
|
+
}
|
|
14
|
+
.btn:hover {
|
|
15
|
+
background: #42b883;
|
|
16
|
+
color: #0d1526;
|
|
17
|
+
}
|