Santosh Shrestha - Portfolio Website Documentation
Overview
A modern, terminal-inspired portfolio website featuring a glassmorphic design with animated elements. The site showcases a unique blend of retro terminal aesthetics and contemporary web design principles.
Live Site: https://santoshxshrestha.github.io
Repository: https://github.com/santoshxshrestha/santoshxshrestha.github.io
Features
Design Elements
- Terminal-Inspired Interface: Mimics a Unix/Linux terminal with authentic command prompt styling
- Glassmorphic Design: Modern glass-effect containers with backdrop filters and subtle transparency
- Animated Gradient Backgrounds: Dynamic color-shifting effects throughout the interface
- Responsive Design: Optimized for both desktop and mobile viewing experiences
- Accessibility: Proper contrast ratios and semantic HTML structure
Interactive Components
- Typewriter Animation: Command-line text that types out dynamically
- Hover Effects: Smooth transitions and shimmer animations on interactive elements
- Animated Profile Photo: Gradient border with continuous color cycling
- Terminal Output: Dynamic bio information display with fade-in effects
Navigation & Links
- Project Showcase: Direct links to GitHub repositories
- Social Media Integration: GitHub and Reddit profile links
- Nix Webring: Community webring participation with styled navigation
- About Page: Detailed personal information section
Project Structure
santoshxshrestha.github.io/
├── index.html # Main landing page
├── templates/
│ └── about.html # About me page
├── static/
│ ├── css/
│ │ └── home.css # Main stylesheet
│ ├── js/
│ │ ├── random_content.js # Dynamic content generation
│ │ └── term_rand.js # Terminal animation logic
│ └── images/
│ ├── favicon.ico # Site favicon
│ └── santosh.jpg # Profile photo
└── README.md # Project documentation