Merge branch 'Salta-Dev:main' into main

Author: facundopadilla

Gemfile

@@ -16,6 +16,7 @@ gem "minima", "~> 2.5"
 # If you have any plugins, put them here!
 group :jekyll_plugins do
   gem "jekyll-feed", "~> 0.12"
+  gem "jekyll-sitemap"
 end
 
 # Windows and JRuby does not include zoneinfo files, so bundle the tzinfo-data gem

Gemfile.lock

@@ -280,6 +280,7 @@ DEPENDENCIES
   github-pages
   http_parser.rb (~> 0.6.0)
   jekyll-feed (~> 0.12)
+  jekyll-sitemap
   minima (~> 2.5)
   tzinfo (>= 1, < 3)
   tzinfo-data

README.md

@@ -2,229 +2,145 @@
 
 ![SaltaDev Logo](/assets/img/logo-text.webp)
 
-Página web oficial de la **comunidad de desarrolladores más grande de Salta**, construida con Jekyll y optimizada para GitHub Pages.
+Sitio web oficial de la comunidad SaltaDev. Construido con Jekyll, Tailwind CDN y componentes reutilizables.
 
-## 🌟 Características
+## Caracteristicas
 
-- **Diseño responsive** compatible con dispositivos móviles y desktop
-- **Sistema de eventos dinámico** con countdown automático
-- **Galería de partners** con carousel animado
-- **Sección de equipo** con información de administradores
-- **Formulario de contacto** integrado
-- **Optimización SEO** y rendimiento web
-- **Arquitectura modular** con componentes reutilizables
+- Diseno responsive para mobile y desktop.
+- Landing con animaciones GSAP y scroll suave.
+- Eventos dinamicos con countdown.
+- Staff y colaboradores desde colecciones Jekyll.
+- SEO completo (Open Graph, Twitter cards, canonical, robots, sitemap).
 
-## 🛠️ Tecnologías Utilizadas
+## Tecnologias
 
-- **Jekyll** 4.x - Generador de sitios estáticos
-- **Bootstrap** 5.3.3 - Framework CSS responsive
-- **GSAP** 3.12.7 - Animaciones y efectos visuales
-- **Font Awesome** 6.7.2 - Iconografía
-- **Google Fonts** (Poppins) - Tipografía
-- **Liquid** - Template engine de Jekyll
+- Jekyll (GitHub Pages)
+- Tailwind CSS via CDN
+- GSAP 3.12.7 (animaciones)
+- Liquid (templates)
 
-## 📁 Estructura del Proyecto
+## Estructura del proyecto
 
 ```
-├── _confidents/          # Archivos de partners/sponsors
-├── _events/             # Eventos de la comunidad
-├── _includes/           # Componentes reutilizables
-│   ├── head/           # Meta tags y imports
-│   ├── contact.html    # Formulario de contacto
-│   ├── footer.html     # Pie de página
-│   ├── nav.html        # Navegación
-│   ├── partners.html   # Sección de partners
-│   └── staff.html      # Equipo de administración
-├── _staff/             # Información del equipo
-├── assets/             # Recursos estáticos organizados
-│   ├── css/           # Estilos CSS modulares
-│   │   ├── components/ # Estilos de componentes
-│   │   ├── pages/     # Estilos específicos de páginas
-│   │   ├── main.css   # Estilos principales
-│   │   └── style.css  # Configuración global
-│   ├── fonts/         # Fuentes personalizadas
-│   ├── img/           # Imágenes categorizadas
-│   │   ├── backgrounds/
-│   │   ├── events/
-│   │   ├── icons/
-│   │   ├── partners/
-│   │   └── staff/
-│   └── js/            # JavaScript modular
-│       ├── components/ # Módulos de componentes
-│       ├── config/    # Configuraciones
-│       └── main.js    # Archivo principal
-├── index.html         # Página principal
-├── events.html        # Página de eventos
-├── reglamento.html    # Página de reglamento
-└── _config.yml        # Configuración de Jekyll
+├── _confidents/          # Colaboradores
+├── _events/              # Eventos
+├── _includes/            # Componentes reutilizables (nav/footer/etc.)
+├── _staff/               # Staff
+├── assets/
+│   ├── css/              # CSS por pagina
+│   │   ├── index.css
+│   │   ├── events.css
+│   │   └── reglamento.css
+│   ├── img/              # Imagenes
+│   └── js/               # JS por pagina
+│       ├── index.js
+│       ├── events.js
+│       └── reglamento.js
+├── index.html
+├── events.html
+├── reglamento.html
+├── _config.yml
+└── robots.txt
 ```
 
