A modern, tech-focused personal website showcasing software engineering expertise and projects. Built with a hacker-aesthetic design featuring terminal interactions and Matrix-inspired styling.
Visit: https://bindiego.github.io
- Dark Theme Design: Matrix-inspired color scheme with green/cyan accents
- Interactive Terminal: Animated typing terminal with cycling commands
- Responsive Layout: Optimized for desktop, tablet, and mobile devices
- Smooth Animations: Hover effects, scaling, and glow animations
- Performance Optimized: Lightweight, fast-loading static site
- Animated name display with gradient text effects
- Interactive terminal showcasing technical skills
- Professional tagline and location information
- Cloud & Infrastructure: GCP, BigQuery, Docker, Kubernetes
- Backend Development: C, Go, Rust, Java, Python, SQL, Microservices
- Data Engineering: Elasticsearch, Apache Beam, ETL/ELT pipelines
- DevOps & Automation: CI/CD, Linux, Build Systems, Monitoring
- Local Services Framework: Development environment automation (16⭐, 12🍴)
- Docker Infrastructure Images: Standardized containerization patterns
- NYC Taxi Data Pipeline: Large-scale Elasticsearch data ingestion
- CGMgr System Utilities: Performance-critical C++ and Java toolkit
- GitHub profile with 12+ years of contributions
- LinkedIn professional network
- Direct email contact
- Frontend: Pure HTML5, CSS3, Vanilla JavaScript
- Fonts: Fira Code (monospace), Space Grotesk (sans-serif)
- Icons: Font Awesome 6.0
- Analytics: Google Tag Manager integration
- Hosting: GitHub Pages
The website embraces a hacker aesthetic with:
- Terminal-inspired UI: Command-line interface styling
- Matrix color palette: Deep blacks with electric green/cyan highlights
- Monospace typography: Code-focused font choices
- Glowing effects: Subtle neon-style shadows and borders
- Interactive elements: Responsive hover states and animations
The website is fully responsive with breakpoints optimized for:
- Desktop: Full grid layouts with side-by-side content
- Tablet: Adjusted grid columns and spacing
- Mobile: Single-column stacked layout with touch-friendly elements
- Lightweight: No heavy frameworks or libraries
- Fast Loading: Optimized CSS and minimal JavaScript
- CDN Resources: External fonts and icons served from CDN
- Efficient Animations: CSS-based animations for smooth performance
- Clone the repository:
git clone https://github.com/bindiego/bindiego.github.io.git
cd bindiego.github.io- Open in your preferred development environment or serve locally:
# Using Python
python -m http.server 8000
# Using Node.js
npx serve .
# Using PHP
php -S localhost:8000- Open
http://localhost:8000in your browser
bindiego.github.io/
├── index.html # Main website file
├── README.md # Project documentation
└── .git/ # Git repository data
The website is automatically deployed via GitHub Pages:
- Push changes to the
masterbranch - GitHub Pages automatically builds and deploys
- Changes are live at https://bindiego.github.io
- 12+ years of GitHub contributions and open-source involvement
- Senior Software Engineer with cloud architecture expertise
- Multi-language proficiency: Java, Python, C++, Shell, SQL
- Enterprise experience in scalable systems development
- Community involvement: 149 public gists and knowledge sharing
The website includes Google Tag Manager for tracking:
- Page views and user engagement
- Section interaction analytics
- Performance monitoring
- User journey analysis
This is a personal website repository. For suggestions or improvements:
- Open an issue describing your suggestion
- Fork the repository
- Create a feature branch
- Submit a pull request with your changes
- GitHub: @bindiego
- LinkedIn: gingerwu
- Email: [email protected]
This project is open source and available under the MIT License.
"be cool" - Crafted with code and coffee ☕