Sitio web de presentación para Roldos Cafetería, especializada en las mejores hamburguesas artesanales de Santiago de Cuba.
General Miniet #16 1/2, Av. Victoriano Garzón & Escario, Santiago de Cuba, 90100
📞 +5322627757
https://rblez.github.io/roldos/
- HTML5 - Estructura semántica
- CSS3 - Estilos responsivos
- JavaScript Vanilla - Interactividad sin dependencias
- GitHub Pages - Hosting estático
- QR Code JS - Generación de códigos QR
✅ Landing page responsiva
✅ Menú dinámico con carrito de compras
✅ Generador de códigos QR para compartir
✅ Geolocalización integrada
✅ SEO optimizado
✅ Structured Data (Schema.org)
✅ Open Graph meta tags
✅ Redes sociales integradas
.
├── index.html # Página principal
├── styles/
│ └── styles.css # Estilos personalizados
├── scripts/
│ └── script.js # Lógica JavaScript
├── _config.yml # Configuración Jekyll
├── .nojekyll # Desactivar procesamiento Jekyll
├── package.json # Configuración npm
└── .github/
└── workflows/
└── deploy.yml # Workflow de GitHub Actions
- Python 3.x (para servidor local)
- Node.js 18+ (opcional, para build)
# Con Python (recomendado)
npm run dev
# Abre http://localhost:8000
# O directamente con Python
python -m http.server 8000npm run buildEl proyecto utiliza GitHub Actions para desplegar automáticamente a GitHub Pages en cada push a main.
El workflow en .github/workflows/deploy.yml se encarga de:
- Clonar el repositorio
- Instalar dependencias (Node.js)
- Ejecutar build
- Desplegar a GitHub Pages
- Edita
index.htmlpara cambiar el contenido - Modifica
styles/styles.csspara cambiar estilos - Actualiza
scripts/script.jspara cambiar funcionalidad - Haz push a la rama
main - GitHub Actions deployará automáticamente ✨
- Desktop-first approach
- Breakpoints optimizados
- Menú mobile hamburguesa
- Carrito de compras responsive
- Modal de QR adaptativo
Edita las variables CSS en styles/styles.css:
--red: #ef4444;
--cream: #fef3c7;
--white: #ffffff;
/* etc... */El menú se carga dinámicamente desde scripts/script.js. Edita el array de productos.
Todos los meta tags están en el <head> de index.html. Actualiza:
- Open Graph tags (redes sociales)
- Twitter Cards
- Structured Data (Schema.org)
- Canonical URL
✅ Repositorio público
✅ GitHub Pages habilitado
✅ Rama main como fuente
✅ HTTPS habilitado
✅ Dominio: rblez.github.io/roldos
✅ _config.yml configurado
✅ .nojekyll presente
✅ Workflow de deploy configurado
MIT License - Puedes usar, modificar y distribuir este código libremente.
Hecho con ❤️ para Roldos Cafetería