diff --git a/index.html b/index.html index 02a5c19..fa978f2 100644 --- a/index.html +++ b/index.html @@ -34,6 +34,352 @@ + + @@ -58,11 +404,11 @@
- + Hire Me @@ -231,6 +577,419 @@
+ +
+ + +
+
+

Professional Portfolio

+

+ A selection of my most impactful technical work across various domains and technologies. +

+ +
+ + + + + + + + + + + + + + + + + + + + +
+
+
+ + +
+
+
+ + + +
+
+ TerraMappix Land Claim Mapping +
+
+

TerraMappix Land Claim Mapping Service

+
Inovin LLC
+
January 2023 - Present
+

+ Developed TerraTracer, a Python/Node.js geospatial engine powering TerraMappix.com. Converts BLM coordinates and legal metes-and-bounds into precise, GIS-ready property maps with accuracy down to 1.08 inches. Built for mining firms, prospectors, and land managers, featuring topo overlays and automated claim boundary validation. +

+
+ Custom GIS Solutions + Land Survey Data + BLM Integration + Geospatial Analysis + Python + Web Development +
+ +
+
+ + +
+
+ SharePoint and M365 Migrations +
+
+

SharePoint & M365 Migrations

+
Enterprise Migrations
+
March 2022 - November 2023
+

+ Seamless migration of enterprise data from legacy systems to Microsoft 365 environments. Successfully transitioned organizations from on-premises file servers, Dropbox, Google Workspace, and Egnyte to SharePoint Online and OneDrive for Business, with minimal disruption and comprehensive user adoption training. Utilized PowerShell automation for large-scale transfers. +

+
+ SharePoint Online + OneDrive + Teams + Exchange Online + PowerShell + Migration Tools + Systems Administration +
+ +
+
+ +
+
+ TerraTracer +
+
+

TerraTracer Geospatial Engine

+
Inovin LLC
+
October 2023 - Present
+

+ A Python-based geospatial mapping solution focused on lode/placer claim mapping, property delineation, and GIS integration. Leveraging powerful libraries to provide efficient mapping capabilities for mining, civil engineering, and land management applications, automating complex coordinate transformations. +

+
+ Python + GeoPandas + Matplotlib + GIS + GDAL/OGR +
+ +
+
+ + +
+
+ Full-Stack Web Development +
+
+

Full-Stack Web Development Solutions

+
LaForceIT
+
2021 - Present
+

+ End-to-end web solutions for businesses of all sizes, from responsive frontend designs to robust backend systems deployed on containerized infrastructure. Specializing in interactive dashboards, e-commerce platforms, and custom web applications with seamless API integrations. +

+
+ JavaScript/TypeScript + React/Vue/Svelte + Node.js/Python + API Integration + Docker + SQL/NoSQL +
+ +
+
+ + + +
+
+ Car Price Prediction Model +
+
+

AI-Driven Used Car Price Prediction Model

+
Western Governors University (Capstone)
+
January 2023 - March 2023
+

+ An AI-powered car price estimator combining extensive data analysis with machine learning. Features comprehensive data preprocessing, a Random Forest Regression model with over 90% accuracy, and an interactive Jupyter Notebook interface for exploration and prediction. +

+
+ Python + Machine Learning + Scikit-Learn + Pandas + Data Analysis + Jupyter +
+ +
+
+ +
+
+ ArgoBox Dashboard +
+
+

Infrastructure Monitoring Dashboard

+
Personal Project / Live Lab
+
2022 - Present
+

+ A custom, real-time monitoring solution for my home lab infrastructure. Features metrics visualization (via Grafana), service status tracking, and resource allocation management, built with web technologies and pulling data from Prometheus/other sources. +

+
+ Kubernetes (K3s) + Prometheus + Grafana + JavaScript + Docker + Ansible +
+ +
+
+ +
+
+ Ansible Automation +
+
+

Enterprise Ansible Automation

+
Infrastructure Automation Projects
+
2021 - Present
+

+ Developing and managing comprehensive Ansible implementations. Designing reusable roles, complex playbooks, and integrating with CI/CD (GitLab CI, GitHub Actions) for automated infrastructure deployment, configuration management (Linux/Windows), and application orchestration. +

+
+ Ansible + AWX/Tower + YAML + GitLab CI/GitHub Actions + Jinja2 + Infrastructure as Code +
+ +
+
+ +
+
+ CPE Vault Dev Testing Prototype +
+
+

CPE WiFi Firmware Test Bed Prototype

+
Infrastructure Engineering Project
+
October 2022 - February 2023
+

+ Designed and built a sophisticated testing environment for customer premises equipment (CPE) with full remote access capabilities for firmware development and QA testing. Includes thermal safeguards, optimized wiring structure (Visio diagrams), and robust equipment integration with WAN-facing accessibility. +

+
+ Visio/Diagramming + Hardware Integration + Network Engineering + Systems Administration + Linux + Remote Access (VPN/SSH) + Firmware Testing + Electrical Engineering +
+ +
+
+ + + +
+
+ High-Performance Website Development +
+
+

