@mtldev514/retro-portfolio-engine 1.0.0

package/engine/admin/scripts/update.sh

@@ -0,0 +1,321 @@
+#!/bin/bash
+
+# Retro Portfolio Update Script
+# Safely updates the template while preserving user data
+
+set -e
+
+echo ""
+echo "═══════════════════════════════════════════════════════════"
+echo "  🔄 Retro Portfolio - Update Script"
+echo "═══════════════════════════════════════════════════════════"
+echo ""
+
+# Colors for output
+RED='\033[0;31m'
+GREEN='\033[0;32m'
+YELLOW='\033[1;33m'
+BLUE='\033[0;34m'
+NC='\033[0m' # No Color
+
+# Detect setup type
+SETUP_TYPE="unknown"
+
+if [ -d "template/.git" ]; then
+    SETUP_TYPE="submodule"
+elif [ -d ".git" ]; then
+    # Check if this is the template repo or a user's fork
+    REMOTE_URL=$(git remote get-url origin 2>/dev/null || echo "")
+    if [[ "$REMOTE_URL" == *"retro-portfolio"* ]] && [[ "$REMOTE_URL" != *"retro-portfolio-config"* ]]; then
+        SETUP_TYPE="direct"
+    else
+        SETUP_TYPE="fork"
+    fi
+fi
+
+echo -e "${BLUE}📋 Setup type detected: $SETUP_TYPE${NC}"
+echo ""
+
+# Function to create backup
+create_backup() {
+    echo -e "${YELLOW}📦 Creating backup...${NC}"
+
+    BACKUP_DIR=".backup-personal-$(date +%Y%m%d-%H%M%S)"
+    mkdir -p "$BACKUP_DIR"
+
+    # Backup user data
+    [ -d "config" ] && cp -r config "$BACKUP_DIR/" && echo "  ✓ Backed up config/"
+    [ -d "data" ] && cp -r data "$BACKUP_DIR/" && echo "  ✓ Backed up data/"
+    [ -d "lang" ] && cp -r lang "$BACKUP_DIR/" && echo "  ✓ Backed up lang/"
+    [ -f ".env" ] && cp .env "$BACKUP_DIR/" && echo "  ✓ Backed up .env"
+    [ -f "config-source.json" ] && cp config-source.json "$BACKUP_DIR/" && echo "  ✓ Backed up config-source.json"
+
+    echo -e "${GREEN}  ✓ Backup created: $BACKUP_DIR${NC}"
+    echo ""
+}
+
+# Function to verify data integrity
+verify_data() {
+    echo -e "${YELLOW}🔍 Verifying data integrity...${NC}"
+
+    ERRORS=0
+
+    # Check essential directories exist
+    if [ ! -d "config" ] || [ ! -f "config/app.json" ]; then
+        echo -e "${RED}  ✗ config/ missing or incomplete${NC}"
+        ERRORS=$((ERRORS + 1))
+    else
+        echo -e "${GREEN}  ✓ config/ intact${NC}"
+    fi
+
+    if [ ! -d "data" ]; then
+        echo -e "${RED}  ✗ data/ missing${NC}"
+        ERRORS=$((ERRORS + 1))
+    else
+        echo -e "${GREEN}  ✓ data/ intact${NC}"
+    fi
+
+    if [ ! -d "lang" ]; then
+        echo -e "${RED}  ✗ lang/ missing${NC}"
+        ERRORS=$((ERRORS + 1))
+    else
+        echo -e "${GREEN}  ✓ lang/ intact${NC}"
+    fi
+
+    if [ ! -f ".env" ]; then
+        echo -e "${YELLOW}  ⚠️  .env missing (you may need to recreate it)${NC}"
+    else
+        echo -e "${GREEN}  ✓ .env intact${NC}"
+    fi
+
+    echo ""
+
+    if [ $ERRORS -gt 0 ]; then
+        echo -e "${RED}❌ Data verification failed! Restore from backup.${NC}"
+        return 1
+    fi
+
+    echo -e "${GREEN}✅ All data verified successfully!${NC}"
+    echo ""
+    return 0
+}
+
+# Function to update submodule setup
+update_submodule() {
+    echo -e "${BLUE}📥 Updating template submodule...${NC}"
+    echo ""
+
+    cd template
+
+    # Check current version
+    CURRENT_COMMIT=$(git rev-parse --short HEAD)
+    echo "Current version: $CURRENT_COMMIT"
+
+    # Pull latest
+    git fetch origin
+    git pull origin main
+
+    # Check new version
+    NEW_COMMIT=$(git rev-parse --short HEAD)
+    echo "New version: $NEW_COMMIT"
+
+    cd ..
+
+    if [ "$CURRENT_COMMIT" != "$NEW_COMMIT" ]; then
+        echo ""
+        echo -e "${GREEN}✅ Template updated successfully!${NC}"
+        echo ""
+        echo -e "${YELLOW}Don't forget to commit the update:${NC}"
+        echo "  git add template"
+        echo "  git commit -m \"Update template to $NEW_COMMIT\""
+    else
+        echo ""
+        echo -e "${GREEN}✅ Already on latest version!${NC}"
+    fi
+
+    echo ""
+}
+
+# Function to update direct/fork setup
+update_direct() {
+    echo -e "${BLUE}📥 Updating repository...${NC}"
+    echo ""
+
+    # Check current version
+    CURRENT_COMMIT=$(git rev-parse --short HEAD)
+    echo "Current version: $CURRENT_COMMIT"
+
+    # Check for uncommitted changes in tracked files
+    if ! git diff-index --quiet HEAD -- 2>/dev/null; then
+        echo -e "${YELLOW}⚠️  You have uncommitted changes in tracked files.${NC}"
+        echo ""
+        read -p "Stash changes before updating? (recommended) (Y/n): " -n 1 -r
+        echo
+        if [[ ! $REPLY =~ ^[Nn]$ ]]; then
+            git stash push -m "Auto-stash before update $(date)"
+            STASHED=true
+        fi
+    fi
+
+    # Pull latest changes
+    if [ "$SETUP_TYPE" == "fork" ]; then
+        # Check if upstream exists
+        if ! git remote get-url upstream > /dev/null 2>&1; then
+            echo -e "${YELLOW}Adding upstream remote...${NC}"
+            git remote add upstream https://github.com/yourusername/retro-portfolio.git
+        fi
+
+        git fetch upstream
+        git merge upstream/main
+    else
+        git pull origin main
+    fi
+
+    # Pop stash if we stashed
+    if [ "$STASHED" = true ]; then
+        echo ""
+        echo -e "${YELLOW}Restoring your changes...${NC}"
+        git stash pop || echo -e "${YELLOW}⚠️  Could not auto-restore stash. Run 'git stash pop' manually.${NC}"
+    fi
+
+    # Check new version
+    NEW_COMMIT=$(git rev-parse --short HEAD)
+    echo "New version: $NEW_COMMIT"
+
+    echo ""
+    if [ "$CURRENT_COMMIT" != "$NEW_COMMIT" ]; then
+        echo -e "${GREEN}✅ Repository updated successfully!${NC}"
+    else
+        echo -e "${GREEN}✅ Already on latest version!${NC}"
+    fi
+
+    echo ""
+}
+
+# Function to show what changed
+show_changes() {
+    echo -e "${BLUE}📝 Recent changes:${NC}"
+    echo ""
+
+    if [ -f "CHANGELOG.md" ]; then
+        # Show last 20 lines of changelog
+        tail -n 20 CHANGELOG.md
+    else
+        # Show recent commits
+        git log --oneline --decorate -5
+    fi
+
+    echo ""
+}
+
+# Function to check for new example files
+check_new_examples() {
+    echo -e "${BLUE}🆕 Checking for new features...${NC}"
+    echo ""
+
+    NEW_FEATURES=false
+
+    # Check for new config examples
+    if [ -d "config.example" ]; then
+        for example_file in config.example/*.example; do
+            if [ -f "$example_file" ]; then
+                base_name=$(basename "$example_file" .example)
+                user_file="config/$base_name"
+
+                # If user file exists, check for new fields
+                if [ -f "$user_file" ]; then
+                    # Simple check: compare file sizes (crude but fast)
+                    EXAMPLE_SIZE=$(wc -c < "$example_file")
+                    USER_SIZE=$(wc -c < "$user_file")
+
+                    if [ "$EXAMPLE_SIZE" -gt "$USER_SIZE" ]; then
+                        echo -e "${YELLOW}  ℹ️  New options may be available in: $base_name${NC}"
+                        echo "     Compare: diff config/$base_name config.example/$base_name.example"
+                        NEW_FEATURES=true
+                    fi
+                fi
+            fi
+        done
+    fi
+
+    if [ "$NEW_FEATURES" = false ]; then
+        echo -e "${GREEN}  ✓ No new configuration options detected${NC}"
+    fi
+
+    echo ""
+}
+
+# Main update flow
+main() {
+    # Create backup first
+    create_backup
+
+    # Store current directory
+    ORIGINAL_DIR=$(pwd)
+
+    # Update based on setup type
+    case $SETUP_TYPE in
+        submodule)
+            update_submodule
+            ;;
+        direct|fork)
+            update_direct
+            ;;
+        *)
+            echo -e "${RED}❌ Could not detect setup type${NC}"
+            echo "Please update manually. See UPDATE.md for instructions."
+            exit 1
+            ;;
+    esac
+
+    # Return to original directory
+    cd "$ORIGINAL_DIR"
+
+    # Verify data integrity
+    if ! verify_data; then
+        echo -e "${RED}❌ Update completed but data verification failed!${NC}"
+        echo -e "${YELLOW}Restore from backup:${NC}"
+        echo "  cp -r $BACKUP_DIR/* ."
+        exit 1
+    fi
+
+    # Show what changed
+    show_changes
+
+    # Check for new examples
+    check_new_examples
+
+    # Final instructions
+    echo "═══════════════════════════════════════════════════════════"
+    echo -e "${GREEN}  ✅ Update Complete!${NC}"
+    echo "═══════════════════════════════════════════════════════════"
+    echo ""
+    echo "Next steps:"
+    echo ""
+    echo "1. Review changes:"
+    echo "   cat CHANGELOG.md"
+    echo ""
+    echo "2. Test locally:"
+    echo "   python3 -m http.server 8000"
+    echo "   open http://localhost:8000"
+    echo ""
+    echo "3. Clear browser cache (Cmd+Shift+R or Ctrl+Shift+R)"
+    echo ""
+    echo "4. Deploy updated site:"
+    echo "   git push"
+    echo ""
+
+    if [ "$SETUP_TYPE" == "submodule" ]; then
+        echo "5. Commit the template update:"
+        echo "   git add template"
+        echo "   git commit -m \"Update template\""
+        echo "   git push"
+        echo ""
+    fi
+
+    echo -e "${YELLOW}💡 Backup saved to: $BACKUP_DIR${NC}"
+    echo ""
+}
+
+# Run main
+main

package/engine/admin/scripts/validate_json.py

@@ -0,0 +1,62 @@
+import json
+import os
+import sys
+import glob
+
+def validate_json_files(directories):
+    """
+    Recursively finds and validates all .json files in the given directories.
+    Returns True if all files are valid, False otherwise.
+    """
+    has_errors = False
+    total_files = 0
+    valid_files = 0
+
+    print("🔍 Starting JSON validation...")
+
+    for directory in directories:
+        if not os.path.isdir(directory):
+            print(f"⚠️ Directory not found: {directory}")
+            continue
+
+        # Use glob to find all json files recursively
+        files = glob.glob(os.path.join(directory, "**/*.json"), recursive=True)
+        
+        for file_path in files:
+            total_files += 1
+            try:
+                with open(file_path, 'r', encoding='utf-8') as f:
+                    json.load(f)
+                valid_files += 1
+                # print(f"✅ Valid: {file_path}") # Optional: Uncomment for verbose output
+            except json.JSONDecodeError as e:
+                print(f"❌ Syntax Error in {file_path}:")
+                print(f"   Line {e.lineno}, Column {e.colno}: {e.msg}")
+                has_errors = True
+            except Exception as e:
+                print(f"❌ Error reading {file_path}: {e}")
+                has_errors = True
+
+    print("\n📊 Validation Summary")
+    print(f"   Total Files: {total_files}")
+    print(f"   Valid Files: {valid_files}")
+    print(f"   Invalid Files: {total_files - valid_files}")
+
+    return not has_errors
+
+if __name__ == "__main__":
+    # Directories to validate
+    dirs_to_check = ["data", "config", "lang"]
+    
+    # Adjust paths if running from root or scripts dir
+    if os.path.basename(os.getcwd()) == "scripts":
+        os.chdir("..")
+
+    success = validate_json_files(dirs_to_check)
+
+    if success:
+        print("\n✨ All JSON files are valid!")
+        sys.exit(0)
+    else:
+        print("\n💥 Validation failed. Please fix the errors above.")
+        sys.exit(1)

package/engine/fonts.css

@@ -0,0 +1,37 @@
+/* ═══ Typography — independent of theme/style ═══ */
+
+/* Base */
+body {
+    font-size: 14px;
+    line-height: 1.5;
+}
+
+/* Gallery cards */
+.gallery-item h3 {
+    font-size: 0.95em;
+    margin: 4px 5px 0;
+    line-height: 1.3;
+}
+
+.gallery-item .gallery-subtitle {
+    font-size: 0.85em;
+    margin: 1px 5px 0;
+    line-height: 1.3;
+}
+
+/* Dates — switch from monospace to primary font */
+.item-date {
+    font-size: 0.75em;
+    font-family: var(--font-primary);
+}
+
+/* UI controls — bump from below-legibility sizes */
+.sort-btn        { font-size: 11px; }
+
+/* Winamp — minimal bumps to preserve skin authenticity */
+.winamp-title    { font-size: 10px; }
+.winamp-pl-item  { font-size: 11px; }
+
+/* Terminal — sharper text */
+.terminal-body   { font-size: 12px; }
+.terminal-line   { text-shadow: 0 0 2px var(--term-glow, rgba(0,255,0,0.2)); }

package/engine/index.html

@@ -0,0 +1,190 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title data-i18n="header_title">alex a montreal</title>
+    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="fonts.css">
+
+    <!-- Load configuration first (supports remote/local sources) -->
+    <script src="js/config-loader.js"></script>
+    <script src="js/i18n.js" defer></script>
+    <script src="js/themes.js" defer></script>
+    <script src="js/render.js" defer></script>
+    <script src="js/router.js" defer></script>
+    <script src="js/media.js" defer></script>
+    <script src="js/sparkle.js" defer></script>
+    <script src="js/effects.js" defer></script>
+    <!-- Initialize app after all modules loaded -->
+    <script src="js/init.js" defer></script>
+</head>
+
+<body>
+    <div id="rotate-overlay">
+        <div class="rotate-content">
+            <div class="rotate-icon">📺↩️</div>
+            <h2>ROTATE YOUR DEVICE!</h2>
+            <p>This website was designed for<br><b>DESKTOP COMPUTERS</b></p>
+            <p class="rotate-sub">Please turn your phone sideways<br>for the full retro experience!</p>
+            <div class="rotate-ascii">
+                ┌─────────────────┐<br>
+                │&nbsp;&nbsp;&nbsp;╔══════════╗&nbsp;&nbsp;&nbsp;│<br>
+                │&nbsp;&nbsp;&nbsp;║&nbsp;&nbsp;TURN&nbsp;&nbsp;&nbsp;║&nbsp;&nbsp;&nbsp;│<br>
+                │&nbsp;&nbsp;&nbsp;║&nbsp;&nbsp;&nbsp;ME!&nbsp;&nbsp;&nbsp;║&nbsp;&nbsp;&nbsp;│<br>
+                │&nbsp;&nbsp;&nbsp;╚══════════╝&nbsp;&nbsp;&nbsp;│<br>
+                └─────────────────┘<br>
+                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;⟲
+            </div>
+            <p class="rotate-blink">*** LANDSCAPE MODE REQUIRED ***</p>
+        </div>
+    </div>
+    <div class="container">
+        <header>
+            <div class="settings-switcher">
+                <button class="settings-btn">⚙</button>
+                <div class="settings-dropdown">
+                    <div class="settings-section-label">Effects</div>
+                    <div class="settings-option" onclick="togglePartyMode()">
+                        <span id="party-mode-indicator">✨</span> Party Mode
+                    </div>
+                    <div class="settings-divider"></div>
+                    <div class="settings-section-label">Theme</div>
+                    <div class="settings-option" onclick="themes.changeTheme('jr16')"><span class="theme-icon">🌿</span>
+                        JR-16</div>
+                    <div class="settings-option" onclick="themes.changeTheme('beton')"><span
+                            class="theme-icon">🌫️</span> Béton</div>
+                    <div class="settings-option" onclick="themes.changeTheme('ciment')"><span
+                            class="theme-icon">🪨</span> Ciment</div>
+                    <div class="settings-option" onclick="themes.changeTheme('bubblegum')"><span
+                            class="theme-icon">🍬</span> Bubble Gum</div>
+                    <div class="settings-divider"></div>
+                    <div class="settings-section-label">Language</div>
+                    <div class="settings-option" onclick="i18n.changeLang('en')"><span class="lang-flag">🇬🇧🇨🇦</span>
+                        English</div>
+                    <div class="settings-option" onclick="i18n.changeLang('fr')"><span class="lang-flag">⚜️🇨🇦</span>
+                        French</div>
+                    <div class="settings-option" onclick="i18n.changeLang('mx')"><span class="lang-flag">🇲🇽</span>
+                        Spanish</div>
+                    <div class="settings-option" onclick="i18n.changeLang('ht')"><span class="lang-flag">🇭🇹</span>
+                        Creole</div>
+                </div>
+            </div>
+            <h1 id="page-title" data-i18n="header_title">alex a montreal</h1>
+        </header>
+
+        <div class="marquee-container">
+            <marquee scrollamount="5" data-i18n="marquee"></marquee>
+        </div>
+
+        <div class="content">
+            <aside class="sidebar">
+                <div class="winamp">
+                    <div class="winamp-titlebar">
+                        <span class="winamp-grip"></span>
+                        <span class="winamp-title">Radyo</span>
+                        <span class="winamp-grip"></span>
+                    </div>
+                    <div class="winamp-display">
+                        <div class="winamp-time-row">
+                            <span class="winamp-time" id="winamp-time">00:00</span>
+                            <span class="winamp-time-sep">/</span>
+                            <span class="winamp-duration" id="winamp-duration">00:00</span>
+                        </div>
+                        <div class="winamp-ticker">
+                            <span class="radio-track-name" data-i18n="sidebar_radio_title">Your Radio</span> - Winamp 2.91
+                        </div>
+                        <div class="winamp-viz" id="winamp-viz"></div>
+                        <div class="winamp-info">
+                            <div class="winamp-bitrate"><span class="winamp-kbps">192</span>kbps</div>
+                            <div class="winamp-freq"><span class="winamp-khz">44</span>kHz</div>
+                        </div>
+                    </div>
+                    <div class="winamp-transport">
+                        <button class="winamp-btn radio-prev" title="Previous"><svg class="icon" viewBox="0 0 24 24">
+                                <path d="M6 6h2v12H6zm3.5 6l8.5 6V6z" transform="scale(-1,1) translate(-24,0)" />
+                            </svg></button>
+                        <button class="winamp-btn radio-playpause" title="Play"><svg class="icon" viewBox="0 0 24 24">
+                                <path d="M8 5v14l11-7z" />
+                            </svg></button>
+                        <button class="winamp-btn radio-next" title="Next"><svg class="icon" viewBox="0 0 24 24">
+                                <path d="M6 18l8.5-6L6 6v12zM16 6v12h2V6h-2z" />
+                            </svg></button>
+                    </div>
+                    <div class="winamp-volume-row">
+                        <svg class="icon winamp-vol-icon" viewBox="0 0 24 24">
+                            <path d="M3 9v6h4l5 5V4L7 9H3z" />
+                        </svg>
+                        <input type="range" class="winamp-volume radio-volume" value="80" min="0" max="100">
+                        <svg class="icon winamp-vol-icon" viewBox="0 0 24 24">
+                            <path
+                                d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z" />
+                        </svg>
+                    </div>
+                    <div class="winamp-seek-row">
+                        <input type="range" class="winamp-seek" id="winamp-seek" value="0" min="0" max="100">
+                    </div>
+                    <div class="winamp-playlist-titlebar">
+                        <span class="winamp-grip-sm"></span>
+                        <span class="winamp-pl-title">PLAYLIST</span>
+                        <span class="winamp-grip-sm"></span>
+                    </div>
+                    <div class="winamp-playlist" id="radio-tracklist">
+                        <div class="winamp-pl-item winamp-pl-empty" data-i18n="sidebar_radio_loading">Loading tracks...
+                        </div>
+                    </div>
+                </div>
+            </aside>
+
+            <main id="app">
+                <div id="filter-nav" class="filter-bar">
+                    <button class="filter-btn active" data-filter="all" data-i18n="filter_all">All</button>
+                    <button class="filter-btn" data-filter="painting" data-i18n="nav_painting">Painting</button>
+                    <button class="filter-btn" data-filter="drawing" data-i18n="nav_drawing">Drawing</button>
+                    <button class="filter-btn" data-filter="photography" data-i18n="nav_photo">Photography</button>
+                    <button class="filter-btn" data-filter="sculpting" data-i18n="nav_sculpting">Sculpting</button>
+                    <button class="filter-btn" data-filter="music" data-i18n="nav_music">Music</button>
+                    <button class="filter-btn" data-filter="projects" data-i18n="nav_projects">Code</button>
+                    <span class="sort-controls">
+                        <button class="sort-btn active" data-sort="desc" title="Newest first">&#9660;</button>
+                        <button class="sort-btn" data-sort="asc" title="Oldest first">&#9650;</button>
+                    </span>
+                </div>
+                <!-- Gallery grid loaded by render.js -->
+            </main>
+        </div>
+
+        <footer class="footer-terminal">
+            <div class="terminal-window">
+                <div class="terminal-titlebar">
+                    <div class="terminal-titlebar-btns">
+                        <span class="terminal-tbtn terminal-tbtn-close"></span>
+                        <span class="terminal-tbtn terminal-tbtn-min"></span>
+                        <span class="terminal-tbtn terminal-tbtn-max"></span>
+                    </div>
+                    <span class="terminal-titlebar-text">user@host:~</span>
+                </div>
+                <div class="terminal-body">
+                    <div class="terminal-line"><span class="terminal-prompt">$</span> <span
+                            data-i18n="footer_copy">&copy; 2026 alex a montreal</span> &mdash; <a
+                            href="https://github.com/mtldev514" target="_blank" title="GitHub"><svg class="icon"
+                                viewBox="0 0 24 24">
+                                <path
+                                    d="M12 .3a12 12 0 00-3.8 23.4c.6.1.8-.3.8-.6v-2c-3.3.7-4-1.6-4-1.6-.6-1.4-1.4-1.8-1.4-1.8-1.1-.8.1-.7.1-.7 1.2.1 1.9 1.3 1.9 1.3 1.1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.8-1.6-2.7-.3-5.5-1.3-5.5-5.9 0-1.3.5-2.4 1.2-3.2-.1-.3-.5-1.5.1-3.2 0 0 1-.3 3.4 1.2a11.5 11.5 0 016 0c2.3-1.5 3.3-1.2 3.3-1.2.7 1.7.3 2.9.1 3.2.8.8 1.2 1.9 1.2 3.2 0 4.6-2.8 5.6-5.5 5.9.4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.6A12 12 0 0012 .3z" />
+                            </svg> github</a> · <a href="https://www.linkedin.com/in/alexcatus/?locale=fr_FR"
+                            target="_blank" title="LinkedIn"><svg class="icon" viewBox="0 0 24 24">
+                                <path
+                                    d="M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z" />
+                            </svg> linkedin</a> &mdash; <span class="terminal-dim"><span
+                                data-i18n="footer_visitors">Visits:</span> <span
+                                class="visitor-counter">......</span></span> <span class="terminal-cursor">█</span>
+                    </div>
+                </div>
+            </div>
+        </footer>
+    </div>
+    <script src="js/counter.js"></script>
+</body>
+
+</html>