Created building local capabilities

Author: marcusoftnet

.dockerignore

@@ -0,0 +1,2 @@
+_site
+.git

.gitignore

@@ -12,4 +12,4 @@ package.json
 .jekyll-cache
 spelling-results.txt
 linting-results.txt
-word_freq.txt
+word_freq.txt

assets/style.scss

@@ -2,19 +2,22 @@
 ---
 
 //
-// IMPORTS
+// IMPORTS (all @use must be at the very top)
 //
 
-@import "reset";
-@import "variables";
-// Syntax highlighting @import is at the bottom of this file
+@use "../_sass/_reset";
+@use "../_sass/_variables" as *;
+@use "../_sass/_darcula";
+@use "../_sass/_svg-icons";
+// Syntax highlighting partial is still commented out
+//@use "../_sass/_highlights";
+
+@import url('https://fonts.googleapis.com/css?family=Roboto');
 
 /**************/
 /* BASE RULES */
 /**************/
 
-@import url('https://fonts.googleapis.com/css?family=Roboto');
-
 html {
   font-size: 100%;
   height: 100%;
@@ -459,13 +462,13 @@ footer {
 }
 
 body:after {
-    background: linear-gradient(to right, #ffffff   0, #2196F3   33%, #E91E63   66%, #000 100%);
-    width: 100%;
-    height: 5px;
-    top: 0;
-    position: absolute;
-    left: 0;
-    content: '';
+  background: linear-gradient(to right, #ffffff 0, #2196F3 33%, #E91E63 66%, #000 100%);
+    width: 100%;
+    height: 5px;
+    top: 0;
+    position: absolute;
+    left: 0;
+    content: '';
 }
 
 #bar {
@@ -860,7 +863,9 @@ Modules - reusable parts of our design
     margin-left: -30px;
     /* Force Hardware Acceleration in WebKit */
     -webkit-transform: translateZ(0);
+    transform: translateZ(0);
     -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
   }
   .cssanimations .cd-timeline-img.is-hidden {
     visibility: hidden;
@@ -1174,6 +1179,4 @@ Modules - reusable parts of our design
 
 // Settled on moving the import of syntax highlighting to the bottom of the CSS
 // ... Otherwise it really bloats up the top of the CSS file and makes it difficult to find the start
-//@import "highlights";
-@import "darcula";
-@import "svg-icons";
+//@use "../_sass/_highlights";

scripts/Dockerfile

@@ -1,7 +1,28 @@
-FROM ruby:3.1
-RUN apt-get update -qq && apt-get install -y build-essential libpq-dev nodejs
-WORKDIR /usr/src/app
-COPY Gemfile ./
-RUN bundle install
+# Use official Ruby image
+FROM ruby:3.2
 
-EXPOSE 4000
+# Install dependencies
+RUN apt-get update -qq && \
+  apt-get install -y build-essential libpq-dev nodejs && \
+  rm -rf /var/lib/apt/lists/*
+
+# Set workdir
+WORKDIR /srv/jekyll
+
+# Accept build arg for Gemfile location
+ARG GEMFILE_DIR=scripts
+
+# Copy Gemfile and Gemfile.lock from scripts
+COPY ${GEMFILE_DIR}/Gemfile* ./
+
+RUN if [ -f Gemfile ]; then \
+  gem install bundler && bundle install; \
+  else \
+  gem install jekyll bundler; \
+  fi
+
+# Copy the rest of the site (excluding scripts dir)
+COPY . .
+
+# Default command
+CMD ["jekyll", "serve", "--host", "0.0.0.0"]

scripts/Gemfile

@@ -1,3 +1,6 @@
-source 'https://rubygems.org'
-gem 'jekyll'
-gem 'webrick'
+source "https://rubygems.org"
+gem "jekyll"
+gem "jekyll-sitemap"
+gem "jekyll-feed"
+gem "jekyll-seo-tag"
+gem "jekyll-paginate"

scripts/build_locally.sh

@@ -1,17 +1,21 @@
 #!/bin/bash
+set -euo pipefail
 
-# Check if the path argument is provided
-if [ $# -eq 0 ]; then
-    echo "Usage: $0 <path_to_directory>"
-    exit 1
-fi
+IMAGE_NAME=jekyll-blog-local
 
-# Validate if the directory exists
-if [ ! -d "$1" ]; then
-    echo "Error: Directory not found: $1"
-    exit 1
-fi
+# Build the Docker image from scripts directory
+SCRIPT_DIR="$(dirname "$0")"
+PROJECT_ROOT="$(cd "$SCRIPT_DIR/.." && pwd)"
+
+cd "$PROJECT_ROOT"
+
+docker build -f scripts/Dockerfile -t $IMAGE_NAME --build-arg GEMFILE_DIR=scripts .
 
-# Run the Docker command
-docker build -t marcusoftnet .
-docker run --rm --volume="$1:/usr/src/app" -it marcusoftnet jekyll build
+docker run --rm -v "$PROJECT_ROOT":/srv/jekyll -v "$PROJECT_ROOT/_site":/srv/jekyll/_site $IMAGE_NAME jekyll build
+
+echo "✅ Jekyll site built in ./_site"
+
+read -p "Do you want to serve the site locally? (y/n): " answer
+if [[ "$answer" =~ ^[Yy]$ ]]; then
+  docker run --rm -p 4000:4000 $IMAGE_NAME
+fi