Skip to content

Home

Jump to bottom
onekiller891 edited this page May 19, 2025 · 1 revision

Welcome to the rt wiki!

Welcome to the Russell Thompson Portfolio Website Wiki!

This Wiki provides documentation and information related to the personal portfolio website for Russell Thompson.

Live Site: https://russellthompson.pages.dev/ To Be Updated To: https://platformpilot.dev GitHub Repository: https://github.com/onekiller891/rt

Project Overview

This project is a modern, futuristic, and impressive personal portfolio website for Russell Thompson, Chief Engineer & Automation Lead. It showcases his expertise in AI, automation, platform engineering, and leadership, while also providing insights into his mission and vision for the future. The website is designed with a "WOW" factor, incorporating fancy animations and an engaging user experience.

The site is a single-page application built with HTML, Tailwind CSS, and custom JavaScript for animations and interactivity.

Key Features

  • Futuristic Design: Dark theme with neon accents (cyan and blue), using the 'Orbitron' and 'Inter' fonts.
  • Preloader Animation: An engaging 3D spinning cube preloader.
  • Hero Section:
    • Dynamic particle animation background.
    • Animated typing effect for the subtitle/tagline.
  • Smooth Scrolling & Navigation:
    • Fixed navigation bar with active link highlighting.
    • Mobile-friendly hamburger menu.
  • Engaging Sections: Mission, Core Competencies (with animated skill bars), Experience Snapshot (timeline format), Vision for the Future, and Connect.
  • Interactive Elements: Custom-styled cards and buttons with hover effects.
  • Responsive Design: Adapts to various screen sizes.
  • Scroll-Triggered Animations: Sections fade and slide into view.

Technologies Used

  • HTML5: For the basic structure.
  • Tailwind CSS: Utility-first CSS framework.
  • Custom CSS: For bespoke futuristic styling and animations.
  • JavaScript (Vanilla JS): For DOM manipulation, animations, and interactivity (e.g., particle effects, typing animation, scroll effects).

Deployment

The website is a static site and is deployed using Cloudflare Pages.

  • Production URL: https://platformpilot.dev
  • Cloudflare Pages URL: russellthompson.pages.dev (or similar, this is the direct Cloudflare Pages link before the custom domain is applied).

The deployment process involves uploading the static site files (HTML, CSS, JS) to Cloudflare Pages. The custom domain platformpilot.dev (managed via Squarespace Domains) is then pointed to the Cloudflare Pages deployment using DNS configuration. Cloudflare also handles SSL/TLS for the custom domain.

For details on connecting the Squarespace domain to Cloudflare Pages, refer to Connecting Squarespace Domain to Cloudflare Pages (You'll need to create this page if you want to document that specific process in detail here).

Project Structure

A brief overview of the main files and folders:

  • index.html: The main HTML file containing the structure of the single-page application.
  • (No separate CSS/JS folders in the provided code, styles and scripts are embedded or linked via CDN in index.html)
    • Tailwind CSS is loaded via CDN.
    • Custom CSS is within <style> tags in index.html.
    • JavaScript is within <script> tags in index.html.

How to Contribute

This is primarily a personal portfolio project. However, if you have suggestions or find issues:

  1. Open an Issue: If you find a bug or have a feature request, please open an issue on the GitHub repository.
  2. Fork and Pull Request (for significant changes):
    • Fork the repository.
    • Create a new branch for your feature or bug fix.
    • Make your changes.
    • Submit a pull request with a clear description of your changes.

Future Plans

  • Blog/Insights Section: For sharing articles on AI, automation, or leadership.
  • Projects Showcase: A dedicated section to detail specific projects.
  • Interactive 3D Elements: Further enhance the futuristic theme.
  • Contact Form: Add a functional contact form.
  • Accessibility Audit & Improvements (A11y).

Author & Contact

Suggested Wiki Pages:

You can expand this Wiki by creating separate pages for more detailed topics. Here are some suggestions for page titles you could create in your GitHub Wiki:

  • Home (This current page)
  • Deployment Guide (Could expand on the Cloudflare Pages setup)
  • Connecting Squarespace Domain to Cloudflare Pages (Detailed steps for this specific task)
  • Customization Guide (How to change text, images, skill percentages, etc.)
  • Troubleshooting Common Issues
  • Animation Details (Explanation of how the particle or typing animations work)
  • Roadmap & Future Features (Expanded version of "Future Plans") How to use this on GitHub Wiki:Go to your GitHub repository: https://github.com/onekiller891/rtClick on the "Wiki" tab.If it's your first time, GitHub might prompt you to "Create the first page."Name your first page (e.g., Home).Select "Markdown" as the format.Paste the content above into the editor.Click "Save Page."You can then create new pages (like "Deployment Guide" or "Connecting Squarespace Domain to Cloudflare Pages") using the "New Page" button on the Wiki, and link them from your Home page or other pages as needed (using standard Markdown link syntax, e.g., Link Text).This structure should provide a good starting point for your project's Wiki.
Clone this wiki locally