feat(*): update application libraries

.github/workflows/docker_publish.yml

@@ -12,19 +12,19 @@ jobs:
 
     steps:
       - name: Check out repository
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4.1.1
 
       - name: Log in to Docker Hub
-        uses: docker/login-action@v1
+        uses: docker/login-action@v3.0.0
         with:
           username: ${{ secrets.DOCKERHUB_USERNAME }}
           password: ${{ secrets.DOCKERHUB_TOKEN }}
 
-      - name: Extract tag name
+      - name: Set tag name
         run: echo "TAG_NAME=${GITHUB_REF#refs/tags/}" >> $GITHUB_ENV
 
       - name: Build and push Docker image
-        uses: docker/build-push-action@v2
+        uses: docker/build-push-action@v5.1.0
         with:
           context: .
           push: true

.github/workflows/github_pages.yml

@@ -21,24 +21,21 @@ jobs:
 
     steps:
       - name: Check out repository
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4.1.1
 
       - name: Install Node.js
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v4.0.2
         with:
-          node-version: "19.6.0"
+          node-version: "20.11.0"
 
       - name: Install dependencies
-        run: npm install
-
-      - name: Install gulp-cli
-        run: npm install gulp-cli -g
+        run: npm install && npm install gulp-cli@2.3.0 -g
 
       - name: Build
         run: gulp build
 
       - name: Upload artifact
-        uses: actions/upload-pages-artifact@v1
+        uses: actions/upload-pages-artifact@v3.0.1
         with:
           path: "./dist"
 
@@ -53,11 +50,11 @@ jobs:
 
     steps:
       - name: Check out repository
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4.1.1
 
       - name: Setup Pages
-        uses: actions/configure-pages@v3
+        uses: actions/configure-pages@v4.0.0
 
       - name: Deploy to GitHub Pages
         id: deployment
-        uses: actions/deploy-pages@v2
+        uses: actions/deploy-pages@v4.0.4

.tool-versions

@@ -1 +1 @@
-nodejs 19.6.0
+nodejs 20.11.0

Dockerfile

@@ -1,19 +1,22 @@
-FROM node:19.6.0 AS builder
+FROM node:20.11.0 AS builder
 
 WORKDIR /app
 
-COPY package*.json ./
+COPY ./package*.json ./
 
-RUN npm install
+RUN npm install && npm install gulp-cli@2.3.0 -g
 
-RUN npm install gulp-cli -g
-
-COPY . .
+COPY ./gulpfile.js ./gulpfile.js
+COPY ./src/assets ./src/assets
+COPY ./src/index.html ./src
+COPY ./webpack.config.js ./
 
 RUN gulp build
 
-FROM nginx:stable-alpine
+FROM nginx:stable-alpine AS production
+
+WORKDIR /usr/share/nginx/html
 
-COPY --from=builder /app/dist /usr/share/nginx/html
+COPY --from=builder /app/dist ./
 
 EXPOSE 80

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2023 Paris Kostopoulos <pariskwsto@gmail.com>
+Copyright (c) 2024 Paris Kostopoulos <pariskwsto@gmail.com>
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

Makefile

@@ -0,0 +1,11 @@
+install:
+	npm install
+
+start:
+	gulp watch
+
+build:
+	gulp build
+
+preview:
+	gulp previewDist

README.md

@@ -1,12 +1,14 @@
 # Corporate - One page template
 
-> A corporate one-page responsive template
+> A professional, responsive one-page template for corporate websites
 
