v1.2.0 version release candidate 1 (#32)

CODEOWNERS

@@ -0,0 +1,3 @@
+# The user @your-username is the code owner for the entire repository
+
+* @carlesloriente

README.md

@@ -16,7 +16,7 @@
 
 **Are you tired of outdated Bootstrap themes?**
 
-**Say hello to NOCC 🎉**: A Modern Bootstrap 5 Theme!.
+**Say hello to NOCC 🎉**: A Modern Bootstrap 5 Theme!
 
 It comes in two powerful options:
 
@@ -48,13 +48,13 @@ It comes in two powerful options:
 
 1. **Use of the latest Bootstrap 5 library**
 2. **Fully Responsive and Dual Color (light and dark)**
-3. **CSS and JS files minimized by default**
+3. **CSS and JS files are minimized by default**
 4. **Self-hosted Google web fonts**
 5. **Demo site built-in**
 
 ## What's included
 
-Within the download you'll find all the required directories and files, logically grouping common assets and providing both compiled and minified variations.
+You'll find all the required directories and files within the download, logically grouping common assets and providing compiled and minified variations.
 
 ### Bundled dependencies
 
@@ -86,7 +86,7 @@ nocc-bootstrap-theme/
 
 - The `css/nocc-theme.css` (or the minified `nocc-theme.min.css`) file loads the fonts and icons. Remember to include JavaScript files and images in your project.
 
-And, you can also import the source SCSS files to your manifest (e.g. index.scss).
+You can also import the source SCSS files to your manifest (e.g. index.scss).
 
 ```scss
   @import "nocc-bootstrap-theme/src/styles/main.scss";
@@ -96,7 +96,7 @@ If you need documentation or help with Bootstrap or its components in general, p
 
 ## Customize it
 
-You can change or use this theme in your own Sass code, please download the source code from the [GitHub repository](https://github.com/carlesloriente/nocc-bootstrap-theme) and change it.
+You can change or use this theme in your own Sass code; please download the source code from the [GitHub repository](https://github.com/carlesloriente/nocc-bootstrap-theme) and change it.
 
 ### Installing from source
 
@@ -136,14 +136,14 @@ Build the distribution, run the command:
 
 ### Demo website
 
-The source include resources for building and running locally a sample website.
+The source includes resources for building and running locally a sample website.
 
 If you want to see the theme in action, complete the following steps.
 
 Now, let's build the demo site, run the command:
 
 ```bash
-  npm run compile
+  npm run compile-demo
 ```
 
 The folder `demo` contains all the generated site files.
@@ -154,10 +154,10 @@ To run the bundled web server, run the command:
   npm run server-watch
 ```
 
-Additionally, there's an option that builds the files on the fly when there's a change and runs the web server incorporating a watcher, so you can write code and see your changes immediately in the browser, run the command:
+Additionally, an option builds the files on the fly when there's a change and runs the web server incorporating a watcher, so you can write code and see your changes immediately in the browser. Run the command:
 
 ```bash
-  npm run start
+  npm run start-demo
 ```
 
 ### Testing your changes
@@ -178,7 +178,7 @@ New contributors are always welcome! Check out [CONTRIBUTING.md](https://github.
 
 ## Creator
 
-**[Carles Loriente](https://www.linkedin.com/in/carles-loriente/)** creator and maintainer of the NOCC Bootstrap theme.
+**[Carles Loriente](https://www.linkedin.com/in/carles-loriente/)** is the creator and maintainer of the NOCC Bootstrap theme.
 
 - [Linkedin](https://www.linkedin.com/in/carles-loriente)
 - [Twitter](https://twitter.com/godarthvader)

package.json

@@ -1,7 +1,7 @@
 {
   "name": "nocc-bootstrap-theme",
   "description": "NOCC A responsive Bootstrap 5 theme",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "config": {
     "version_short": "1.1"
   },
@@ -37,10 +37,10 @@
   ],
   "scripts": {
     "dist": "./scripts/dist",
-    "start": "npm-run-all --parallel server-watch compile-watch",
+    "start-demo": "npm-run-all --parallel server-watch compile-demo",
     "server-watch": "live-server ./demo",
     "compile": "faucet",
-    "compile-watch": "faucet --watch --config=faucet.config.dev.js",
+    "compile-demo": "faucet --watch --config=faucet.config.dev.js",
     "lint": "sass-lint -v -q"
   },
   "style": "dist/css/nocc-theme.css",

src/styles/main.scss

@@ -1,5 +1,5 @@
 /*!
- * NOCC Bootstrap theme 1.1.1 (https://github.com/carlesloriente/nocc-bootstrap-theme/)
+ * NOCC Bootstrap theme 1.2.0 (https://github.com/carlesloriente/nocc-bootstrap-theme/)
  * Copyright 2024 Carles Loriente
  * A Responsive Bootstrap 5 dual Theme
  */

static/gallery/index.html

@@ -7,10 +7,11 @@
     <meta name="description" content="A gallery of images used in the article header.">
     <meta name="twitter:card" content="summary">
     <link rel="shortcut icon" href="../images/favicon.ico">
-    <link rel="icon" href="../images/favicon.ico" sizes="any">
-    <link rel="icon" href="../images/favicon.svg" type="image/svg+xml">
-    <link rel="apple-touch-icon" href="../images/favicon.png" type="image/png">
-    <link href="../css/nocc-theme.css" rel="stylesheet">  
+    <link rel="icon" href="../images/favicon_io/favicon.ico" sizes="any">
+    <link rel="icon" href="../images/favicon_io/favicon.svg" type="image/svg+xml">
+    <link rel="apple-touch-icon" href="../images/favicon_io/favicon.png" type="image/png">
+    <link rel="manifest" href="../images/favicon_io/site.webmanifest">
+    <link rel="stylesheet" href="../css/nocc-theme.css" type="text/css">  
   </head>
   <body class="d-flex flex-column h-100" style="overflow-x: hidden;">
     <header>
@@ -116,6 +117,7 @@ <h4 class="modal-title" id="image-gallery-title"></h4>
             var modal = document.getElementById('image-gallery-image');
             modal.removeAttribute('src');
             modal.setAttribute('src', url);
+            modal.setAttribute("disabled", "");
             var title = document.getElementById('image-gallery-title');
             title.textContent = name;
           };

static/index.html

@@ -5,11 +5,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <title>NOCC</title>
     <meta name="description" content="A responsive blog theme for Bootstrap 5 created by Carles Loriente">
-    <link rel="shortcut icon" href="images/favicon.ico">
-    <link rel="icon" href="images/favicon.ico" sizes="any">
-    <link rel="icon" href="images/favicon.svg" type="image/svg+xml">
-    <link rel="apple-touch-icon" href="images/favicon.png" type="image/png">
-    <link href="css/nocc-theme.css" rel="stylesheet">
+    <link rel="shortcut icon" href="images/favicon_io/favicon.ico">
+    <link rel="icon" href="images/favicon_io/favicon.ico" sizes="any">
+    <link rel="icon" href="images/favicon_io/favicon.svg" type="image/svg+xml">
+    <link rel="apple-touch-icon" href="images/favicon_io/favicon.png" type="image/png">
+    <link rel="manifest" href="images/favicon_io/site.webmanifest">
+    <link rel="stylesheet" href="css/nocc-theme.css" type="text/css">
   </head>
   <body class="d-flex flex-column h-100" style="overflow-x: hidden;">
     <header>

static/posts/bootstrap-theme-jekyll-release-v1/index.html

@@ -5,11 +5,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <title>Released Bootstrap theme Jekyll 1.0.0</title>
     <link rel="stylesheet" href="../../css/nocc-theme.css" type="text/css">
-    <link rel="shortcut icon" href="../../images/favicon.ico">
-    <link rel="icon" href="../../images/favicon.ico" sizes="any">
-    <link rel="icon" href="../../images/favicon.svg" type="image/svg+xml">
-   <link rel="apple-touch-icon" href="../../images/favicon.png" type="image/png">
-    <link rel="manifest" href="/manifest.webmanifest">
+    <link rel="shortcut icon" href="../../images/favicon_io/favicon.ico">
+    <link rel="icon" href="../../images/favicon_io/favicon.ico" sizes="any">
+    <link rel="icon" href="../../images/favicon_io/favicon.svg" type="image/svg+xml">
+   <link rel="apple-touch-icon" href="../../images/favicon_io/favicon.png" type="image/png">
+    <link rel="manifest" href="../../images/favicon_io/site.webmanifest">
   </head>
   <body class="d-flex flex-column h-100" style="overflow-x: hidden;">
     <header>

static/posts/index.html

@@ -6,11 +6,11 @@
   <title>Index of posts</title>
   <meta name="description" content="A responsive Bootstrap 5 dual theme">
   <link rel="stylesheet" href="../css/nocc-theme.css" type="text/css">
-  <link rel="shortcut icon" href="../images/favicon.ico">
-  <link rel="icon" href="../images/favicon.ico" sizes="any">
-  <link rel="icon" href="../images/favicon.svg" type="image/svg+xml">
-  <link rel="apple-touch-icon" href="../images/favicon.png" type="image/png">
-  <link rel="manifest" href="/manifest.webmanifest"></head>
+  <link rel="shortcut icon" href="../images/favicon_io/favicon.ico">
+  <link rel="icon" href="../images/favicon_io/favicon.ico" sizes="any">
+  <link rel="icon" href="../images/favicon_io/favicon.svg" type="image/svg+xml">
+  <link rel="apple-touch-icon" href="../images/favicon_io/favicon.png" type="image/png">
+  <link rel="manifest" href="../images/favicon_io/site.webmanifest"></head>
   <body class="d-flex flex-column h-100" style="overflow-x: hidden;">
     <header>
       <div class="position-fixed bottom-0 end-0 mb-3 me-3">

static/posts/nocc-bootstrap-theme-npm/index.html

@@ -5,11 +5,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <title>NOCC Bootstrap Theme NPM package</title>
     <link rel="stylesheet" href="../../css/nocc-theme.css" type="text/css">
-    <link rel="shortcut icon" href="../../images/favicon.ico">
-    <link rel="icon" href="../../images/favicon.ico" sizes="any">
-    <link rel="icon" href="../../images/favicon.svg" type="image/svg+xml">
-    <link rel="apple-touch-icon" href="../../images/favicon.png" type="image/png">
-    <link rel="manifest" href="/manifest.webmanifest">
+    <link rel="shortcut icon" href="../../images/favicon_io/favicon.ico">
+    <link rel="icon" href="../../images/favicon_io/favicon.ico" sizes="any">
+    <link rel="icon" href="../../images/favicon_io/favicon.svg" type="image/svg+xml">
+    <link rel="apple-touch-icon" href="../../images/favicon_io/favicon.png" type="image/png">
+    <link rel="manifest" href="../../images/favicon_io/site.webmanifest">
   </head>
   <body class="d-flex flex-column h-100" style="overflow-x: hidden;">
     <header>
@@ -66,7 +66,7 @@ <h1>NOCC Bootstrap Theme NPM package</h1>
   <div class="container">
     <div class="row">
       <div class="col-lg-8 col-md-10 mx-auto">
-        <p class="text-center"><a href="https://www.npmjs.com/package/nocc-bootstrap-theme"><img src="../../images/nocc/nocc_package_logo.png" alt="NOCC NPM Package" /></a></p>
+        <p class="text-center"><a href="https://www.npmjs.com/package/nocc-bootstrap-theme"><img src="../../images/nocc/nocc-theme-showroom.png" alt="NOCC NPM Package" /></a></p>
 <p class="text-center"><a href="https://badge.fury.io/js/nocc-bootstrap-theme"><img src="https://badge.fury.io/js/nocc-bootstrap-theme.svg" alt="npm version" /></a></p>
 <h2 id="dependencies-which-are-bundled-with-the-theme">Bundled dependencies</h2>
 <ul>

static/posts/notesoncloudcomputing/index.html

@@ -6,11 +6,11 @@
   <title>Notes on Cloud Computing blog</title>
   <meta name="description" content="Explore a curated collection of insightful articles, opinions, and practical code snippets at Notes on Cloud Computing.">
   <link rel="stylesheet" href="../../css/nocc-theme.css" type="text/css">
-  <link rel="shortcut icon" href="../../images/favicon.ico">
-  <link rel="icon" href="../../images/favicon.ico" sizes="any">
-  <link rel="icon" href="../../images/favicon.svg" type="image/svg+xml">
-  <link rel="apple-touch-icon" href="../../images/favicon.png" type="image/png">
-  <link rel="manifest" href="/manifest.webmanifest"></head>
+  <link rel="shortcut icon" href="../../images/favicon_io/favicon.ico">
+  <link rel="icon" href="../../images/favicon_io/favicon.ico" sizes="any">
+  <link rel="icon" href="../../images/favicon_io/favicon.svg" type="image/svg+xml">
+  <link rel="apple-touch-icon" href="../../images/favicon_io/favicon.png" type="image/png">
+  <link rel="manifest" href="../../images/favicon_io/site.webmanifest"></head>
   <body class="d-flex flex-column h-100" style="overflow-x: hidden;">
     <header>
     <div class="position-fixed bottom-0 end-0 mb-3 me-3">