Rhea Nygard's Interactive Career Portfolio 🌟 - https://rheacisa.github.io/

Welcome to my personal portfolio project! 🚀 This website showcases my unique career progression across auditing, banking, regulation, and technology. It's designed to be interactive, visually engaging, and demonstrate the strategic synthesis of multiple professional domains.

🎯 About This Portfolio

This site tells the story of a professional journey that bridges four critical worlds:

• 🔍 Auditor - Third line of defense (8 years at Deloitte)
• 🏦 Banker - First and second line of defense (6 years at Citi)
• 🏛️ Regulator - Fourth line of defense (16+ years at FDIC & Federal Reserve)
• 💻 Technologist - Lifelong learner with extensive cybersecurity and cloud certifications

✨ Features

🎨 Interactive Timeline: Visual career progression with expandable details for each role
💬 Digital Twin Chat: Keyword-based chatbot answering questions about experience and skills
🤖 AI Career Analysis: Pre-generated insights about unique value proposition
🌍 Global Impact Showcase: Highlighting work with G7, Basel Committee, and IAIS
📊 Three Pillars Framework: Deep-dive case studies on independence, crisis response, and synthesis
🎭 Problem/Solution Narrative: Interactive exploration of emerging risks and strategic positioning
📱 Fully Responsive: Optimized for desktop, tablet, and mobile viewing

🔒 Security Features

As a cybersecurity professional, this portfolio demonstrates secure development practices:

🛡️ Hardcoded Chatbot Responses: The digital twin uses keyword-matching logic with pre-defined responses—no LLM API calls, preventing prompt injection attacks and ensuring all content is strictly controlled and safe.

🚫 No External API Keys: Zero dependency on third-party AI services eliminates API key exposure risks and data leakage concerns.

⚡ Client-Side Only Processing: All interactive features run in the browser without backend servers, reducing attack surface.

🔐 Content Security: No user data is collected, stored, or transmitted. The chatbot simulation is entirely local and stateless.

📋 Static Site Architecture: Hosted on GitHub Pages with no database or server-side processing, minimizing common web vulnerabilities (SQL injection, XSS, CSRF).

✅ Input Validation: Chat input is sanitized and responses are controlled through predefined logic, preventing malicious content injection.

💡 Privacy by Design: No cookies, no analytics tracking, no third-party scripts (except CDN resources for fonts and icons from trusted providers).

🛠️ Tech Stack

This portfolio is built with:

🎨 Tailwind CSS (Styling & Responsive Design)
🖋️ Urbanist Font (Google Fonts)
✨ Font Awesome (Icons)
📄 Pure HTML/CSS/JavaScript (No framework dependencies)
🚀 GitHub Pages (Hosting)
💚 Custom Color Scheme: Dark slate background with lime accent (#deff9a)

🎨 Design Philosophy

The site uses a dark, professional theme with a signature lime-green accent color to create visual hierarchy and guide attention. Key design elements include:

• Animated SVG Map: Represents global policy work
• Modal Overlays: Deep-dive content without cluttering the main view
• Smooth Transitions: Enhancing user experience with subtle animations
• Card-Based Layout: Modular sections for easy scanning

🚀 Deployment

This site is automatically deployed via GitHub Pages. Any push to the main branch triggers a rebuild:

git add .
git commit -m "Your commit message"
git push

The site will be live at https://rheacisa.github.io/ within 1-2 minutes.

📂 Project Structure

rheacisa.github.io/
├── index.html          # Main portfolio page with all interactive features
├── styles.css          # Legacy stylesheet (not currently used)
├── README.md           # This file
└── .git/              # Git repository files

🎯 Key Sections

1. Career Timeline - Four-stage progression with expandable details
2. Global Consensus Building - Work with international regulatory bodies
3. Interactive Features - Career analysis and digital twin chat
4. Problem Statement - Articulates the convergence of cyber, AI, and quantum risks
5. Solution Framework - Three pillars demonstrating unique expertise
6. Mission Statement - Professional positioning and call to action

🔧 Customization

To adapt this portfolio for your own use:

1. Update personal information in the header section
2. Modify career stages in the timeline section
3. Adjust color scheme in Tailwind config (currently uses #deff9a lime accent)
4. Update chatbot responses in the getBotResponse() function
5. Replace case study content in the pillarData object

📱 Browser Support

Tested and optimized for:

• ✅ Chrome/Edge (latest)
• ✅ Firefox (latest)
• ✅ Safari (latest)
• ✅ Mobile Safari (iOS)
• ✅ Chrome Mobile (Android)

📄 License

This portfolio is a personal project. Feel free to draw inspiration, but please don't copy the content directly as it represents my unique career journey.

🤝 Connect

• 💼 [LinkedIn]
• 🌐 Portfolio Site

---

Built with 💚 to showcase the intersection of regulatory authority and technical reality.