-- Live Demo: [https://github.pariskwsto.com/corporate_one-page-template/](https://github.pariskwsto.com/corporate_one-page-template/)
-- GitHub Pages: [https://pariskwsto.github.io/corporate_one-page-template/](https://pariskwsto.github.io/corporate_one-page-template/)
+- Live Demo: [Visit Project Page](https://github.pariskwsto.com/corporate_one-page-template)
+- Alternative URL: [GitHub Pages](https://pariskwsto.github.io/corporate_one-page-template)
 
 ![corporate_one-page-template-ss-1](https://user-images.githubusercontent.com/22442894/235480903-20286e79-fcb6-46a5-99ba-acbcf0bf1551.png)
 
+This is a mobile-first HTML template designed for corporate businesses. It employs the BEM methodology for CSS, utilizes PostCSS for style processing, and follows object-oriented programming principles and module pattern in JavaScript. The build process, managed by Gulp, includes support for CSS prefixes, image optimization, lazy loading for improved performance, and more.
+
 ## Contents
 
 - [Getting Started](#getting-started)
@@ -23,50 +25,41 @@
 - [License](#license)
 - [Support](#support)
 
-This is a mobile-first HTML template website that promotes businesses. The website is built using the BEM methodology for CSS and uses PostCSS for style processing. The JavaScript code follows the object-oriented programming and module pattern, is transpiled with Babel, and is bundled with Webpack. The build process is handled by Gulp and includes support for CSS prefixes such as Autoprefixer and other Gulp plugins. The template also includes lazy loading for images to improve performance.
-
 ## Getting Started
 
-Start by cloning this repository
+Clone this repository:
 
 ```sh
-# HTTPS
 git clone https://github.com/pariskwsto/corporate_one-page-template.git
 ```
 
+Navigate into project root:
+
 ```sh
-# cd into project root
 cd corporate_one-page-template
 ```
 
-then
+Install dependencies:
 
 ```sh
-# install node modules
-npm install
+npm install && npm install gulp-cli@2.3.0 -g
 ```
 
-```sh
-# install gulp-cli globally (if you don't have it already)
-npm install gulp-cli -g
-```
-
-Continue with the website development
+For development:
 
 ```sh
-# start the development server
 gulp watch
 ```
 
-or build and preview the website
+For building:
 
 ```sh
-# build the project
 gulp build
 ```
 
+For built application preview:
+
 ```sh
-# preview the built project
 gulp previewDist
 ```
 
@@ -75,7 +68,6 @@ gulp previewDist
 ### Build
 
 ```sh
-# build the project
 gulp build
 ```
 
@@ -90,7 +82,6 @@ gulp build
 ### Icons
 
 ```sh
-# create new svg and png icons sprite
 gulp icons
 ```
 
@@ -99,7 +90,6 @@ gulp icons
 ### Preview Dist
 
 ```sh
-# preview the built project
 gulp previewDist
 ```
 
@@ -108,7 +98,6 @@ gulp previewDist
 ### Scripts
 
 ```sh
-# bundle the javascript files
 gulp scripts
 ```
 
@@ -118,7 +107,6 @@ gulp scripts
 ### Styles
 
 ```sh
-# generate the stylesheets from the PostCSS of the css files
 gulp styles
 ```
 
@@ -128,7 +116,6 @@ gulp styles
 ### Watch
 
 ```sh
-# start the development server
 gulp watch
 ```
 
@@ -148,36 +135,27 @@ gulp --tasks
 ## Technologies Used
 
 - HTML5
-- CSS3
-- Flexbox
+- CSS3 (Flexbox)
 - PostCSS
 - Normalize.css
 - BEM Methodology
-- Mobile-first
-- Responsive website
-- Responsive images
-- Lazy loading images
-- LazySizes
-- Picturefill
-- Waypoints
-- JavaScript (OOP)
-- Module pattern
+- Mobile-first Design
+- Responsive Images & Lazy Loading
+- JavaScript (OOP & Module Pattern)
 - jQuery
 - Gulp
 - BrowserSync
 - Autoprefixer
-- Icon sprites
+- Icon Sprites
 - Modernizr
 - Babel
 - Webpack
-- Git
-- Github
-- Node.js
-- NPM
+- Git & GitHub
+- Node.js & NPM
 
 ## Credits
 
-This template was designed and built by [pariskwsto](https://github.com/pariskwsto).
+Designed and built by [pariskwsto](https://github.com/pariskwsto).
 
 ## License
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "corporate_one-page-template",
   "version": "1.0.0",
-  "description": "A corporate one-page responsive template",
+  "description": "A professional, responsive one-page template for corporate websites",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -46,32 +46,23 @@
   },
   "keywords": [
     "HTML5",
-    "CSS3",
-    "Flexbox",
+    "CSS3 (Flexbox)",
     "PostCSS",
     "Normalize.css",
     "BEM Methodology",
-    "Mobile-first",
-    "Responsive website",
-    "Responsive images",
-    "Lazy loading images",
-    "LazySizes",
-    "Picturefill",
-    "Waypoints",
-    "JavaScript (OOP)",
-    "Module pattern",
+    "Mobile-first Design",
+    "Responsive Images & Lazy Loading",
+    "JavaScript (OOP & Module Pattern)",
     "jQuery",
     "Gulp",
     "BrowserSync",
     "Autoprefixer",
-    "Icon sprites",
+    "Icon Sprites",
     "Modernizr",
     "Babel",
     "Webpack",
-    "Git",
-    "Github",
-    "Node.js",
-    "NPM"
+    "Git & GitHub",
+    "Node.js & NPM"
   ],
   "author": "Paris Kostopoulos <pariskwsto@gmail.com>",
   "license": "MIT",

webpack.config.js

@@ -13,7 +13,7 @@ module.exports = {
     rules: [
       {
         test: /\.m?js$/,
-        exclude: /(node_modules|bower_components)/,
+        exclude: /node_modules/,
         use: {
           loader: "babel-loader",
           options: {