Methodolab Website

Sitio web oficial de Methodolab - Laboratorio de Metodología en Ciencias Sociales.

Estructura del Proyecto

methodolab/
├── index.html          # Página principal
├── css/
│   └── style.css      # Estilos principales
├── js/
│   └── main.js        # JavaScript para interactividad
├── images/            # Imágenes y recursos visuales
└── README.md          # Este archivo

Características

• Diseño moderno y responsive
• Navegación suave entre secciones
• Menú móvil adaptativo
• Animaciones sutiles
• Optimizado para SEO

Secciones

1. Inicio (Hero): Presentación principal del laboratorio
2. Sobre Nosotros: Información sobre Methodolab
3. Investigación: Líneas de investigación
4. Publicaciones: Publicaciones académicas
5. Recursos: Código, documentación y tutoriales
6. Contacto: Información de contacto

Desarrollo Local

Para ver el sitio localmente, simplemente abre index.html en tu navegador o usa un servidor local:

# Con Python 3
python -m http.server 8000

# Con Node.js (http-server)
npx http-server

# Con PHP
php -S localhost:8000

Luego visita http://localhost:8000 en tu navegador.

Despliegue a methodolab.com

El sitio está configurado para desplegarse en GitHub Pages. Para verlo en methodolab.com:

1. Habilita GitHub Pages:

   • Ve a Settings → Pages en tu repositorio
   • Selecciona branch main y folder / (root)
   • Guarda los cambios

2. Configura el dominio personalizado:

   • En la misma página de Pages, agrega methodolab.com en Custom domain
   • Configura los registros DNS en tu proveedor de dominio

Para instrucciones detalladas, consulta DEPLOY.md.

URL temporal: https://matdknu.github.io/methodolab

Personalización

Colores

Los colores principales se pueden modificar en css/style.css en la sección :root:

:root {
    --primary-color: #2563eb;
    --primary-dark: #1e40af;
    /* ... más variables */
}

Contenido

Edita el contenido directamente en index.html. Cada sección está claramente marcada con IDs.

📝 Publicar Nuevas Entradas

Para agregar nuevas publicaciones al sitio, consulta la guía completa:

COMO-PUBLICAR.md - Guía paso a paso para crear y publicar contenido

Resumen rápido

1. Crear archivo HTML en Publicaciones/
2. Agregar imágenes a images/
3. Actualizar posts.json con la nueva publicación
4. Hacer commit y push

Ver COMO-PUBLICAR.md para detalles completos y templates.

Próximos Pasos

• Sistema de publicación con Quarto
• Configurar formulario de contacto
• Integrar con backend si es necesario
• Configurar analytics
• Optimizar para producción

Licencia

© 2024 Methodolab. Todos los derechos reservados.