Releases: marcotof/marcotof.github.io
Releases · marcotof/marcotof.github.io
v1.6 — Navigation, CTA Simplification & Brand Assets
Highlights
- Added desktop scrollspy dot navigation (
min-width: 1024px) with active-section highlighting. - Added mobile up/down section arrows (
max-width: 1023px) with contextual visibility, touch-friendly size, and accessibility labels. - Fixed sticky white hover behavior on touch devices by limiting hero hover effects to hover-capable pointers.
Home Card Updates
- Simplified hero CTAs from five to three actions.
- Updated CTA order to:
Services & Pricing->Download Resume->Get In Touch. - Set all three CTAs to secondary style for consistent visual hierarchy.
- Improved small-screen CTA text readability for long localized labels (Italian/Spanish).
Branding & Metadata
- Integrated favicon assets across EN/IT/ES pages (
favicon.ico, SVG, PNG, Apple touch icon, manifest). - Updated
site.webmanifestbranding:name:Marco Tofani Portfolioshort_name:Marco Tofani
- Updated social preview metadata:
og:image:https://marcotof.github.io/favicon/og-image.pngtwitter:image:https://marcotof.github.io/favicon/og-image.png
v1.5 — Privacy, UX & SEO Polish
Legal & Privacy
- Localized Footer: Added a professional footer with copyright notice to EN, IT, and ES versions.
- Privacy Policy: Integrated a localized Privacy Policy modal for transparent data handling.
UX & Performance
- Double Scrollbar Fix: Completely refactored modal scrolling logic to eliminate secondary bars.
- Cross-Browser Stabilization: Improved background scroll-locking for all mobile and desktop browsers (ensuring a smooth experience on iOS Safari, Android Chrome, and more).
Search Optimization
- SEO Cache Busting: Renamed profile assets and updated all Open Graph/JSON-LD metadata to force a fresh crawl of the profile picture on Google Search.
- Sitemap Refresh: Updated indexing priorities and modification dates in
sitemap.xml.
v1.4 — Filters & Contact Toasts
A smoother browsing experience and a cleaner way to confirm contact requests.
Highlights
- Sharper discovery: New Python and JavaScript filters make it faster to find the right projects.
- Instant reassurance: Contact submissions now show polished, localized toast confirmations (EN/IT/ES).
- Cleaner tags: Excel tags removed where they no longer fit, keeping filters accurate.
- Copy refinement: Proxy Generation Tool architecture text aligned across locales.
v1.3 — URL-Based i18n + Design System Refresh
Localization & Routing
- Switched to URL‑based language routing only:
/(EN),/it/,/es/ - Removed language memory and browser auto‑detect behavior
- Updated language selector to use full names (English, Italiano, Español) with no flags
- Added
hreflangalternates for EN/IT/ES +x-default
SEO & Discoverability
- Confirmed sitemap includes all language URLs
- Robots.txt points to sitemap
- Canonical/OG URLs align with language paths
Navigation & Header
- Hamburger‑only navigation across desktop and mobile
- iOS‑style hamburger open/close animation refined
Visual System
- Forced dark mode (toggle removed)
- Three color‑group system applied across cards:
- Group 1: Home / Projects / Demos
- Group 2: About / Timeline / Skills
- Group 3: Awards / Localization / Contact
- Hero accent line placed above name, full width of the heading
Layout & UX
- Hero layout centered; desktop buttons in one row, mobile buttons in 2×2 grid
- Contact section buttons styled to read as real buttons
- Timeline cards increased contrast for better visibility
- Mobile tuning for language selector and contact alignment
v1.2 — SEO & Recruiter Optimization
Overview
Added comprehensive SEO and discoverability optimizations to improve visibility in recruiter searches and social media sharing. These changes make your portfolio discoverable through Google searches and optimized for automated recruiter systems without modifying the site's architecture or user interface.
New Features
Open Graph Meta Tags
- Professional social media previews when sharing your portfolio on LinkedIn, Twitter, and other platforms
- Displays your name, professional description, and profile picture thumbnail
- Improves click-through rates from social media sharing
Schema.json Structured Data
- Machine-readable profile information using Schema.org Person schema
- Enables search engines and recruiter automation systems to understand your profile
- Includes job title, languages, skills, location, and social profiles
- Improves matching in ATS (Applicant Tracking Systems) and recruiter platforms
Sitemap.xml
- XML sitemap listing all portfolio sections with priority levels
- Enables search engines to efficiently discover and index your content
- Homepage prioritized at 1.0, with secondary sections at 0.8-0.9
Robots.txt
- Search engine crawler guidelines
- Links crawlers to your sitemap for efficient indexing
- Allows all search bots to crawl your portfolio
Enhanced Meta Tags
- Added meta description for better search result snippets
- Added keywords targeting recruiter searches
- Added author attribution
Impact on Discoverability
Search Engine Optimization
Improved ranking for searches like:
- "localization automation developer"
- "game localization specialist"
- "polyglot developer"
- "translator developer"
Social Media & Networking
- Professional thumbnail and description appear when sharing on LinkedIn
- Better visual presentation when colleagues share your profile
- Enhanced credibility in social sharing
Recruiter Automation
- Better matching in LinkedIn Recruiter, Indeed, and other ATS platforms
- Automated recruiter systems can now properly parse your profile
- Improved visibility in filtered candidate searches
Search Engine Indexing
- Faster and more complete indexing by Google and other search engines
- All portfolio sections properly crawled and indexed
- Better visibility in Google's search results
Technical Details
Files Added
sitemap.xml- Search engine sitemaprobots.txt- Crawler instructions
Files Modified
index.html- Added Open Graph meta tags and Schema.json structured data in<head>README.md- Documentation of SEO features
No Breaking Changes
- All changes are non-breaking
- No modifications to site architecture or functionality
- Fully backward compatible
Getting Started
No action required! SEO improvements are automatic:
- Push changes to GitHub
- Google will discover your sitemap within 1-2 weeks
- Your profile will start appearing in relevant recruiter searches
- Social sharing will display professional previews immediately
Notes
- Update Required: Verify LinkedIn and GitHub profile URLs in the Schema.json section of
index.htmlmatch your actual profiles - Timeline: Full SEO benefits typically visible within 2-4 weeks as search engines re-index
v1.1 — Enhanced UX & Auto-detection
UI Improvements
- Apple-style toggle for dark mode with smooth animations
- Smart language selector: codes on desktop, flag+name on mobile
- Fixed Spanish navbar overlap
Localization
- Auto-detect browser language on first visit
- Improved language selector responsiveness
Timeline
- Added upcoming FeverUp position (revealed Jan 12, 2026)
- Blurred content until reveal date with lock icon
Code Quality
- Removed unused code
- Optimized CSS selectors
Marco Tofani Portfolio v1.0 — Launch
Official launch of Marco Tofani's portfolio website!
This is the first stable release of the portfolio, showcasing professional automation tools and full-stack development projects.
Features
- Responsive Design: Fully optimized for desktop, tablet, and mobile devices
- Dark Mode Support: Toggle between light and dark themes with persistent preferences
- Multi-language Support: English, Italian, and Spanish with localized content
- Interactive Project Showcase: Detailed project modals with features, technologies, and impact metrics
- Video Demonstrations: Embedded demos of production automation tools
- Redelivery Hub (90% reduction in manual work)
- LQA Tool Extension (40% QA efficiency improvement)
- Redelivery Agent (eliminates manual data entry errors)
- Contact Form: Localized contact form with client-side validation and email integration
- Downloadable Resume: Direct download link for Marco Tofani's resume
- Modern UI/UX: Clean design with smooth animations and transitions
What's Included
- Full portfolio website with 8+ sections
- Professional project presentations
- Skills showcase with technical expertise
- Awards and achievements timeline
- Accessibility features (ARIA labels, semantic HTML)
Browser Support
Works on all modern browsers (Chrome, Firefox, Safari, Edge)
Live Site: https://marcotof.github.io/