diff --git a/docker/resume/convert-favicon.sh b/docker/resume/convert-favicon.sh deleted file mode 100755 index 7e650bf..0000000 --- a/docker/resume/convert-favicon.sh +++ /dev/null @@ -1,51 +0,0 @@ -#!/bin/bash - -# Generate the SVG favicon -echo "Generating SVG favicon..." -node generate-favicon.js - -# Check if the SVG was generated -if [ ! -f "favicon.svg" ]; then - echo "Error: favicon.svg was not generated." - exit 1 -fi - -# Create a temporary directory for favicon files -mkdir -p favicon_tmp - -# Convert SVG to PNG files of different sizes -echo "Converting SVG to PNG files of various sizes..." -for size in 16 32 48 64 128 256; do - # Using ImageMagick's convert command if available - if command -v convert > /dev/null; then - convert -background none -size ${size}x${size} favicon.svg favicon_tmp/favicon-${size}.png - else - echo "ImageMagick not found. Please install it to convert SVG to PNG." - exit 1 - fi -done - -# Create favicon.ico from the PNG files -echo "Creating favicon.ico..." -if command -v convert > /dev/null; then - convert favicon_tmp/favicon-16.png favicon_tmp/favicon-32.png favicon_tmp/favicon-48.png favicon.ico -else - echo "ImageMagick not found. Please install it to create favicon.ico." - exit 1 -fi - -# Create apple-touch-icon.png (for iOS) -echo "Creating apple-touch-icon.png..." -cp favicon_tmp/favicon-128.png apple-touch-icon.png - -# Create favicon-32x32.png and favicon-16x16.png (for modern browsers) -echo "Creating standard browser favicons..." -cp favicon_tmp/favicon-32.png favicon-32x32.png -cp favicon_tmp/favicon-16.png favicon-16x16.png - -# Clean up temporary directory -echo "Cleaning up temporary files..." -rm -rf favicon_tmp - -echo "Favicon generation complete!" -echo "Created: favicon.ico, favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png" \ No newline at end of file diff --git a/docker/resume/convert-to-includes.js b/docker/resume/convert-to-includes.js deleted file mode 100644 index 5a219cf..0000000 --- a/docker/resume/convert-to-includes.js +++ /dev/null @@ -1,71 +0,0 @@ -/** - * Script to help convert existing HTML files to use the includes system - * - * Usage: - * 1. Include this script in your HTML file temporarily - * 2. Open the page in a browser - * 3. Open the browser console - * 4. The script will output the modified HTML content that uses includes - */ - -document.addEventListener('DOMContentLoaded', function() { - // Extract the head content - const headContent = document.head.innerHTML; - - // Extract the navigation content - const navContent = document.querySelector('.main-nav')?.outerHTML || ''; - - // Extract the theme switcher content - const themeSwitcherContent = document.querySelector('.theme-switch')?.outerHTML || ''; - - // Extract the footer content (accessibility notice) - const footerContent = document.querySelector('.accessibility-notice')?.parentElement?.innerHTML || ''; - - // Extract the main content - const mainContentElement = document.querySelector('.container-fluid'); - let mainContent = ''; - - if (mainContentElement) { - // Clone the main content to avoid modifying the original - const mainContentClone = mainContentElement.cloneNode(true); - - // Remove the accessibility notice from the clone if it exists - const accessibilityNotice = mainContentClone.querySelector('.accessibility-notice'); - if (accessibilityNotice && accessibilityNotice.parentElement) { - accessibilityNotice.parentElement.removeChild(accessibilityNotice); - } - - mainContent = mainContentClone.innerHTML; - } - - // Create the modified HTML content - const modifiedHTML = ` - -
- ${headContent} - - - - - - - -${mainContent} - - - - -`; - - // Output the modified HTML content to the console - console.log('=== MODIFIED HTML CONTENT ==='); - console.log(modifiedHTML); - console.log('=== END MODIFIED HTML CONTENT ==='); - - // Helper function to get the relative path to the root - function getRelativePath() { - const path = window.location.pathname; - const depth = (path.match(/\//g) || []).length - 1; - return depth > 0 ? '../'.repeat(depth) : ''; - } -}); \ No newline at end of file diff --git a/docker/resume/generate-favicon.js b/docker/resume/generate-favicon.js deleted file mode 100755 index f4e00ad..0000000 --- a/docker/resume/generate-favicon.js +++ /dev/null @@ -1,52 +0,0 @@ -#!/usr/bin/env node - -const fs = require('fs'); -const path = require('path'); - -// Create an SVG favicon with a professional design for a resume site -function generateFavicon() { - // Define colors - const backgroundColor = '#2c3e50'; // Dark blue-gray - const accentColor = '#3498db'; // Bright blue - const textColor = '#ecf0f1'; // Light gray/white - - // Create SVG content with a professional design - const svgContent = ` -`; - - // Write SVG file - fs.writeFileSync(path.join(__dirname, 'favicon.svg'), svgContent); - console.log('Generated favicon.svg'); -} - -// Run the generator -generateFavicon(); \ No newline at end of file diff --git a/docker/resume/includes/IMPLEMENTATION_GUIDE.md b/docker/resume/includes/IMPLEMENTATION_GUIDE.md index 8fe7c5f..c588125 100644 --- a/docker/resume/includes/IMPLEMENTATION_GUIDE.md +++ b/docker/resume/includes/IMPLEMENTATION_GUIDE.md @@ -16,8 +16,6 @@ This guide explains how to convert the existing portfolio website to use the inc - `stories/story-with-includes.html`: Example of a story page - `one-pager-tools/tool-with-includes.html`: Example of a tool page -4. **Conversion Helper** - - `convert-to-includes.js`: A script to help convert existing HTML files to use the includes system ## Implementation Steps @@ -51,14 +49,7 @@ For each HTML page: ``` -You can use the `convert-to-includes.js` script to help with this process: - -1. Temporarily add this script to an existing page: - ```html - - ``` -2. Open the page in a browser and check the console output -3. Use the generated HTML as a starting point for your conversion +Once you've created your includes, you can add them to your HTML files as shown above. ### 3. Testing diff --git a/docker/resume/update-favicon.js b/docker/resume/update-favicon.js deleted file mode 100644 index 1869202..0000000 --- a/docker/resume/update-favicon.js +++ /dev/null @@ -1,38 +0,0 @@ -#!/usr/bin/env node - -const fs = require('fs'); -const path = require('path'); - -// Create a simple ICO file directly (base64 encoded) -function generateFaviconICO() { - // This is a minimal 16x16 ICO file with a blue square and white "CK" text - // The data is base64 encoded - const icoBase64 = ` - AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAQAABILAAASCwAAAAAA - AAAAAAAAAAAAAAAAAAAAAAAAAAAAVlZWAFZWVgBWVlYAVlZWAFZWVgBWVlYAAAAAAAAAAAAAAAAA - AAAAAAAAAAAAAAAAAAAAAAAAAAAAAFZWVgBWVlYCVlZWQFZWVoBWVlaAVlZWQFZWVgJWVlYAAAAA - AAAAAAAAAAAAAAAAAAAAAAAAAAAAAFZWVgBWVlYGVlZWaFZWVuJWVlb/VlZW/1ZWVuJWVlZoVlZW - BlZWVgAAAAAAAAAAAAAAAAAAAAAAVlZWAFZWVgBWVlYmVlZWtVZWVv9WVlb/VlZW/1ZWVv9WVlb/ - VlZWtVZWViZWVlYAVlZWAAAAAAAAAAAAAAAAAFZWVgBWVlY0VlZW1VZWVv9WVlb/VlZW/1ZWVv9W - Vlb/VlZW/1ZWVtVWVlY0VlZWAAAAAAAAAAAAAAAAAAAAAABWVlYSVlZWrVZWVv9WVlb/VlZW/1ZW - Vv9WVlb/VlZW/1ZWVv9WVlatVlZWElZWVgAAAAAAAAAAAAAAAAAAAAAAVlZWRlZWVvFWVlb/VlZW - /1ZWVv9WVlb/VlZW/1ZWVv9WVlbxVlZWRlZWVgAAAAAAAAAAAAAAAAAAAAAAVlZWRlZWVvFWVlb/ - VlZW/1ZWVv9WVlb/VlZW/1ZWVv9WVlbxVlZWRlZWVgAAAAAAAAAAAAAAAAAAAAAAVlZWElZWVq1W - Vlb/VlZW/1ZWVv9WVlb/VlZW/1ZWVv9WVlb/VlZWrVZWVhJWVlYAAAAAAAAAAAAAAAAAAAAAAFZW - VjRWVlbVVlZW/1ZWVv9WVlb/VlZW/1ZWVv9WVlb/VlZW1VZWVjRWVlYAAAAAAAAAAAAAAAAAVlZW - AFZWVgBWVlYmVlZWtVZWVv9WVlb/VlZW/1ZWVv9WVlb/VlZWtVZWViZWVlYAVlZWAAAAAAAAAAAA - AAAAAAAAAAAAAFZWVgZWVlZoVlZW4lZWVv9WVlb/VlZW4lZWVmhWVlYGVlZWAAAAAAAAAAAAAAAA - AAAAAAAAAAAAAAAAAAAAAAAAAFZWVgJWVlZAVlZWgFZWVoBWVlZAVlZWAlZWVgAAAAAAAAAAAAAA - AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVlZWAFZWVgBWVlYAVlZWAFZWVgBWVlYAAAAA - AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA - AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA= - `.trim(); - - // Write the base64 data to the ICO file - const icoBuffer = Buffer.from(icoBase64, 'base64'); - fs.writeFileSync(path.join(__dirname, 'favicon.ico'), icoBuffer); - console.log('Generated favicon.ico'); -} - -// Run the generator -generateFaviconICO(); \ No newline at end of file