High-Performance Websites & Blogs

+
LaForceIT Custom Development
+
Ongoing
+

+ Building blazing-fast, SEO-optimized websites and blogs using modern frameworks and best practices. Expertise in Tailwind CSS, Astro, Nuxt.js, Next.js, Django, Hugo, PHP, and more to deliver exceptional user experiences and performance. +

+
+ Tailwind CSS + Astro + Nuxt.js + Next.js + Django + Hugo + PHP + Performance Optimization + SEO +
+ +
+
+ + +
+
+ Dedicated Server Management +
+
+

Dedicated Server & Hypervisor Management

+
LaForceIT Infrastructure Services
+
Ongoing
+

+ Expert setup, configuration, and management of dedicated servers on platforms like Hetzner, OVH, and Leaseweb. Proficient in deploying and managing hypervisors including VMware ESXi, Proxmox, Hyper-V, and XCP-ng for robust, secure, and high-performance virtualized environments. +

+
+ Dedicated Servers + Hetzner + OVH + ESXi + Proxmox + Hyper-V + XCP-ng + Server Hardening + Virtualization +
+ +
+
+ + +
+
+ Database Migration +
+
+

Database Migration & Optimization

+
LaForceIT Data Solutions
+
Ongoing
+

+ Specializing in seamless and secure database migrations across various platforms including MySQL, PostgreSQL, MS SQL, MariaDB, and SQLite. Ensuring data integrity, minimal downtime during transition, and optimizing database performance post-migration for enhanced application speed and reliability. +

+
+ Database Migration + MySQL + PostgreSQL + MS SQL + MariaDB + SQLite + Data Integrity + Performance Tuning +
+ +
+
+ + + +
+
+ + + +
+ +
@@ -710,14 +1469,207 @@
- - - + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/styles.css b/styles.css index 45339fe..75062d7 100644 --- a/styles.css +++ b/styles.css @@ -1328,24 +1328,31 @@ background-clip: text; box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.3); } -/* Footer */ +/* Footer styles */ .footer { - width: 100%; padding: 2rem 0; background: transparent; border-top: 1px solid var(--border); - margin-top: 2rem; + margin-top: 4rem; +} + +.footer .container { + display: flex; + flex-direction: column; + align-items: center; } .footer-content { display: flex; - justify-content: space-between; + width: 100%; align-items: center; - flex-wrap: wrap; - gap: 1rem; + margin-bottom: 1.5rem; + position: relative; } .footer-logo { + position: absolute; + left: 0; font-weight: 700; font-size: 1.5rem; } @@ -1353,53 +1360,45 @@ background-clip: text; .footer-links { display: flex; gap: 1.5rem; - flex-wrap: wrap; + margin: 0 auto; } .footer-links a { color: var(--text-secondary); text-decoration: none; - transition: color var(--transition-normal); + transition: color 0.3s; } .footer-links a:hover { color: var(--accent); } -.footer-social { - display: flex; - gap: 1rem; -} - -.footer-social a { - color: var(--text-secondary); - font-size: 1.25rem; - transition: color var(--transition-normal); -} - -.footer-social a:hover { - color: var(--accent); -} - .footer-bottom { - margin-top: 1.5rem; text-align: center; color: var(--text-secondary); font-size: 0.9rem; + width: 100%; } +.footer-bottom .disclaimer { + margin-top: 0.25rem; +} + +/* Responsive behavior */ @media (max-width: 768px) { .footer-content { flex-direction: column; - text-align: center; + padding-top: 2rem; + gap: 1.5rem; + } + + .footer-logo { + position: static; + margin-bottom: 1rem; } .footer-links { - justify-content: center; - } - - .footer-social { - justify-content: center; + margin: 0; } } @@ -2016,18 +2015,38 @@ body::before { } .project-link { - font-size: 0.85rem; - font-weight: 500; - color: var(--accent); - transition: all var(--transition-normal); + /* Apply button styles */ display: inline-flex; align-items: center; - gap: 0.5rem; + justify-content: center; + padding: 0.5rem 1rem; /* Adjusted padding */ + font-weight: 600; + border-radius: 0.5rem; + transition: all var(--transition-normal); + cursor: pointer; + position: relative; + overflow: hidden; + border: none; + outline: none; + gap: 0.5rem; /* Keep the gap for icon */ + font-size: 0.9rem; /* Match general button size */ + text-decoration: none; /* Remove underline */ + + /* Specific button appearance */ + background-color: var(--accent); + color: white; +} + +.project-link i { + margin-left: 0.5rem; /* Keep icon spacing */ } .project-link:hover { - color: var(--accent-darker); - text-decoration: underline; + background-color: var(--accent-darker); /* Darken on hover */ + color: white; /* Keep text white */ + box-shadow: var(--accent-glow); + transform: translateY(-2px); + text-decoration: none; /* Ensure no underline on hover */ } /* Responsive adjustments */ @@ -2063,5 +2082,3 @@ body::before { display: inline-block; margin-right: 0.5rem; } - -