Preston Jay Susanto - Premium Portfolio

https://shadowesu.github.io/Resume_Portfolio/

A high-performance, visually refined personal portfolio inspired by Framer and Jacques Milton. Built with pure Vanilla JS, CSS3, and HTML5.

Visual Direction

• Premium dark theme: Pure black backgrounds, layered surfaces, and strong contrast.
• Modern typography: Inter Tight + Inter, large bold headings, clean body text, and confident spacing.
• Refined motion: Smooth scroll, fade-up and blur-to-sharp reveal animations, staggered card transitions, and elegant hover effects.
• Section rhythm: Spacious, centered layout, strong hierarchy, and product-like presentation.
• Responsive design: Fluid layouts optimized for all devices.
• Accessibility: High contrast, semantic headings, focus styles, and reduced-motion fallback.

Project Structure

• index.html: Semantic structure and resource linking.
• style.css: Premium dark styling, design tokens, refined typography, and motion.
• index.js: Data-driven rendering engine, interactive UI logic, and reveal animations.
• README.md: Project documentation.

Key Features

• Global Journey Timeline: Tracking growth across four nations (Indonesia, China, Australia, USA).
• Licenses & Certifications: Includes Google x NexusEdge foundations in Generative AI, LLMs, and Python.
• Awards & Leadership: Highlighting hackathon wins, academic excellence, and leadership roles.
• Accessibility Focus: Built with WCAG principles in mind, inspired by "Access for All" hackathon wins.
• Responsive Design: Fluid layouts optimized for all devices.

Deployment

Ready for GitHub Pages, Netlify, or Vercel. Upload these files to the root of your repository.

• Global Journey Timeline: Tracking growth across four nations (Indonesia, China, Australia, USA).
• Licenses & Certifications: Includes Google x NexusEdge foundations in Generative AI, LLMs, and Python.
• Awards & Leadership: Highlighting hackathon wins, academic excellence, and leadership roles.
• Accessibility Focus: Built with WCAG principles in mind, inspired by "Access for All" hackathon wins.
• Responsive Design: Fluid layouts optimized for all devices.

Deployment

Ready for GitHub Pages, Netlify, or Vercel. Upload these files to the root of your repository.