create-berna-stencil 2.0.6 → 2.0.8

package/README.md

@@ -12,13 +12,14 @@ Building a website from scratch involves a lot of moving parts: templating engin
 - 📁 **Scalable structure** — a clean, opinionated project layout that grows with your needs
 - 🌍 **Open source** — free to use, free to modify, free to share
 
-![Version](https://img.shields.io/badge/version-2.0.3-blue)
+![Version](https://img.shields.io/badge/version-2.0.8-blue)
 ![License](https://img.shields.io/badge/license-Apache--2.0-blue)
 ![Eleventy](https://img.shields.io/badge/11ty-v3.1.2-black)
 
 ## Prerequisites
 * **Node.js**: v18.0.0 or higher
 * **Composer**: latest stable version
+* #### Optional: Better Nunjucks VS Code extension by Ed Heltzel
 
 ## Installation
 * Open your IDE (e.g. Visual Studio Code), open the folder that contains your websites and open a new terminal
@@ -42,15 +43,7 @@ Building a website from scratch involves a lot of moving parts: templating engin
    npm run serve
    ```
 
-## Changelog
-
-### [2.0.3] - 2025-05-28
-* Initial release
-* Eleventy v3.1.2 support
-* Base project structure and scaffolding CLI
-
 ## Roadmap
 * [ ] Add support for multiple themes
-* [ ] Improve CLI with interactive prompts
-* [ ] Add TypeScript support
-* [ ] Extend documentation with advanced usage examples
+* [ ] Extend documentation with advanced usage examples
+* [ ] Assistant CLI improvement for safer inputs

package/bin/create.js

@@ -16,7 +16,7 @@ const COPY_TARGETS = [
 
 const PROJECT_PACKAGE = {
     name: path.basename(targetDir),
-    version: '2.0.6',
+    version: '2.0.8',
     private: true,
     scripts: {
         "build:css": "sass src/frontend/scss:out/css --no-source-map --style=compressed --quiet --load-path=node_modules",
@@ -202,7 +202,7 @@ function applyFramework(framework) {
 function askFramework() {
     return new Promise((resolve) => {
         const choices = [
-            { label: 'Bootstrap', value: 'bootstrap' },
+            { label: 'Bootstrap (default)', value: 'bootstrap' },
             { label: 'Bulma', value: 'bulma' },
             { label: 'Foundation', value: 'foundation' },
             { label: 'UIkit', value: 'uikit' },

package/docs/Creating pages.md

@@ -1,11 +1,9 @@
-# To be finished...
-
 # Creating Pages
 
-The recommended way is via the [Assistant CLI](assistant-cli.md).
+The recommended way is via the **Assistant CLI**
 
 ## What gets created
-
++
 For a page named `my-page`:
 
 | File | Purpose |
@@ -43,4 +41,4 @@ The CLI creates a stub entry in `src/data/site.json`. Fill it in:
 }
 ```
 
-See [head-and-seo.md](head-and-seo.md) for all available options.
+See **Head & SEO** for all available options.

package/docs/Head and SEO.md

@@ -59,21 +59,21 @@ To customize them, edit `src/llms.njk` or `src/robots.njk` directly.
 
 `src/llms.njk` ships with a base template — **replace the placeholders with your own content**:
 
-```markdown
-# Site name
+```
+# {{ site.site_name }}
 
-> Site description
+> {{ site.description }}
 
-Built by Name and surname — https://yoursite.com
+Built by {{ site.author }} — {{ site.url }}
 
 ## Pages
 
-- https://yoursite.com: Homepage
+- {{ site.url }}: Homepage
 
 ## Notes
 
-- Language: en
-- All content may be used for AI indexing unless otherwise stated
+- Language: {{ site.lang }}
+- All content may be used for AI inde   xing unless otherwise stated
 ```
 
 > The more accurate and detailed your `llms.txt`, the better AI models will understand and reference your site.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-berna-stencil",
-  "version": "2.0.6",
+  "version": "2.0.8",
   "description": "Eleventy boilerplate with per-page SCSS/JS pipeline, esbuild bundling, multi-framework CSS support and a built-in page management CLI",
   "keywords": [],
   "author": "Michele Garofalo",

package/src/frontend/404.njk

@@ -7,10 +7,11 @@ layout: base.njk
 <!-- !IMPORTANT -->
 <!-- This is the only page that you need to modify statically -->
 
-<div class="fade-in center">
+<div class="fade-in not-found">
   <h1>Oops! Page not found</h1>
   <a href="/">Return to homepage</a>
 </div>
 
+
 {# You can also add the includes you need here below
 {% include "component.njk" %} #}

package/src/frontend/components/global/footer.njk

@@ -1,5 +1,4 @@
 <footer>
-  <div class="footer-top">
     <div>
       <h6>{{ site.title }}</h6>
       <p>{{ site.description }}</p>
@@ -11,16 +10,18 @@
         <li><a href="/">Homepage</a></li>
       </ul>
     </div>
-  </div>
-
-  <hr />
-
-  <div class="footer-bottom">
-    <p>&copy; {{ site.copyright.year }} {{ site.name }} {{ site.copyright.text }}.</p>
-    <small>
-      <a href="{{ site.legal.privacy }}">Privacy Policy</a>
-      <a href="{{ site.legal.cookie }}">Cookie Policy</a>
-      <a href="{{ site.legal.terms }}">Terms and conditions</a>
-    </small>
+    <div>
+      &copy; {{ site.copyright.year }} {{ site.name }} {{ site.copyright.text }}
+    </div>
+    <div>
+      <h6>Legal</h6>
+      <small>
+        <ul>
+          <li><a href="{{ site.legal.privacy }}">Privacy Policy</a></li>
+          <li><a href="{{ site.legal.cookie }}">Cookie Policy</a></li>
+          <li><a href="{{ site.legal.terms }}">Terms and conditions</a></li>
+        </ul>
+      </small>
+    </div>
   </div>
 </footer>

package/src/frontend/components/global/header.njk

@@ -6,10 +6,6 @@
     <div class="nav-links">
       <a class="btn" href="/">Homepage</a>
       <a class="btn" href="/example-page">Example page</a>
-      <a class="btn" href="/about-us">About-us</a>
-    </div>
-    <div class="nav-links">
-      <a class="btn" href="/contact-us">Contact us</a>
     </div>
   </nav>
 </header>

package/src/frontend/components/welcome.njk

@@ -325,7 +325,7 @@ export function yourFunction() {
         </ol>
         <pre><code>&#123;% elif title == "myPage" %&#125;
   &#123;% include "_myPage.njk" %&#125;</code></pre>
-        <p>See <a href="components.html">components.md</a> for details.</p>
+        <p>See <a href="#" class="nav-to-components">Components</a> for details.</p>
         <h3>URL and title</h3>
         <p>The URL is the kebab-case name (<code>/my-page/</code>). The <code>title</code> in the front matter is camelCase (<code>myPage</code>) and is used internally to load the correct CSS and JS files — <strong>do not change it</strong>.</p>
         <h3>SEO</h3>

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

@@ -10,8 +10,14 @@
   border-radius: 12px;
   padding: 8px 20px;
   transition: background 0.2s, color 0.2s;
-}
-.btn:hover {
-  background: #42b883;
-  color: #353535;
+
+  &:hover {
+    background: #42b883;
+    color: #353535;
+  }
+
+  &:active {
+    background: #42b883 !important;
+    color: #353535 !important;
+  }
 }

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

@@ -5,10 +5,12 @@
 @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;
     }
@@ -23,19 +25,8 @@ footer {
         margin: 1rem 0;
     }
 
-    .footer-top {
+    small {
         display: flex;
-        justify-content: space-evenly;
-    }
-
-    .footer-bottom {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-
-        small {
-            display: flex;
-            gap: 1rem;
-        }
+        gap: 1rem;
     }
 }

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

@@ -36,7 +36,7 @@
 }
 
 body {
-    min-height: 100vh;
+    min-height: 100svh;
     display: flex;
     flex-direction: column;
 }

package/src/frontend/scss/pages/404.scss

@@ -18,7 +18,7 @@
 
 // Add any custom rule specific to this page below
 // These rules override the framework and module styles
-.center {
+.not-found {
     display: flex;
     flex-direction: column;
     justify-content: center;