-## 🚀 Instalación y Desarrollo
+## Desarrollo local
 
 ### Prerrequisitos
 
-1. **Ruby** (versión 2.7 o superior)
-   - Windows: Descargar desde [RubyInstaller](https://rubyinstaller.org/)
-   - macOS: `brew install ruby`
-   - Linux: `sudo apt-get install ruby-full`
+- Ruby 2.7+ y Bundler
 
-2. **Jekyll y Bundler**
-   ```bash
-   gem install jekyll bundler
-   ```
+### Pasos
 
-### Configuración Local
-
-1. **Clonar el repositorio**
+1. Clonar el repo
    ```bash
    git clone https://github.com/Salta-Dev/landing-page.git
    cd landing-page
    ```
 
-2. **Instalar dependencias**
+2. Instalar dependencias
    ```bash
    bundle install
    ```
 
-3. **Ejecutar servidor de desarrollo**
+3. Levantar el servidor
    ```bash
    bundle exec jekyll serve --livereload --config _config.yml
    ```
 
-4. **Abrir en navegador**
-   - Ir a `http://localhost:4000`
-   - Los cambios se recargan automáticamente con LiveReload
-
-### VS Code (Recomendado)
-
-El proyecto incluye una task configurada. Usar `Ctrl+Shift+P` → "Tasks: Run Task" → "Jekyll GitHub Pages Server"
-
-## 📅 Gestión de Eventos
-
-### Crear un Evento
-
-1. **Crear archivo** en `_events/` con formato: `dd_mm_yyyy_prioridad.md`
-   - Ejemplo: `15_12_2025_00.md`
-   - La prioridad (00-99) determina el orden de visualización
-
-2. **Estructura del archivo**:
-   ```yaml
-   ---
-   title: "Nombre del Evento"
-   description: "Descripción detallada del evento"
-   location: "Lugar del evento"
-   photo: "/assets/img/events/evento.jpg"
-   link: "https://enlace-al-evento.com"
-   date: 2025-12-15 19:00:00 -0300
-   event_start_date: "15_12_2025:19_00_00"
-   event_end_date: "15_12_2025:22_00_00"
-   event_date_parsed: "15/12/2025"
-   event_hours_parsed: "19:00 - 22:00"
-   ---
-   
-   Contenido adicional del evento en Markdown...
-   ```
+4. Abrir `http://localhost:4000`
 
-### Formato de Fechas
+### VS Code
 
-- **`event_start_date/event_end_date`**: `dd_MM_yyyy:hh_mm_ss`
-- **`date`**: Formato ISO con timezone de Argentina (-0300)
-- **`event_date_parsed`**: Formato de visualización `dd/MM/yyyy`
-- **`event_hours_parsed`**: Formato de visualización `hh:mm - hh:mm`
+Usa la task: "Jekyll GitHub Pages Server".
 
-## 👥 Gestión de Equipo
+## Troubleshooting
 
-### Agregar Miembro del Staff
+- Si cambias `_config.yml`, reinicia el servidor de Jekyll.
+- Si falla `bundle exec jekyll serve` en Windows, verifica Ruby/Bundler y vuelve a ejecutar `bundle install`.
+- Si ves contenido viejo, borra `_site/` y vuelve a correr `bundle exec jekyll serve`.
+- Si no aparece `sitemap.xml`, asegurate de tener `jekyll-sitemap` en el `Gemfile` y reinicia Jekyll.
 
-Crear archivo en `_staff/` con formato `nombre_apellido.md`:
+## Gestion de contenido
 
+### Eventos
+
+Crear un archivo en `_events/` con formato `dd_mm_yyyy_00.md`.
+
+Ejemplo:
 ```yaml
 ---
-name: "Nombre Completo"
-role: "Cargo" # Fundador, Administrador, Administradora
-description: "Descripción profesional"
-photo: "/assets/img/staff/nombre_apellido.jpg"
-twitter: "https://twitter.com/usuario" # Opcional
-linkedin: "https://linkedin.com/in/usuario"
-github: "https://github.com/usuario" # Opcional
+title: "Nombre del Evento"
+description: "Descripcion del evento"
+location: "Lugar"
+photo: "/assets/img/events/evento.jpg"
+link: "https://enlace-al-evento.com"
+date: 2025-12-15 19:00:00 -0300
+event_start_date: "15_12_2025:19_00_00"
+event_end_date: "15_12_2025:22_00_00"
+event_date_parsed: "15/12/2025"
+event_hours_parsed: "19:00 - 22:00"
 ---
 ```
 
-## 🤝 Gestión de Partners
-
-### Agregar Partner/Sponsor
+### Staff
 
-Crear archivo en `_confidents/` con formato `nombre_empresa.md`:
+Crear un archivo en `_staff/` con formato `nombre_apellido.md`:
 
 ```yaml
 ---
-name: "Nombre de la Empresa"
-description: "Descripción de la empresa"
-link: "https://empresa.com"
-icon: "/assets/img/partners/logo_empresa.png"
+name: "Nombre Completo"
+role: "Cargo"
+description: "Descripcion"
+photo: "/assets/img/staff/nombre_apellido.jpg"
+linkedin: "https://linkedin.com/in/usuario"
+github: "https://github.com/usuario"
+twitter: "https://twitter.com/usuario"
 ---
 ```
 
-## 🎨 Personalización de Estilos
-
-### CSS Modular
-
-- **`main.css`**: Estilos principales del sitio
-- **`components/`**: Estilos de componentes específicos
-- **`pages/`**: Estilos específicos de páginas
-- **`style.css`**: Configuración global y variables CSS
-
-### Variables CSS Principales
-
-```css
-:root {
-  --primaryColor: #ff4444;
-  --font-path: '/assets/fonts/';
-  --img-path: '/assets/img/';
-}
-```
-
-## 🚀 Despliegue
+### Colaboradores
 
-### GitHub Pages (Automático)
+Crear un archivo en `_confidents/` con formato `nombre.md`:
 
-El sitio se despliega automáticamente en GitHub Pages con cada push a la rama `main`.
-
-### Despliegue Manual
-
-```bash
-# Construir sitio para producción
-bundle exec jekyll build
-
-# Los archivos generados estarán en _site/
+```yaml
+---
+name: "Nombre de la empresa"
+description: "Descripcion"
+customURL: "https://empresa.com"
+icon: "/assets/img/partners/logo.png"
+---
 ```
 
-## 📱 SEO y Performance
-
-- **Meta tags** optimizados para redes sociales
-- **Imágenes optimizadas** en formatos WebP y AVIF
-- **CSS y JS minificados** en producción
-- **Lazy loading** de imágenes
-- **Sitemap** automático generado por Jekyll
-
-## 🤝 Contribución
+## SEO
 
-1. **Fork** del repositorio
-2. **Crear rama** para la característica: `git checkout -b feature/nueva-caracteristica`
-3. **Commit** de cambios: `git commit -m 'Agregar nueva característica'`
-4. **Push** a la rama: `git push origin feature/nueva-caracteristica`
-5. **Crear Pull Request**
+- Metas Open Graph y Twitter en cada pagina.
+- `robots.txt` y `sitemap.xml` generados por Jekyll.
 
-## 📞 Contacto
+## Despliegue
 
-- **Email**: contacto@salta.dev.ar
-- **Website**: [salta.dev.ar](https://salta.dev.ar)
-- **WhatsApp**: [Únete a la comunidad](https://salta.dev.ar)
+- GitHub Pages con push a `main`.
+- Build manual: `bundle exec jekyll build`.
 
-## 📄 Licencia
-
-Este proyecto está bajo la Licencia GPL-3.0. Ver el archivo `LICENSE` para más detalles.
-
----
+## Licencia
 
-**Hecho con ❤️ por la comunidad SaltaDev**
+GPL-3.0. Ver [LICENSE](LICENSE).

_config.yml

@@ -21,11 +21,10 @@
 title: SaltaDev
 email: contacto@salta.dev
 description: >- # this means to ignore newlines until "baseurl:"
-  Write an awesome description for your new site here. You can edit this
-  line in _config.yml. It will appear in your document head meta (for
-  Google search results) and in your feed.xml site description.
+  Comunidad de tecnologia y desarrollo en Salta. Impulsamos el talento local
+  con eventos, colaboracion y aprendizaje.
 baseurl: "" # the subpath of your site, e.g. /blog
-url: "" # the base hostname & protocol for your site, e.g. http://example.com
+url: "https://salta.dev.ar" # the base hostname & protocol for your site, e.g. http://example.com
 twitter_username: jekyllrb
 github: "https://github.com/Salta-Dev"
 whatsapp: "https://chat.whatsapp.com/Jv02aqrmzXK6wwuRELp9zs"
@@ -36,6 +35,7 @@ linkedin: "https://www.linkedin.com/company/saltadev/"
 theme: minima
 plugins:
   - jekyll-feed
+  - jekyll-sitemap
 
 include:
   - _events

_includes/footer.html

@@ -27,25 +27,30 @@ <h4 class="text-white font-bold mb-4">Recursos</h4>
           <li><a class="hover:text-white transition-colors" href="/#community">Comunidad</a></li>
         </ul>
       </div>
-      <div>
+      <div id="footerLegal">
         <h4 class="text-white font-bold mb-4">Legal</h4>
         <ul class="space-y-2 text-sm text-white">
           <li><a class="hover:text-white transition-colors" href="/reglamento">Términos y Condiciones</a></li>
           <li><a class="hover:text-white transition-colors" href="/reglamento">Política de Privacidad</a></li>
           <li><a class="hover:text-white transition-colors" href="/reglamento">Código de Conducta</a></li>
         </ul>
+        <div class="mt-4 flex justify-center md:hidden" id="footerBackToTop">
+          <a class="bg-primary hover:bg-red-700 text-white text-sm font-bold px-5 py-2.5 rounded-lg shadow-lg shadow-primary/20 transition-all" href="#top">
+            Volver al inicio
+          </a>
+        </div>
       </div>
     </div>
     <div class="border-t border-border-dark pt-6 flex flex-col md:flex-row justify-between items-center gap-4">
       <p class="text-white text-sm">© 2026 SaltaDev. Todos los derechos reservados.</p>
       <div class="flex items-center gap-4">
-        <a class="text-white hover:text-white transition-colors" href="{{ site.linkedin }}" target="_blank" aria-label="LinkedIn">
+        <a class="text-white hover:text-white transition-colors inline-flex items-center" href="{{ site.linkedin }}" target="_blank" aria-label="LinkedIn">
           <svg class="w-5 h-5" viewBox="0 0 24 24" aria-hidden="true">
             <path fill="currentColor" d="M20.447 20.452h-3.554v-5.569c0-1.328-.026-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.266 2.37 4.266 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zM6.956 20.452H3.72V9h3.236v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.727v20.545C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.273V1.727C24 .774 23.2 0 22.222 0h.003z"></path>
           </svg>
         </a>
-        <a class="text-white hover:text-white transition-colors" href="mailto:comusaltadev@gmail.com" aria-label="Email">
-          <span class="material-symbols-outlined">mail</span>
+        <a class="text-white hover:text-white transition-colors inline-flex items-center" href="mailto:comusaltadev@gmail.com" aria-label="Email">
+          <span class="material-symbols-outlined text-[20px] leading-none">mail</span>
         </a>
       </div>
     </div>