npm - create-berna-stencil - Versions diffs - 2.6.2 → 2.6.4 - Mend

create-berna-stencil 2.6.2 → 2.6.4

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.

Files changed (264) hide show

package/src/frontend/layouts/base.njk DELETED Viewed

@@ -1,137 +0,0 @@
-<!-- This is the base of every page that you will create -->
-<!DOCTYPE html>
-<html lang="{{ site.lang or 'en' }}" data-bs-theme="{{ site.data_bs_theme or 'light' }}">
-    <head>
-        <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        {# Preconnect hints — establish early connections to external origins #}
-        <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>
-      {#╔══════════════════╗
-        ║    PAGE DATA     ║
-        ╚══════════════════╝#}
-        {% set pageKey = title %}
-        {% set pageData = site.pages[pageKey] %}
-      {#╔══════════════════╗
-        ║       SEO        ║
-        ╚══════════════════╝#}
-        <link rel="canonical" href="{{ site.url }}{{ page.url }}"/>
-        <title>{{ pageData.seo.title or title or site.title }}</title>
-        <meta name="description" content="{{ pageData.seo.description or site.description }}">
-        <meta name="keywords" content="{{ site.keywords }}">
-        <meta name="author" content="{{ site.author }}">
-        <meta name="theme-color" content="">
-        {# Open Graph #}
-        <meta property="og:title" content="{{ pageData.seo.title }}">
-        <meta property="og:description" content="{{ pageData.seo.description }}">
-        <meta property="og:type" content="website">
-        <meta property="og:url" content="{{ site.url }}{{ page.url }}">
-        <meta property="og:image" content="{{ site.url }}{{ site.logo }}">
-        <meta property="og:site-name" content="{{ site.site-name }}">
-        {# Twitter Card #}
-        <meta name="twitter:card" content="summary_large_image">
-        <meta name="twitter:title" content="{{ pageData.seo.title }}">
-        <meta name="twitter:description" content="{{ pageData.seo.description }}">
-        <meta name="twitter:image" content="{{ site.url }}{{ site.logo }}">
-      {#╔══════════════════════════════════════════╗
-        ║   JSON-LD — Structured data for SEO/AI   ║
-        ╚══════════════════════════════════════════╝#}
-        <script type="application/ld+json">
-        {
-            "@context": "https://schema.org",
-            "@type": "WebPage",
-            "name": "{{ pageData.seo.title or title or site.title }}",
-            "description": "{{ pageData.seo.description or site.description }}",
-            "url": "{{ site.url }}{{ page.url }}",
-            "author": {
-                "@type": "Person",
-                "name": "{{ site.author }}"
-            },
-            "publisher": {
-                "@type": "Organization",
-                "name": "{{ site.site_name }}",
-                "logo": {
-                    "@type": "ImageObject",
-                    "url": "{{ site.url }}{{ site.logo }}"
-                }
-            }
-        }
-        </script>
-      {#╔══════════════════╗
-        ║     FAVICON      ║
-        ╚══════════════════╝#}
-        <link rel="icon" type="image/svg+xml" href="{{ site.favicon }}">
-        {#
-        <link rel="icon" type="image/png" href="/assets/favicon.png">
-        <link rel="apple-touch-icon" href="/assets/favicon.png">
-        #}
-      {#╔══════════════════╗
-        ║       CSS        ║
-        ╚══════════════════╝#}
-        {# Markdown — theme-aware #}
-        {% if site.data_bs_theme == "dark" %}
-        <link rel="stylesheet" href="/css/github-markdown-dark.css">
-        {% else %}
-        <link rel="stylesheet" href="/css/github-markdown-light.css">
-        {% endif %}
-        {# Page CSS #}
-        <link rel="stylesheet" href="/css/pages/{{ title }}.css"/>
-        {# Per-page CDN CSS #}
-        {% if pageData and pageData.cdn and pageData.cdn.css %}
-            {% for link in pageData.cdn.css %}
-                <link rel="stylesheet" href="{{ link }}">
-            {% endfor %}
-        {% endif %}
-    </head>
-    <body>
-        {% include "global/header.njk" %}
-        <main>
-            {{ content | safe }}
-        </main>
-        {% include "global/footer.njk" %}
-      {#╔══════════════════╗
-        ║     SCRIPTS      ║
-        ╚══════════════════╝#}
-        {# Framework — uncomment the one you are using #}
-        <script src="/js/bootstrap.bundle.min.js" defer></script>
-        {# <script src="/js/foundation.min.js" defer></script> #}
-        {# <script src="/js/uikit.min.js" defer></script> #}
-        {# <script src="/js/uikit-icons.min.js" defer></script> #}
-        {# Bulma — no JS needed #}
-        {# Per-page CDN JS #}
-        {% if pageData and pageData.cdn and pageData.cdn.js %}
-            {% for script in pageData.cdn.js %}
-                <script src="{{ script }}" defer></script>
-            {% endfor %}
-        {% endif %}
-        {# Page JS #}
-        <script src="/js/pages/{{ title }}.js"></script>
-    </body>
-</html>

package/src/frontend/layouts/pageComponents.njk DELETED Viewed

@@ -1,14 +0,0 @@
----
-layout: base.njk
----
-<!-- NJK (HTML) components per page -->
-{% if title == "homepage" %}
-  {% include "welcome.njk" %}
-{% else %}
-  <!-- You should not touch this else statement -->
-  {% include "404/_404.njk" %}
-  {{ content | safe }}
-{% endif %}

package/src/frontend/llms.njk DELETED Viewed

@@ -1,18 +0,0 @@
----
-permalink: /llms.txt
-eleventyExcludeFromCollections: true
----
-# {{ site.site_name }}
-> {{ site.description }}
-Built by {{ site.author }} — {{ site.url }}
-## Pages
-- {{ site.url }}: Homepage
-## Notes
-- Language: {{ site.lang }}
-- All content may be used for AI indexing unless otherwise stated

package/src/frontend/robots.njk DELETED Viewed

@@ -1,8 +0,0 @@
----
-permalink: /robots.txt
-eleventyExcludeFromCollections: true
----
-Sitemap: {{ site.url }}/sitemap.xml
-User-agent: *
-Disallow:

package/src/frontend/scss/modules/_animations.scss DELETED Viewed

@@ -1,25 +0,0 @@
-//==========================
-// CSS RULES FOR ANIMATIONS
-//==========================
-// Getting root rules from _root.scss
-@use 'root' as root;
-.fade-in {
-  animation: fadeIn 1s;
-}
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-@keyframes spin {
-    from { transform: rotate(0deg); }
-    to   { transform: rotate(360deg); }
-}

package/src/frontend/scss/modules/_buttons.scss DELETED Viewed

@@ -1,24 +0,0 @@
-//==========================
-// CSS RULES FOR BUTTONS
-//==========================
-// Getting root rules from _root.scss
-@use 'root' as root;
-.btn {
-  color: #bddacc;
-  border-radius: 12px;
-  padding: 8px 20px;
-  transition: background 0.2s, color 0.2s;
-  background-color: #2E7253;
-  &:hover {
-    background: #42b883;
-    color: #353535;
-  }
-  &:active {
-    background: #42b883 !important;
-    color: #353535 !important;
-  }
-}

package/src/frontend/scss/modules/_footer.scss DELETED Viewed

@@ -1,32 +0,0 @@
-//==========================
-// CSS RULES FOR FOOTER
-//==========================
-@use 'root' as root;
-footer {
-    display: flex;
-    justify-content: space-around;
-    width: 100%;
-    padding: root.$header-padding-y root.$header-padding-x;
-    background-color: #2e7253;
-    h6 {
-        margin-bottom: 0.75rem;
-    }
-    ul {
-        list-style: none;
-        padding: 0;
-        margin: 0;
-    }
-    hr {
-        margin: 1rem 0;
-    }
-    small {
-        display: flex;
-        gap: 1rem;
-    }
-}

package/src/frontend/scss/modules/_global.scss DELETED Viewed

@@ -1,46 +0,0 @@
-//==========================
-// CSS RULES FOR THE ENTIRE SITE
-//==========================
-// Getting root rules from _root.scss
-@use 'root' as root;
-// Frameworks imports
-@import "../modules/frameworks/bootstrap";
-// @import "../modules/frameworks/bulma";
-// @import "../modules/frameworks/foundation";
-// @import "../modules/frameworks/uikit";
-// Modules imports
-@import "typography";
-@import "header";
-@import "footer";
-@import "animations";
-@import "mobile";
-@import "buttons";
-//==========================
-// Global css rules for the entire site
-//==========================
-*,
-*::before,
-*::after {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-}
-body {
-    display: flex;
-    flex-direction: column;
-    min-height: 100svh;
-}
-main {
-    flex: 1;
-}

package/src/frontend/scss/modules/_header.scss DELETED Viewed

@@ -1,33 +0,0 @@
-//==========================
-// CSS RULES FOR HEADER
-//==========================
-// Getting root rules from _root.scss
-@use 'root' as root;
-header {
-    height: root.$header-height;
-    width: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: root.$header-padding-y root.$header-padding-x;
-    background-color: root.$primary;
-    background-color: #2e7253;
-}
-nav {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 100%;
-}
-nav a {
-    padding: 10px;
-}
-.nav-links{
-    display: flex;
-    gap: 120px;
-}

package/src/frontend/scss/modules/_mobile.scss DELETED Viewed

@@ -1,30 +0,0 @@
-//==========================
-// CSS RULES FOR RESPONSIVE
-//==========================
-// Getting root rules from _root.scss
-@use 'root' as root;
-//==========================
-// MEDIA QUERIES
-//==========================
-@media (max-width: 1400px) {
-}
-@media (max-width: 1200px) {
-}
-@media (max-width: 992px) {
-}
-@media (max-width: 768px) {
-}
-@media (max-width: 576px) {
-}

package/src/frontend/scss/modules/_notification.scss DELETED Viewed

@@ -1,56 +0,0 @@
-@use 'root' as root;
-.notificationBox {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    text-align: center;
-    position: fixed;
-    top: root.$header-height;
-    left: 50%;
-    transform: translateX(-50%);
-    z-index: 9999;
-    width: 30vw;
-    padding: 18px;
-    border-radius: 15px;
-    gap: 15px;
-    background-color: rgba(0, 0, 0, 0.9);
-    transition: opacity 0.5s ease, transform 0.5s ease;
-    .spinner {
-        width: 20px;
-        height: 20px;
-        border: 3px solid currentColor;
-        border-right-color: transparent;
-        border-radius: 50%;
-        animation: spin .75s linear infinite;
-        filter: drop-shadow(0 0 5px currentColor);
-    }
-    /* Varianti */
-    &.success {
-        box-shadow: 0 0 2px #2ecc71, 0 0 15px rgba(46, 204, 113, 0.6), 0 0 40px rgba(46, 204, 113, 0.2);
-        color: #2ecc71;
-        text-shadow: 0 0 2px #2ecc71, 0 0 15px rgba(46, 204, 113, 0.6), 0 0 40px rgba(46, 204, 113, 0.2);
-    }
-    &.info {
-        box-shadow: 0 0 2px #f1c40f, 0 0 15px rgba(241, 196, 15, 0.6), 0 0 40px rgba(241, 196, 15, 0.2);
-        color: #f1c40f;
-        text-shadow: 0 0 2px #f1c40f, 0 0 15px rgba(241, 196, 15, 0.6), 0 0 40px rgba(241, 196, 15, 0.2);
-    }
-    &.error {
-        box-shadow: 0 0 2px #e74c3c, 0 0 15px rgba(231, 76, 60, 0.6), 0 0 40px rgba(231, 76, 60, 0.2);
-        color: #e74c3c;
-        text-shadow: 0 0 2px #e74c3c, 0 0 15px rgba(231, 76, 60, 0.6), 0 0 40px rgba(231, 76, 60, 0.2);
-    }
-    /* Stato di uscita */
-    &.fade-out {
-        opacity: 0;
-        transform: translateX(-50%) translateY(-20px);
-    }
-}

package/src/frontend/scss/modules/_root.scss DELETED Viewed

@@ -1,35 +0,0 @@
-// NOTE: This file contains only Sass variables (no CSS output).
-// When imported with @import, all variables are global and may be
-// overwritten by other imported files with the same variable names.
-// Use @use 'root' as root; to avoid namespace collisions.
-//==========================
-// STRUCTURE
-//==========================
-$header-height: 10vh;
-$header-padding-y: 15px;
-$header-padding-x: 15px;
-//==========================
-// COLORS — BASE
-//==========================
-$primary:   rgba(0, 0, 0, 0.5);
-$secondary: #a3dcff;
-$accent:    #f9a8c9;
-//==========================
-// COLORS — NEUTRALS
-//==========================
-$white:     #ffffff;
-$light:     #f5f5f5;
-$muted:     #888888;
-$dark:      #2d2d2d;
-//==========================
-// COLORS — SEMANTIC
-//==========================
-$success:   #198754;
-$warning:   #ffc107;
-$danger:    #dc3545;
-$info:      #0dcaf0;

package/src/frontend/scss/modules/_typography.scss DELETED Viewed

@@ -1,15 +0,0 @@
-// Getting root rules from _root.scss
-@use "root" as root;
-html {
-  font-size: 16px;
-  scroll-behavior: smooth;
-}
-body {
-  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
-}
-a {
-  text-decoration: none;
-}

package/src/frontend/scss/modules/frameworks/_bootstrap.scss DELETED Viewed

@@ -1,110 +0,0 @@
-// ╔══════════════════════════════════════════════════════╗
-// ║                   ../../../../../node_modules/BOOTSTRAP MODULES                  ║
-// ║  Comment out any module you don't need to improve    ║
-// ║  performance. Core section is required by all others ║
-// ╚══════════════════════════════════════════════════════╝
-// Imports can be filtered by commenting them
-// Example:
-// @import "../../../../../node_modules/bootstrap/scss/example-../../../../../node_modules/bootstrap-module";
-//==========================
-// 1️⃣ CORE – Functions and variables
-// ⚠️ Do not comment these out — required by all other modules
-//==========================
-@import "../../../../../node_modules/bootstrap/scss/functions";        // ../../../../../node_modules/Bootstrap SCSS functions
-@import "../../../../../node_modules/bootstrap/scss/variables";        // Core variables (colors, spacing, fonts)
-@import "../../../../../node_modules/bootstrap/scss/variables-dark";   // Dark theme variables
-@import "../../../../../node_modules/bootstrap/scss/maps";             // Maps for spacing, colors, breakpoints
-@import "../../../../../node_modules/bootstrap/scss/mixins";           // Reusable SCSS mixins
-@import "../../../../../node_modules/bootstrap/scss/utilities";        // Utility helpers
-@import "../../../../../node_modules/bootstrap/scss/root";             // Root CSS (custom properties)
-@import "../../../../../node_modules/bootstrap/scss/placeholders";     // Placeholder selectors
-//==========================
-// 2️⃣ VENDOR
-//==========================
-@import "../../../../../node_modules/bootstrap/scss/vendor/rfs";       // Responsive font sizes
-//==========================
-// 3️⃣ BASE – Base styles
-//==========================
-@import "../../../../../node_modules/bootstrap/scss/reboot";           // CSS reset / normalize
-@import "../../../../../node_modules/bootstrap/scss/type";             // Typography (headings, paragraphs)
-@import "../../../../../node_modules/bootstrap/scss/images";           // Image styles
-@import "../../../../../node_modules/bootstrap/scss/containers";       // Containers
-@import "../../../../../node_modules/bootstrap/scss/transitions";      // CSS transitions
-//==========================
-// 4️⃣ LAYOUT – Layout helpers
-//==========================
-@import "../../../../../node_modules/bootstrap/scss/grid";             // Grid system
-@import "../../../../../node_modules/bootstrap/scss/helpers";          // Helper classes
-//==========================
-// 5️⃣ HELPERS – Sub-modules
-//==========================
-@import "../../../../../node_modules/bootstrap/scss/helpers/clearfix";         // Clearfix
-@import "../../../../../node_modules/bootstrap/scss/helpers/color-bg";         // Color background
-@import "../../../../../node_modules/bootstrap/scss/helpers/colored-links";    // Colored links
-@import "../../../../../node_modules/bootstrap/scss/helpers/focus-ring";       // Focus ring
-@import "../../../../../node_modules/bootstrap/scss/helpers/icon-link";        // Icon links
-@import "../../../../../node_modules/bootstrap/scss/helpers/position";         // Position helpers
-@import "../../../../../node_modules/bootstrap/scss/helpers/ratio";            // Aspect ratio
-@import "../../../../../node_modules/bootstrap/scss/helpers/stacks";           // Stack helpers
-@import "../../../../../node_modules/bootstrap/scss/helpers/stretched-link";   // Stretched link
-@import "../../../../../node_modules/bootstrap/scss/helpers/text-truncation";  // Text truncation
-@import "../../../../../node_modules/bootstrap/scss/helpers/visually-hidden";  // Visually hidden
-@import "../../../../../node_modules/bootstrap/scss/helpers/vr";               // Vertical rule
-//==========================
-// 6️⃣ UTILITIES – Sub-modules
-//==========================
-@import "../../../../../node_modules/bootstrap/scss/utilities/api";            // Utilities API
-//==========================
-// 7️⃣ FORMS – Sub-modules
-//==========================
-@import "../../../../../node_modules/bootstrap/scss/forms";                    // Forms loader
-@import "../../../../../node_modules/bootstrap/scss/forms/labels";             // Labels
-@import "../../../../../node_modules/bootstrap/scss/forms/form-text";          // Form text
-@import "../../../../../node_modules/bootstrap/scss/forms/form-control";       // Inputs and textareas
-@import "../../../../../node_modules/bootstrap/scss/forms/form-select";        // Select dropdowns
-@import "../../../../../node_modules/bootstrap/scss/forms/form-check";         // Checkboxes and radios
-@import "../../../../../node_modules/bootstrap/scss/forms/form-range";         // Range sliders
-@import "../../../../../node_modules/bootstrap/scss/forms/floating-labels";    // Floating labels
-@import "../../../../../node_modules/bootstrap/scss/forms/input-group";        // Input groups
-@import "../../../../../node_modules/bootstrap/scss/forms/validation";         // Validation states
-//==========================
-// 8️⃣ COMPONENTS – All ../../../../../node_modules/Bootstrap components
-//==========================
-@import "../../../../../node_modules/bootstrap/scss/alert";            // Alerts
-@import "../../../../../node_modules/bootstrap/scss/badge";            // Badges
-@import "../../../../../node_modules/bootstrap/scss/breadcrumb";       // Breadcrumbs
-@import "../../../../../node_modules/bootstrap/scss/buttons";          // Buttons
-@import "../../../../../node_modules/bootstrap/scss/button-group";     // Button groups
-@import "../../../../../node_modules/bootstrap/scss/card";             // Cards
-@import "../../../../../node_modules/bootstrap/scss/carousel";         // Carousel
-@import "../../../../../node_modules/bootstrap/scss/close";            // Close (×) button
-@import "../../../../../node_modules/bootstrap/scss/dropdown";         // Dropdowns
-@import "../../../../../node_modules/bootstrap/scss/list-group";       // List groups
-@import "../../../../../node_modules/bootstrap/scss/modal";            // Modals
-@import "../../../../../node_modules/bootstrap/scss/nav";              // Nav
-@import "../../../../../node_modules/bootstrap/scss/navbar";           // Navbar
-@import "../../../../../node_modules/bootstrap/scss/offcanvas";        // Offcanvas component
-@import "../../../../../node_modules/bootstrap/scss/pagination";       // Pagination
-@import "../../../../../node_modules/bootstrap/scss/popover";          // Popovers
-@import "../../../../../node_modules/bootstrap/scss/progress";         // Progress bars
-@import "../../../../../node_modules/bootstrap/scss/spinners";         // Spinners
-@import "../../../../../node_modules/bootstrap/scss/toasts";           // Toasts
-@import "../../../../../node_modules/bootstrap/scss/tooltip";          // Tooltips
-@import "../../../../../node_modules/bootstrap/scss/accordion";        // Accordion
-@import "../../../../../node_modules/bootstrap/scss/tables";           // Tables
-//==========================
-// 9️⃣ ICONS
-//==========================
-$bootstrap-icons-font-src: url("../fonts/bootstrap-icons.woff2") format("woff2"),
-                            url("../fonts/bootstrap-icons.woff") format("woff");
-@import "../../../../../node_modules/bootstrap-icons/font/bootstrap-icons";