A modern, bilingual portfolio website showcasing web development projects, technical blog, and professional experience.
- Bilingual Support: English and Spanish content
- Modern Design: Clean, documentation-inspired layout
- Dark/Light Themes: Professional color schemes
- Responsive: Mobile-first design approach
- SEO Optimized: Comprehensive meta tags and structured data
- Performance: Optimized for fast loading
/
โโโ home.html # Landing page with hero section
โโโ projects.html # Projects showcase
โโโ blog.html # Blog listing page
โโโ post.html # Individual blog post viewer
โโโ twitch.html # Streaming information
โโโ main.js # Global functionality (themes, translations)
โโโ projects.js # Projects page logic
โโโ blog.js # Blog listing logic
โโโ post.js # Blog post viewing logic
โโโ style.css # Modern CSS with CSS variables
โโโ translations.json # Bilingual text content
โโโ blog.json # Blog post metadata
โโโ robots.txt # Search engine crawling rules
โโโ sitemap.xml # XML sitemap for search engines
โโโ blog/ # Markdown blog posts
โโโ carets-node-semantic-versioning.md
โโโ react-context-vs-redux.md
โโโ docker-nix.md
โโโ rendering-strategies-frontend.md
- HTML5: Semantic markup with accessibility features
- CSS3: Modern styling with CSS Grid and Flexbox
- Vanilla JavaScript: No frameworks, lightweight and fast
- Markdown: Blog content with Marked.js parser
- GitHub Pages: Free hosting and deployment
- Open Graph tags for social media sharing
- Twitter Card meta tags
- Canonical URLs to prevent duplicate content
- Proper title and description tags
- Person schema for author information
- Website schema for site information
- Article schema for blog posts
- robots.txt for crawler instructions
- XML sitemap for search engine discovery
- Mobile-friendly responsive design
- Fast loading with optimized assets
- URL: https://goi17.github.io/website/
- Home: https://goi17.github.io/website/home.html
- Blog: https://goi17.github.io/website/blog.html
- Projects: https://goi17.github.io/website/projects.html
The blog features technical articles on:
- Node.js: Understanding carets (^) and semantic versioning
- React: Context vs Redux comparison
- DevOps: Docker vs Nix containerization
- Frontend: Rendering strategies (SSR, SSG, CSR, ISR)
All content is available in both English and Spanish.
- Background:
#ffffff - Text:
#1a1a1a - Links:
#2563eb - Borders:
#e5e7eb
- Background:
#0f172a - Text:
#f1f5f9 - Headers:
#1e293b - Links:
#3b82f6
- Font Family: System fonts for optimal performance
- Line Height: 1.7 for better readability
- Font Smoothing: Antialiased for crisp text
This site is automatically deployed to GitHub Pages when changes are pushed to the main branch.
- GitHub: https://github.com/goi17
- Twitch: https://www.twitch.tv/unbootuichero
- Blog: https://goi17.github.io/website/blog.html
This project is open source and available under the MIT License.
Built with โค๏ธ by Gilberto Olivas