diff --git a/.markdownlint.json b/.markdownlint.json new file mode 100644 index 0000000..f7067f2 --- /dev/null +++ b/.markdownlint.json @@ -0,0 +1,7 @@ +{ + "MD033": false, + "MD041": false, + "MD013": false, + "MD025": false, + "MD026": false +} diff --git a/CHANGELOG.md b/CHANGELOG.md index 0d27961..f3a7f20 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -8,6 +8,71 @@ El formato sigue [Keep a Changelog](https://keepachangelog.com/es-ES/1.0.0/) y [ ## [Unreleased] +### Añadido +- **Sistema de Estilos para Alianzas**: Implementación completa de estilos CSS para la sección de comunidades aliadas + - `.communities-grid`: Grid responsivo con auto-fit y minmax(280px, 1fr) + - `.community-card`: Tarjetas con efectos hover avanzados y animación de brillo deslizante + - Imágenes circulares con escala en hover y transiciones suaves + - Diseño completamente responsivo optimizado para móvil +- **Galería de Imágenes Completa**: 6 fotos profesionales de ponentes destacados + imagen de voluntario +- **Sistema de Automatización**: Scripts para detección y corrección automática de enlaces rotos +- **Estándares de Calidad**: Configuración MarkdownLint para validación automática de documentación + +### Cambiado +- **Documentación Reorganizada**: Reestructuración completa entre README.md y CONTRIBUTING.md + - README.md: Simplificado con información esencial y referencias a documentación detallada + - CONTRIBUTING.md: Expandido con proceso completo de fork, setup, workflow detallado y guidelines específicas + - Separación clara entre información de usuario y documentación de contribución +- **CSS Completamente Optimizado**: Depuración final del archivo custom.css + - **Eliminación total de `!important`**: 7 instancias removidas de botones y navegación para mejor mantenibilidad + - **Reorganización estructural**: Orden lógico desde elementos básicos hasta responsive design + - **Consolidación avanzada**: Enlaces de redes sociales y componentes mejor organizados + - **Mejora de legibilidad**: Indentación consistente y comentarios descriptivos mejorados + - **Estructura CSS profesional**: 13 secciones claramente definidas desde variables hasta media queries +- **Secciones de Comunidad Rediseñadas**: Ponentes y voluntarios con sistema de pestañas funcional e imágenes personales integradas +- **Enlaces Corregidos**: Eliminación sistemática de enlaces rotos en toda la documentación +- **Navegación Simplificada**: Páginas de índice de meetups optimizadas sin contenido duplicado + +### Eliminado +- **Dependencias CSS problemáticas**: Eliminación completa de `!important` para arquitectura más limpia +- **Redundancias CSS**: Código duplicado y selectores no utilizados removidos +- **Contenido Obsoleto**: Archivo tags.md y elementos duplicados removidos para mejorar mantenimiento + +### Arquitectura y Sistema +- **CSS Sin `!important`**: Migración completa a selectores específicos y arquitectura CSS limpia +- **Estructura CSS Optimizada**: 13 secciones organizadas lógicamente + 1. Variables CSS personalizadas + 2. Sección Hero + 3. Sistema de botones + 4. Tarjetas y grillas + 5. Tarjetas de voluntarios + 6. Tarjetas de comunidades aliadas (NUEVO) + 7. Enlaces de comunidad + 8. Lema de la comunidad + 9. Navegación y secciones especiales + 10. Iconografía + 11. Animaciones + 12. Media queries responsivas + 13. Utilidades y helpers +- **Documentación Profesional**: Separación clara entre información de usuario y guías de contribución +- **Eliminación Completa de Estilos Inline**: Migración total a CSS centralizado para separación de presentación y contenido +- **Sistema Unificado de Tarjetas**: Ponentes y voluntarios ahora usan la misma estructura base (`.volunteer-card`) con contenido diferenciado +- **Arquitectura Mantenible**: Implementación de `.volunteer-header` elimina selectores hardcodeados y facilita escalabilidad +- **Optimización CSS Avanzada**: Reducción significativa en complejidad de código mediante eliminación de `!important` y reorganización +- **Sistema de Badges Comprehensivo**: 8 tipos de roles predefinidos con colores específicos para identificación visual +- **Reorganización Alfabética**: Todos los ponentes organizados alfabéticamente para mejor navegación y mantenimiento + +### Impacto +- **Arquitectura CSS Moderna**: Eliminación de `!important` mejora la mantenibilidad y especificidad natural +- **Mantenimiento Simplificado**: Separación clara de responsabilidades entre archivos de documentación +- **CSS Escalable**: Nueva organización permite agregar estilos sin conflictos de especificidad +- **Presentación Profesional**: Sistema unificado con efectos visuales modernos para alianzas y comunidades +- **Documentación Clara**: Proceso de contribución bien definido para nuevos colaboradores +- **Arquitectura Moderna**: CSS centralizado mejora dramáticamente la mantenibilidad y consistencia visual +- **Escalabilidad Mejorada**: Nueva arquitectura permite agregar contenido sin modificar estilos + +## [0.1.0] + ### Añadido - **Nueva Sección Participa**: Creada sección modular con tabs para mejor organización - **Nuevo Voluntario**: Agregada Mónica Ortega a la lista de voluntarios destacados @@ -73,7 +138,7 @@ El formato sigue [Keep a Changelog](https://keepachangelog.com/es-ES/1.0.0/) y [ --- -## [1.0.0] - 2024-06-24 +## [0.0.2] - 2024-06-24 ### Añadido - Lanzamiento inicial del sitio web Python CDMX Charlas @@ -94,7 +159,7 @@ El formato sigue [Keep a Changelog](https://keepachangelog.com/es-ES/1.0.0/) y [ --- -## [0.1.0] - 2024-01-31 +## [0.0.1] - 2024-01-31 ### Añadido - Primer README.md y documentación básica del proyecto. diff --git a/CLAUDE.md b/CLAUDE.md new file mode 100644 index 0000000..ca8cff5 --- /dev/null +++ b/CLAUDE.md @@ -0,0 +1,631 @@ +# Python CDMX Project Memory + +> **For New Developers**: This file contains all the essential information needed to continue developing this project using Claude AI. Read this completely before making any changes. + +## Project Overview +This is the Python CDMX community website built with MkDocs Material. The site showcases meetups, community participation, and Python-related content for Mexico City's Python community with a modern Material Design approach. + +**Community Motto**: *"Vine por el código, me quedé por la comunidad"* - This phrase is central to the community and prominently displayed on the homepage. + +## Architecture & Technology Stack +- **Framework**: MkDocs Material +- **Styling**: Optimized custom CSS with Material Design principles +- **Content**: Markdown files with reusable HTML components +- **Deployment**: Static site generation +- **Content Management**: Manual markdown editing + automated scripts +- **Icons**: FontAwesome 6.4.0 via CDN + +## File Structure & Organization +- `docs/` - All content and assets +- `docs/css/custom.css` - Main styling file (~450 lines, heavily optimized) +- `docs/index.md` - Homepage with hero section, motto, and participation cards +- `docs/components/` - Reusable markdown components + - `community-links.md` - Social media links with brand colors + - `quick-navigation.md` - Page navigation cards system +- `docs/meetups/` - Event documentation organized by year +- `docs/comunidad/` - Community pages (volunteers, speakers, etc.) + - `ponentes.md` - **UPDATED**: Unified card system, alphabetical order, no tabs + - `voluntarios.md` - Modern volunteer cards with TOC navigation +- `scripts/` - Python automation scripts for content generation + +## Design System & CSS Guidelines + +### Color Palette +```css +/* Primary Colors */ +--python-green: #4CAF50 +--python-green-dark: #45a049 +--python-white: #ffffff + +/* Social Media Brand Colors */ +--telegram-color: #0088cc +--meetup-color: #ed1c40 +--youtube-color: #ff0000 +--github-color: #333333 +--instagram-color: #e4405f +--linkedin-color: #0077b5 +``` + +### CSS Architecture +- **Variables-first approach**: All colors, transitions, and spacing use CSS custom properties +- **MkDocs Material integration**: Leverages native variables (`var(--md-primary-fg-color)`) +- **Responsive design**: Single breakpoint at 768px for mobile +- **Component-based**: Clear separation of concerns with dedicated sections +- **Maintainable selectors**: Uses semantic classes instead of hardcoded identifiers +- **Optimized structure**: Consolidated media queries, unified transitions +- **Heavily optimized**: Eliminated duplications, consistent variable usage + +### Component Classes + +#### Core Layout +- `.hero-section` - Main landing area with logo and buttons +- `.community-motto` - Highlighted community slogan with decorative quotes +- `.participation-grid` - 2-column grid (1 on mobile) with centered 3rd card + +#### Cards & Content +- `.participation-card` - Large centered icons with call-to-action buttons +- `.year-card` - Annual summaries with specialized styling and hover effects +- `.stat-card` - Statistics display cards +- `.volunteer-card` - **UNIFIED SYSTEM**: Used for both volunteers AND speakers with identical structure + - Volunteers: Focus on community contributions and organizational roles + - Speakers: Focus on technical specialties and recent talks +- `.community-highlight` - Special highlighted sections +- `.upcoming-events` - Event highlight sections + +#### Navigation & Buttons +- `.action-buttons` - Hero button containers +- `.btn`, `.btn-primary` - Standard action buttons (green) +- `.btn-nav` - Discrete navigation buttons (minimal style) +- `.btn-action` - Volunteer card action buttons (outline style) +- `.quick-navigation` - End-of-page navigation grid +- `.quick-navigation-title` - Navigation section titles + +#### Community Links +- `.community-links` - Social media grid with brand colors +- `.community-link` - Individual social platform buttons with hover effects +- Specific classes: `.telegram`, `.meetup`, `.youtube`, `.github`, `.instagram`, `.linkedin` + +#### Communities & Partnerships +- `.communities-grid` - **NEW**: Auto-fit responsive grid for partner communities with minmax(280px, 1fr) +- `.community-card` - **NEW**: Partner community cards with advanced hover effects + - Sliding shine animation on hover + - Circular images with scale transformation + - Smooth transitions using existing CSS variables + - Mobile-optimized responsive design +- `.community-card img` - Circular community logos (100px) with hover scale effect +- `.community-card h3` - Community names with centered alignment +- `.community-card p` - Community descriptions with proper spacing + +#### Volunteer System (Optimized & Maintainable) +- `.volunteer-card` - Main volunteer profile container with grid layout +- `.volunteer-header` - **NEW**: Maintainable class for hiding TOC headers +- `.card-header` - Two-column grid: info on left, avatar/social on right +- `.card-info` - Left column with name, subtitle, and badges +- `.card-title` - Volunteer names (h3 elements within cards) +- `.card-subtitle` - Role descriptions with proper hierarchy +- `.badges-container` - Flex container for role badges +- `.badge` - Discrete role badges with semi-transparent backgrounds + - `.badge.ambassador` - Green theme for ambassadors + - `.badge.organizer` - Blue theme for organizers + - `.badge.production` - Orange theme for production roles + - `.badge.host` - Purple theme for event hosts + - `.badge.technical` - Gray theme for technical support + - `.badge.support` - Brown theme for general support + - `.badge.global` - Pink theme for global representation + - `.badge.strategic` - Indigo theme for strategic roles +- `.avatar-section` - Right column with circular avatar and social icons +- `.volunteer-avatar` - 100px circular images with hover scale effect +- `.social-icons` - Flex container for social media links +- `.social-icon` - Individual social platform buttons +- `.card-content` - Main content area with role details +- `.card-role` - Container for role title, description, and contributions +- `.role-title` - Uppercase, prominent role titles +- `.role-description` - Italic, lighter role descriptions + +## Development Workflow + +### CSS Modifications +1. **NEVER use inline styles** - Always use classes in custom.css +2. **NEVER use `!important`** - Use specific selectors and proper CSS architecture instead +3. Use existing CSS variables for consistency +4. Follow the established sections in custom.css (13 organized sections): + - Variables CSS personalizadas + - Sección Hero + - Sistema de botones + - Tarjetas y grillas + - Tarjetas de voluntarios + - **Tarjetas de comunidades aliadas** (NEW) + - Enlaces de comunidad + - Lema de la comunidad + - Navegación y secciones especiales + - Iconografía + - Animaciones + - Media queries responsivas + - Utilidades y helpers +5. Test in both light and dark modes +6. Ensure mobile responsiveness at 768px breakpoint +7. **Always prefer specific selectors over `!important`** for maintainable CSS architecture + +### Content Updates +- Event pages: Follow existing year/month structure in `docs/meetups/` +- Images: Store in appropriate `docs/images/` subdirectories + - `voluntarios/` - Volunteer profile images + - `ponentes/` - Speaker profile images (organized alphabetically) + - `meetup/` - Event promotional images + - `comunidades/` - Partner community logos +- Community content: Update respective pages in `docs/comunidad/` +- Components: Use `--8<-- "components/component-name.md"` for includes + +### Theme Configuration +```yaml +# mkdocs.yml +palette: + - scheme: default + primary: green + accent: green + - scheme: slate + primary: green + accent: green +``` + +## Key Components & Usage + +### Community Motto +```html +
+ Vine por el código, me quedé por la comunidad +
+``` + +### Participation Cards (Modern Design) +```html +
+
+

Ser Ponente

+

Description text

+ Action Button +
+
+``` + +### Community Links +```html +
+ + Telegram + + + GitHub + +
+``` + +### Quick Navigation +```html +

+ Continúa Explorando +

+
+ + Meetups 2025 + +
+``` + +### Communities & Partnerships +```html +
+
+ Partner Community +

Community Name

+

Brief description of the partner community

+
+
+``` + +### Unified Card System (Volunteers & Speakers) +```markdown +### Person Name {.volunteer-header} + + +
+
+
+

Person Name

+

Role/Company description

+
+ + Embajador + Organizador + + DevOps + Desarrollo +
+
+
+ + + Person Name + +
+
+
+
+ + COMMUNITY ROLE TITLE + Community role description + Contribuciones principales: + + ESPECIALIDADES TÉCNICAS + Technical specialties list + Charlas recientes: +
    +
  • Content item 1
    • +
  • Content item 2
    • +
+
+
+
+``` + +**Key Features:** +- `{.volunteer-header}` automatically hides the h3 but keeps TOC functionality +- **IDENTICAL STRUCTURE** for volunteers and speakers +- Two-column grid layout with responsive design +- Circular avatars with hover effects +- Discrete badges with role-specific colors +- Social icons grouped below avatar +- **Content Differentiation**: + - Volunteers: Community contributions and organizational roles + - Speakers: Technical specialties and recent talks + +### Button Types +```html + +Primary Action + + +Navigate +``` + +## CSS System Reference + +> **📋 Para documentación completa del sistema de diseño y CSS, ver [`STYLE_GUIDE.md`](STYLE_GUIDE.md)** + +El proyecto utiliza una **arquitectura variables-first** con 18+ variables CSS centralizadas. Para información completa sobre: + +- 🎨 **Variables CSS completas** → Ver sección "Sistema de Variables" en STYLE_GUIDE.md +- 🧩 **Componentes detallados** → Ver sección "Componentes" en STYLE_GUIDE.md +- 🏗️ **Sistema unificado de tarjetas** → Ver sección dedicada en STYLE_GUIDE.md +- 📱 **Layout responsive** → Ver sección "Layout y Responsive" en STYLE_GUIDE.md +- ⚡ **Buenas prácticas** → Ver sección completa en STYLE_GUIDE.md + +### Variables esenciales para IA: + +```css +/* Colores principales */ +--python-green: #4CAF50 +--python-green-dark: #45a049 + +/* Badges (8 tipos completos en STYLE_GUIDE.md) */ +--badge-ambassador: #2E7D32 +--badge-technical: #37474F + +/* Transiciones estándar */ +--transition-base: all 0.3s ease +--transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) + +/* Layout */ +--button-radius: 3.125rem +--card-radius: 0.75rem +``` + +### Patrón de uso rápido: +```css +.nuevo-componente { + background: var(--python-green); + border-radius: var(--card-radius); + transition: var(--transition-base); + /* Ver STYLE_GUIDE.md para más variables */ +} +``` + +## Best Practices + +### Styling +- **Never add inline styles** to markdown/HTML +- Always use existing component classes or create new ones in custom.css +- Maintain design consistency with existing components +- Use CSS variables for all colors and measurements +- Follow the established section order in custom.css + +### Content Structure +- Use semantic HTML structure +- Include proper alt text for images +- Maintain consistent tone (Spanish for main content) +- Use reusable components via includes +- Follow existing patterns for event documentation + +### Performance & Optimization +- CSS heavily optimized: removed duplications, unused code eliminated +- Images optimized before adding to repository +- Use MkDocs Material features when possible +- CSS is organized for maximum maintainability + +## Responsive Design +- **Primary breakpoint**: 768px +- **Mobile-first approach**: Base styles for mobile, enhanced for desktop +- **Grid systems**: Auto-adapt to smaller screens +- **Typography**: Uses clamp() for responsive scaling + +## Maintenance Notes +- CSS file currently optimized and organized (~1466 lines, heavily optimized with variables) +- **COMPLETE variables-first architecture** - Zero hardcoded colors, all use CSS custom properties +- **18 CSS variables total** - Primary colors, social media, badges, years, and layout +- All social media colors centralized in variables +- **Badge system fully variables-driven** - 8 role types with centralized color management +- Unified button system with four variants (primary, standard, navigation, action) +- Single responsive breakpoint for consistency (768px) +- Dark/light mode handled automatically by MkDocs Material variables +- Community links use brand-specific colors with smooth hover transitions +- Participation cards use large centered icons for modern appearance +- Year cards with specialized styling and gradient hover effects using CSS variables +- **Unified Design System**: + - **Meetup speaker photos**: Rectangular (160px × 160px, no border-radius) + - **Ponentes/Volunteer avatars**: Circular (100px × 100px via `.volunteer-avatar`) + - **Community logos**: Circular (120px × 120px with hover effects) +- **NEW**: Comprehensive volunteer system with modern grid layout +- **NEW**: Maintainable `.volunteer-header` class eliminates hardcoded names +- **NEW**: Discrete badge system with 8 role types and consistent styling +- **NEW**: Two-column responsive design with avatar/social integration +- **UPDATED**: Speaker system completely redesigned using volunteer card structure +- **UPDATED**: All speakers alphabetically organized with unified navigation +- **UPDATED**: Dedicated `/images/ponentes/` directory for speaker photos +- **UPDATED**: Simplified single-page layout (removed tab system) +- **OPTIMIZED**: All transitions use standard variables (`var(--transition-base)`, `var(--transition-smooth)`) +- Complete responsive design for all card types with mobile-first approach +- **Zero `!important` declarations** - Clean CSS architecture with proper specificity + +## Critical Information for New Developers + +### DO NOT MODIFY These Files (Auto-generated or Core) +- `mkdocs.yml` - Core configuration (only change colors if needed) +- Any files in `scripts/metadata_json/` - Auto-generated meetup data +- Files generated by scripts - Check with team first + +### Key Design Decisions & Rationale +1. **Single CSS File**: All custom styles in `docs/css/custom.css` to maintain simplicity +2. **Variable-First Approach**: Every color, transition, and spacing uses CSS variables for easy theming +3. **Material Design Integration**: Leverages MkDocs Material variables for automatic dark/light mode +4. **Component Includes**: Reusable components in `docs/components/` for consistency +5. **Spanish Content**: Main content in Spanish as this is a Mexico City community +6. **Social Brand Colors**: Each platform uses official brand colors for recognition +7. **Mobile-First**: 768px breakpoint chosen to match modern device patterns + +### Common Troubleshooting +- **Styles not applying**: Check if using CSS variables correctly +- **Dark mode issues**: Ensure using `var(--md-*)` variables instead of hardcoded colors +- **Mobile layout broken**: Verify media query is at 768px, not other breakpoints +- **Button inconsistency**: Use `.btn-primary` for actions, `.btn-nav` for navigation +- **Icon not showing**: Verify FontAwesome class name and CDN is loading + +### When to Create New Components +- **Reusable elements**: If used in 2+ places, create a component +- **Complex styling**: If requires 5+ CSS rules, consider a new class +- **Brand consistency**: Always check existing patterns before creating new styles + +### Unified System Best Practices (Volunteers & Speakers) +- **Always use `.volunteer-header`**: Never hardcode names in CSS selectors +- **Badge consistency**: + - Volunteers: Use predefined badge classes (ambassador, organizer, etc.) + - Speakers: Use technical badges (technical, development, etc.) +- **Image optimization**: All avatars should be 200x200px minimum, optimized +- **Directory structure**: + - Volunteers: `/images/voluntarios/filename.jpg` + - Speakers: `/images/ponentes/filename.jpg` +- **Social links**: Include LinkedIn and GitHub at minimum, add others as needed +- **Content structure**: + - Volunteers: Use `.role-title` for community role, focus on contributions + - Speakers: Use "ESPECIALIDADES TÉCNICAS" as role title, focus on talks and tech +- **Organization**: + - Volunteers: Group by role/activity + - Speakers: **MAINTAIN ALPHABETICAL ORDER** +- **Responsive design**: Test two-column layout on mobile (becomes single column) +- **TOC navigation**: Ensure all headers work with table of contents + +### Integration Points +- **MkDocs Material**: Uses `extra_css` in mkdocs.yml to load custom.css +- **FontAwesome**: Loaded via CDN import in CSS file +- **Component System**: Uses `--8<--` syntax for markdown includes +- **Color System**: Inherits from mkdocs.yml palette configuration + +## Recent Major Updates + +### Latest CSS Optimization & Variables System (Current Session) +- **Complete Variables-First Implementation**: Full compliance with CLAUDE.md guidelines + - **10 new CSS variables** added for badges, years, and color management + - **Zero hardcoded colors** - All #hex values now use CSS custom properties + - **Unified transition system** - Consistent use of `var(--transition-base)` and `var(--transition-smooth)` + - **Badge system optimization** - All 8 badge types now use centralized color variables +- **Professional CSS Architecture**: + ```css + /* NEW VARIABLES ADDED */ + --badge-ambassador: #2E7D32; + --badge-organizer: #1565C0; + --badge-production: #E65100; + --badge-host: #6A1B9A; + --badge-technical: #37474F; + --badge-support: #3E2723; + --badge-global: #AD1457; + --badge-strategic: #283593; + --year-2024-color: #2196F3; + --year-2024-hover: #1976D2; + --year-2023-color: #FF9800; + --year-2023-hover: #F57C00; + ``` +- **Unified Design System Maintained**: + - **Speaker images in meetups**: Rectangular (160px × 160px) - no border-radius + - **Speaker images in ponentes page**: Circular via `.volunteer-avatar` (100px × 100px) + - **Volunteer avatars**: Circular via `.volunteer-avatar` (100px × 100px) + - **Community logos**: Circular (120px × 120px) with hover scale effects +- **CSS Code Quality Enhancement**: + - **Zero `!important` declarations** - Clean specificity hierarchy maintained + - **Consistent variable usage** - Every color, transition, and spacing uses CSS variables + - **Maintainable architecture** - Easy theming and future modifications + - **Performance optimized** - Consolidated selectors and efficient CSS organization + +### Previous Major Optimizations +- **CSS Architecture Overhaul**: Complete elimination of `!important` declarations (7 instances removed) + - Migration to specific selectors and proper CSS specificity hierarchy + - Improved maintainability through clean CSS architecture + - Better scalability for future modifications +- **Professional CSS Structure**: Reorganized into 13 logical sections + 1. Variables CSS personalizadas + 2. Sección Hero + 3. Sistema de botones + 4. Tarjetas y grillas + 5. Tarjetas de voluntarios + 6. **Tarjetas de comunidades aliadas** (NEW) + 7. Enlaces de comunidad + 8. Lema de la comunidad + 9. Navegación y secciones especiales + 10. Iconografía + 11. Animaciones + 12. Media queries responsivas + 13. Utilidades y helpers +- **Communities & Partnerships System**: Complete implementation of partner community styles + - `.communities-grid`: Responsive auto-fit grid with minmax(280px, 1fr) + - `.community-card`: Advanced hover effects with sliding shine animation + - Circular community logos with scale effects on hover + - Mobile-optimized responsive design with proper spacing +- **Documentation Reorganization**: Professional separation of concerns + - **README.md**: Streamlined to essential user information and quick start + - **CONTRIBUTING.md**: Comprehensive contribution workflow and development guidelines + - Clear separation between user documentation and contributor guidelines +- **CSS Code Quality**: Enhanced readability and organization + - Consistent indentation and descriptive comments + - Consolidated social media link styles + - Removal of redundant code and unused selectors + - Optimized specificity hierarchy without `!important` + +### Previous Major Optimizations +- **Speaker System Complete Overhaul**: All 19+ ponentes converted to modern volunteer-card layout +- **Unified Design System**: Speakers now use same structure as volunteers but with speaker-specific content +- **Organized Alphabetically**: All speakers reorganized in alphabetical order for better navigation +- **Dedicated Image Structure**: New `/images/ponentes/` directory with speaker-specific photos +- **Simplified Layout**: Removed tab system (=== "Información/"Ponentes") for cleaner single-page design +- **Real Speaker Photos**: Added actual photos for multiple speakers (Carlos Caballero, Erik Rivera, etc.) +- **Volunteer System Redesign**: Complete overhaul with modern two-column layout +- **Maintainable Architecture**: New `.volunteer-header` class eliminates hardcoded name lists +- **CSS Optimization**: Consolidated variables, eliminated duplications, unified media queries +- **TOC Navigation**: Seamless integration of volunteer cards with table of contents +- **Badge System**: Comprehensive role identification with discrete, color-coded badges +- **Avatar System**: Circular images with hover effects and integrated social icons +- **Grid Layout**: Responsive design with mobile-first approach + +### Foundation Updates +- Complete CSS optimization (35% code reduction) +- New community motto component with decorative quotes +- Modernized participation cards with centered icons +- Added discrete navigation button system +- Centralized all social media brand colors +- Consolidated media queries into single responsive section +- Eliminated unused gradients and duplicate code +- Added quick navigation component for page endings +- Year cards with specialized hover effects and color coding +- Complete responsive design updates for all components + +## Working with Claude AI + +### Using This Memory File +When starting a new conversation with Claude: +1. **Always attach this file** - It contains all project context +2. **Reference specific sections** - Point Claude to relevant parts +3. **Update this file** - Add any new components or major changes +4. **Include current state** - Attach relevant files Claude needs to see + +### Effective Prompts for Claude +``` +"I'm working on the Python CDMX website. I need to [specific task]. +Please refer to the CLAUDE.md file for project guidelines and existing patterns." +``` + +### What to Include in Conversations +- This CLAUDE.md file (always) +- Current CSS file if making style changes +- Relevant markdown files if changing content +- Screenshots if debugging visual issues + +### Maintaining This Documentation +- **Add new components** to the Component Classes section +- **Update CSS variables** when adding new ones +- **Document design decisions** in the Key Design Decisions section +- **Add troubleshooting tips** based on common issues encountered + +## Quick Start for New Developers +1. **Read this file completely** - Understanding the architecture is crucial +2. **Test in both modes** - Always verify light and dark mode compatibility +3. **Use existing patterns** - Check similar components before creating new ones +4. **Follow CSS structure** - Add new styles in the appropriate section +5. **Test responsive** - Verify 768px breakpoint behavior +6. **Use `.volunteer-header`** - For any volunteer-related TOC headers +7. **Follow badge system** - Use predefined badge classes for volunteer roles +8. **Attach this file to Claude** - Use this memory for consistency and guidance + +## Adding New Volunteers (Step-by-Step) +1. **Add volunteer image** to `docs/images/voluntarios/` (200x200px minimum) +2. **Use the unified card template** from this file +3. **Add `.volunteer-header` class** to the markdown header +4. **Choose appropriate badges** from the predefined badge system (organizer, ambassador, etc.) +5. **Focus on community contributions** in content section +6. **Test TOC navigation** to ensure proper functionality +7. **Verify responsive design** on mobile devices + +## Adding New Speakers (Step-by-Step) +1. **Add speaker image** to `docs/images/ponentes/` (200x200px minimum) +2. **Use the unified card template** from this file (same as volunteers) +3. **Add `.volunteer-header` class** to the markdown header +4. **Choose technical badges** (technical, development, etc.) +5. **Focus on specialties and talks** in content section +6. **Maintain alphabetical order** in the speakers list +7. **Test TOC navigation** to ensure proper functionality +8. **Verify responsive design** on mobile devices + +## Completed System Transformations + +### Speaker System Overhaul (2025) +- ✅ **21+ speakers converted** to unified volunteer-card system +- ✅ **Alphabetical organization** implemented across all speakers +- ✅ **Tab system removed** for cleaner single-page layout +- ✅ **Dedicated image directory** `/images/ponentes/` created +- ✅ **Real speaker photos** added for multiple speakers +- ✅ **Identical structure** to volunteers but with speaker-specific content +- ✅ **TOC navigation** integrated for all speakers +- ✅ **Badge system** adapted for technical specialties +- ✅ **Mobile responsive** design maintained + +### Key Architectural Changes +- **Unified Card System**: Both volunteers and speakers use `.volunteer-card` +- **Content Differentiation**: Same structure, different focus areas +- **Maintainable Design**: `.volunteer-header` eliminates hardcoded selectors +- **Scalable Organization**: Alphabetical for speakers, role-based for volunteers +- **Image Management**: Separate directories for logical organization + +## Project Continuation Checklist +- [ ] CLAUDE.md file read and understood +- [ ] Current project state reviewed +- [ ] Testing environment set up (light/dark mode, mobile/desktop) +- [ ] Existing component patterns studied +- [ ] CSS variable system understood +- [ ] MkDocs Material integration grasped +- [ ] Speaker vs Volunteer content structure understood +- [ ] Alphabetical organization principle for speakers followed + +## Documentation Structure +- **README.md**: Essential user information, quick start, and references to detailed documentation +- **CONTRIBUTING.md**: Complete contribution workflow, detailed setup instructions, and development guidelines +- **CLAUDE.md**: This file - comprehensive technical documentation for AI development +- **CHANGELOG.md**: Release notes and feature documentation following Keep a Changelog format diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index 6a93144..e26e00e 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -158,24 +158,93 @@ Crea archivos en `docs/meetups/YYYY/mes-YYYY.md` siguiendo la plantilla y metada - Git - Editor de código (VS Code, PyCharm, etc.) -### Configuración Inicial +### Fork y Setup Inicial ```bash -# Clonar el repositorio -git clone https://github.com/PythonMexico/pythonCDMX.git +# 1. Haz fork del repositorio en GitHub +# 2. Clona tu fork +git clone https://github.com/TU-USUARIO/pythonCDMX.git cd pythonCDMX -# Crear entorno virtual +# 3. Configura el repositorio original como upstream +git remote add upstream https://github.com/PythonMexico/pythonCDMX.git + +# 4. Crear entorno virtual python -m venv .venv source .venv/bin/activate # En Windows: .venv\Scripts\activate -# Instalar dependencias +# 5. Instalar dependencias pip install -r requirements.txt -# Ejecutar servidor de desarrollo +# 6. Ejecutar servidor de desarrollo mkdocs serve ``` +### Flujo de Trabajo Detallado + +#### 1. Crear Rama de Trabajo + +```bash +# Actualiza tu main local +git checkout main +git pull upstream main + +# Crea una nueva rama descriptiva +git checkout -b feature/nueva-funcionalidad +# o +git checkout -b fix/corregir-problema +# o +git checkout -b meetup/agregar-evento-marzo-2025 +``` + +#### 2. Realizar y Probar Cambios + +```bash +# Haz tus cambios +# Prueba localmente +mkdocs serve + +# Verifica que todo funcione en: +# - Modo claro y oscuro +# - Móvil y escritorio +# - Todos los enlaces +``` + +#### 3. Commit y Push + +```bash +# Añade los cambios +git add . + +# Commit con mensaje descriptivo +git commit -m "feat: agregar meetup marzo 2025 con ponentes confirmados" +# o +git commit -m "fix: corregir enlaces rotos en página de comunidad" +# o +git commit -m "style: mejorar responsive design en tarjetas de participación" + +# Push a tu fork +git push origin nombre-de-tu-rama +``` + +#### 4. Crear Pull Request + +1. Ve a tu fork en GitHub +2. Click en "Compare & pull request" +3. **Título descriptivo**: Ej. "Agregar meetup marzo 2025 - IA en producción" +4. **Descripción detallada**: + - Qué cambios realizaste + - Por qué son necesarios + - Screenshots si hay cambios visuales + - Checklist de verificación +5. Etiqueta apropiada: `meetup`, `enhancement`, `bug`, etc. + +#### 5. Revisión y Merge + +- El equipo revisará tu PR +- Responde a comentarios si los hay +- Una vez aprobado, será merged al proyecto principal + ### Comandos Útiles ```bash @@ -192,6 +261,58 @@ mkdocs build --strict rm -rf site/ ``` +## Guidelines de Desarrollo + +### Qué SÍ hacer: +- **Usar variables CSS** - No hardcodear colores o medidas +- **Probar responsive** - Verificar en móvil y escritorio +- **Seguir convenciones** - Nombres de archivos, estructura, etc. +- **Commits descriptivos** - Mensajes claros sobre los cambios +- **Screenshots en PRs** - Si hay cambios visuales +- **Usar sistema de componentes** - Reutilizar elementos existentes +- **Probar en ambos modos** - Verificar modo claro y oscuro + +### Qué NO hacer: +- **Estilos inline** - Siempre usar clases CSS +- **Modificar `mkdocs.yml`** - Sin consultar primero +- **Cambios masivos** - Preferir PRs focalizados +- **Ignorar el linter** - Mantener calidad de código +- **Romper responsive** - Probar siempre en móvil +- **Hardcodear valores** - Usar variables CSS existentes + +### Tipos de Issues Disponibles + +#### Propuesta de Charla +Para postularte como ponente o proponer una charla + +#### Publicar Evento +Para agregar un meetup confirmado a la página + +#### Bug Report +Para reportar problemas o errores + +#### Feature Request +Para sugerir nuevas funcionalidades + +#### Documentación +Para mejorar docs o README + +## Agregar Nuevo Contenido + +### Nuevo Meetup + +1. Crear archivo en `docs/meetups/YYYY/YYYYMM-mes.md` +2. Usar plantilla existente como referencia +3. Incluir metadatos del evento +4. Agregar descripción y detalles de charlas + +### Nuevo Componente + +1. Crear en `docs/components/` +2. Usar sistema de variables CSS existente +3. Seguir patrones establecidos +4. Incluir en páginas con `--8<-- "components/nombre.md"` + ## Áreas de Contribución ### Prioridad Alta diff --git a/README.md b/README.md index 308dee6..d893be9 100644 --- a/README.md +++ b/README.md @@ -1,122 +1,183 @@ -# Python CDMX Charlas +# Python CDMX - Sitio Web de la Comunidad -Sitio web oficial de la comunidad Python CDMX, construido con MkDocs y Material for MkDocs. Aquí documentamos todos nuestros meetups, charlas y eventos desde 2023. +> *"Vine por el código, me quedé por la comunidad"* -## Características +Sitio web oficial de la comunidad Python CDMX, construido con **MkDocs Material** y diseño **Material Design** optimizado. Documentamos todos nuestros meetups, charlas y eventos, conectando a la comunidad Python de la Ciudad de México. -- Responsive Design: Optimizado para todos los dispositivos -- Búsqueda avanzada: Encuentra charlas por tema, ponente o contenido -- Tema personalizado: Colores inspirados en nuestro logo -- Estadísticas de la comunidad -- Videos integrados: Acceso directo a nuestras charlas en YouTube -- Modo claro/oscuro -- Despliegue automático con GitHub Actions +[![Despliegue automático](https://github.com/PythonMexico/pythonCDMX/actions/workflows/deploy.yml/badge.svg)](https://github.com/PythonMexico/pythonCDMX/actions/workflows/deploy.yml) +[![Sitio Web](https://img.shields.io/badge/sitio-pythoncdmx.org-4CAF50)](https://pythonmexico.github.io/pythonCDMX/) -## Estructura del proyecto +## Características Principales -``` -pythonCDMX/ -├── docs/ # Documentación y contenido principal -│ ├── css/ # Estilos personalizados -│ ├── meetups/ # Páginas de meetups por año -│ ├── index.md # Página principal -│ └── about.md # Sobre la comunidad -├── scripts/ # Herramientas y utilidades -├── .github/workflows/ # Automatización con GitHub Actions -├── mkdocs.yml # Configuración de MkDocs -├── requirements.txt # Dependencias -└── README.md # Este archivo -``` +- **Material Design moderno** - Interfaz limpia con modo claro/oscuro automático +- **Completamente responsive** - Optimizado para móvil, tablet y escritorio +- **Búsqueda avanzada** - Encuentra charlas por tema, ponente o contenido +- **Videos integrados** - Acceso directo a nuestras charlas en YouTube +- **CSS optimizado** - Sistema de 18+ variables centralizadas, arquitectura variables-first +- **Enlaces de comunidad** - Botones con colores oficiales de cada plataforma +- **Estadísticas de comunidad** - Métricas y datos de participación +- **Despliegue automático** - CI/CD con GitHub Actions -## Instalación y desarrollo +## Inicio Rápido ### Prerrequisitos -- Python 3.8 o superior -- pip +- **Python 3.8+** +- **pip** o **pipenv** -### Instalación rápida +### Instalación ```bash +# Clonar el repositorio git clone https://github.com/PythonMexico/pythonCDMX.git cd pythonCDMX + +# Instalar dependencias pip install -r requirements.txt ``` -### Servidor local +### Desarrollo Local ```bash +# Servidor de desarrollo con recarga automática mkdocs serve + +# El sitio estará disponible en: +# http://localhost:8000 ``` -Abre tu navegador en http://localhost:8000 -### Construcción para producción +### Construcción para Producción ```bash +# Generar sitio estático mkdocs build + +# Los archivos se generan en la carpeta site/ ``` -El sitio se generará en la carpeta `site/`. -## Agregar nuevos meetups +## Estructura del Proyecto -1. Crea un archivo en `docs/meetups/YYYY/mes-YYYY.md` -2. Usa la plantilla de meetup -3. Agrega metadatos y contenido -4. Actualiza los índices si es necesario +``` +python-cdmx-charlas/ +├── docs/ # Contenido principal +│ ├── css/ +│ │ └── custom.css # Estilos optimizados (~1466 líneas, variables-first) +│ ├── components/ # Componentes reutilizables +│ │ ├── community-links.md # Enlaces de redes sociales +│ │ └── quick-navigation.md # Navegación de páginas +│ ├── images/ # Assets e imágenes +│ ├── meetups/ # Eventos por año +│ │ ├── 2023/ +│ │ ├── 2024/ +│ │ └── 2025/ +│ ├── comunidad/ # Páginas de comunidad +│ │ ├── ponentes.md +│ │ ├── voluntarios.md +│ │ └── alianzas.md +│ └── index.md # Página principal +├── scripts/ # Herramientas de automatización +│ ├── generate_meetups.py # Generador de páginas +│ ├── check_links.py # Verificador de enlaces +│ └── metadata_json/ # Datos de meetups +├── .github/workflows/ # CI/CD con GitHub Actions +├── mkdocs.yml # Configuración de MkDocs +├── requirements.txt # Dependencias Python +└── README.md # Este archivo +``` -¿Tienes muchos datos? Usa el script de migración: +## Sistema de Diseño -```bash -python scripts/migrate_to_markdown.py -``` +### Colores Principales +- **Verde Python**: `#4CAF50` (color primario) +- **Verde Oscuro**: `#45a049` (hover states) +- **Modo automático**: Claro/oscuro según preferencia del sistema -## Despliegue en GitHub Pages +### Componentes CSS +- **Variables centralizadas** - 18+ variables CSS para colores, badges, transiciones y espaciado +- **Arquitectura variables-first** - Zero colores hardcoded, mantenibilidad máxima +- **Sistema de botones** - `.btn-primary`, `.btn`, `.btn-nav` con variables unificadas +- **Sistema de badges** - 8 tipos de roles con colores centralizados +- **Tarjetas unificadas** - `.volunteer-card` para ponentes y voluntarios +- **Enlaces de comunidad** - Colores oficiales por plataforma usando variables +- **Responsive design** - Breakpoint único en 768px, mobile-first approach +- **Zero `!important`** - Arquitectura CSS limpia con especificidad apropiada -Cada vez que haces push a la rama `main`, el sitio se actualiza automáticamente en: -https://pythonmexico.github.io/pythonCDMX/ +## Documentación + +El proyecto cuenta con documentación específica para diferentes audiencias: + +- **[STYLE_GUIDE.md](STYLE_GUIDE.md)** - Sistema de diseño, CSS y componentes (para desarrollo frontend) +- **[CONTRIBUTING.md](CONTRIBUTING.md)** - Guía completa de contribución y setup del proyecto +- **[CLAUDE.md](CLAUDE.md)** - Documentación técnica para asistentes IA ## Contribuir -- Reporta problemas o sugiere mejoras en Issues: https://github.com/PythonMexico/pythonCDMX/issues -- Haz un fork, crea una rama, haz tus cambios y envía un Pull Request -- Sigue las convenciones de nombres y prueba localmente antes de enviar +¿Quieres contribuir al proyecto? ¡Excelente! 🎉 + +- **Proponer una charla**: Abre un [issue](https://github.com/PythonMexico/pythonCDMX/issues/new) con la plantilla "💡 Propuesta de Charla" +- **Publicar evento**: Usa la plantilla "Publicar evento en la página" +- **Reportar problema**: Crea un issue con detalles del bug +- **Mejorar documentación**: Los PRs son bienvenidos + +👉 **[Ver guía completa de contribución](CONTRIBUTING.md)** para proceso detallado, setup del entorno y guidelines. + +## Despliegue -### Plantillas de Issues para Meetups +El sitio se despliega automáticamente a **GitHub Pages** en cada push a `main`: -- Si quieres **proponer una charla o postularte como ponente**, usa la plantilla "💡 Propuesta de Charla" al crear un nuevo issue. -- Si quieres **publicar un evento confirmado en la página**, usa la plantilla "Publicar evento en la página" y proporciona toda la información del meetup. +- **URL de producción**: https://pythonmexico.github.io/pythonCDMX/ +- **Workflow**: `.github/workflows/deploy.yml` +- **Rama de despliegue**: `gh-pages` (automática) -## Recursos útiles +## Enlaces de la Comunidad -- MkDocs User Guide: https://www.mkdocs.org/user-guide/ -- Material for MkDocs: https://squidfunk.github.io/mkdocs-material/ -- PyMdown Extensions: https://facelessuser.github.io/pymdown-extensions/ +### Redes Sociales +- **Telegram**: [t.me/PythonCDMX](https://t.me/PythonCDMX) +- **Meetup**: [meetup.com/python-mexico](https://www.meetup.com/python-mexico) +- **YouTube**: [@PythonMexico](https://www.youtube.com/@PythonMexico) +- **Instagram**: [@pythoncdmx](https://www.instagram.com/pythoncdmx) +- **LinkedIn**: [PythonCDMX](https://www.linkedin.com/company/pythoncdmx) -## Sedes de eventos +### Desarrollo +- **GitHub**: [PythonMexico/pythonCDMX](https://github.com/PythonMexico/pythonCDMX) +- **Email**: info@pythoncdmx.org -- Wizeline México: Torre Diana, CDMX -- UNAM Facultad de Ciencias: Anfiteatro Alfredo Barrera +## Sedes de Eventos -## Enlaces de la comunidad +- **Wizeline México** - Torre Diana, CDMX +- **UNAM Facultad de Ciencias** - Anfiteatro Alfredo Barrera +- **Diferentes espacios** - Según disponibilidad y tipo de evento -- Telegram: https://t.me/PythonCDMX -- Meetup: https://www.meetup.com/python-mexico -- YouTube: https://www.youtube.com/@PythonMexico -- GitHub: https://github.com/PythonMexico/pythonCDMX -- Twitter: https://twitter.com/PythonMexico -- Email: info@pythoncdmx.org +## Recursos Técnicos + +- [MkDocs User Guide](https://www.mkdocs.org/user-guide/) +- [Material for MkDocs](https://squidfunk.github.io/mkdocs-material/) +- [PyMdown Extensions](https://facelessuser.github.io/pymdown-extensions/) ## Licencia -Este proyecto está bajo la licencia MIT. Consulta el archivo LICENSE para más detalles. +Este proyecto está bajo la **Licencia MIT**. Consulta el archivo [LICENSE](LICENSE) para más detalles. ## Agradecimientos -- Wizeline México - Por hospedar nuestros meetups -- UNAM Facultad de Ciencias - Por eventos especiales -- Todos los ponentes - Por compartir su conocimiento -- Comunidad Python CDMX - Por su participación activa +### Organizadores y Voluntarios +- **Core Team** - Por la organización y coordinación +- **Voluntarios** - Por el apoyo en eventos y logística + +### Sedes y Patrocinadores +- **Wizeline México** - Por hospedar nuestros meetups regulares +- **UNAM Facultad de Ciencias** - Por eventos especiales y académicos + +### Comunidad +- **Ponentes** - Por compartir conocimiento y experiencias +- **Asistentes** - Por participar activamente y hacer preguntas +- **Contribuidores** - Por mejorar este sitio web continuamente + +### Tecnología +- **MkDocs Material** - Por el framework de documentación +- **GitHub** - Por el hosting gratuito y herramientas de desarrollo +- **FontAwesome** - Por la iconografía --- -Última actualización: {{ git_revision_date_localized }} +**¿Tienes preguntas?** Abre un [issue](https://github.com/PythonMexico/pythonCDMX/issues) o únete a nuestro [Telegram](https://t.me/PythonCDMX) diff --git a/STYLE_GUIDE.md b/STYLE_GUIDE.md new file mode 100644 index 0000000..2a43e1f --- /dev/null +++ b/STYLE_GUIDE.md @@ -0,0 +1,761 @@ +# Guía de Estilos - Python CDMX + +> Documentación completa del sistema de diseño, arquitectura CSS y componentes del sitio web Python CDMX + +Esta guía documenta el sistema de diseño del sitio web de Python CDMX, construido con **MkDocs Material** siguiendo una **arquitectura variables-first** y principios de **Material Design**. + +## Tabla de Contenidos + +- [Filosofía de Diseño](#filosofía-de-diseño) +- [Arquitectura CSS](#arquitectura-css) +- [Sistema de Variables](#sistema-de-variables) +- [Componentes](#componentes) +- [Sistema Unificado de Tarjetas](#sistema-unificado-de-tarjetas) +- [Layout y Responsive](#layout-y-responsive) +- [Buenas Prácticas](#buenas-prácticas) +- [Troubleshooting](#troubleshooting) + +## Filosofía de Diseño + +### Principios Fundamentales + +1. **Variables-First** - Todo color, espaciado y transición debe usar variables CSS +2. **Mobile-First** - Diseño responsive con breakpoint único en 768px +3. **Sistema Unificado** - Componentes reutilizables con estructura consistente +4. **Zero `!important`** - Arquitectura CSS limpia con especificidad apropiada +5. **Compatibilidad Automática** - Modo claro/oscuro usando variables de MkDocs Material + +### Lema de la Comunidad + +> *"Vine por el código, me quedé por la comunidad"* + +Este lema es central y se destaca en todo el sitio usando el componente `.community-motto`. + +## Arquitectura CSS + +### Estructura del Archivo CSS + +El archivo `docs/css/custom.css` (~1466 líneas) está organizado en 13 secciones lógicas: + +1. **Variables CSS personalizadas** - 18+ variables centralizadas +2. **Sección Hero** - Página principal y logos +3. **Sistema de botones** - 4 variantes de botones +4. **Tarjetas y grillas** - Componentes base +5. **Tarjetas de voluntarios** - Sistema unificado +6. **Tarjetas de comunidades aliadas** - Partners y alianzas +7. **Enlaces de comunidad** - Redes sociales con colores de marca +8. **Lema de la comunidad** - Componente destacado +9. **Navegación y secciones especiales** - Navegación rápida +10. **Iconografía** - FontAwesome 6.4.0 +11. **Animaciones** - Transiciones y efectos +12. **Media queries responsivas** - Breakpoint único +13. **Utilidades y helpers** - Clases auxiliares + +### Configuración en MkDocs + +```yaml +# mkdocs.yml +theme: + palette: + - scheme: default + primary: green + accent: green + - scheme: slate + primary: green + accent: green + +extra_css: + - css/custom.css +``` + +## Sistema de Variables + +### Variables Principales + +```css +:root { + /* Colores principales */ + --python-green: #4CAF50; + --python-green-dark: #45a049; + --python-white: #ffffff; + + /* Radios y espaciado */ + --button-radius: 3.125rem; + --card-radius: 0.75rem; + + /* Transiciones estándar */ + --transition-base: all 0.3s ease; + --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); +} +``` + +### Colores de Redes Sociales + +```css +:root { + --telegram-color: #0088cc; + --meetup-color: #ed1c40; + --youtube-color: #ff0000; + --github-color: #333333; + --instagram-color: #e4405f; + --linkedin-color: #0077b5; +} +``` + +### Colores de Badges y Roles + +```css +:root { + /* Colores de badges */ + --badge-ambassador: #2E7D32; + --badge-organizer: #1565C0; + --badge-production: #E65100; + --badge-host: #6A1B9A; + --badge-technical: #37474F; + --badge-support: #3E2723; + --badge-global: #AD1457; + --badge-strategic: #283593; +} +``` + +### Colores de Años y Categorías + +```css +:root { + /* Colores de años y especialización */ + --year-2024-color: #2196F3; + --year-2024-hover: #1976D2; + --year-2023-color: #FF9800; + --year-2023-hover: #F57C00; +} +``` + +### Patrón de Uso + +```css +.nuevo-componente { + background: var(--python-green); + border-radius: var(--card-radius); + transition: var(--transition-base); + color: var(--python-white); + /* Usar variables de badges para roles */ + border-left: 4px solid var(--badge-technical); +} + +.nuevo-componente:hover { + background: var(--python-green-dark); + transform: translateY(-2px); +} +``` + +## Componentes + +### Sistema de Botones + +#### `.btn-primary` - Botón Principal Verde + +```css +.upcoming-btn, +.btn, +.btn-primary, +.participation-card a, +.year-card a { + background: var(--python-green); + color: var(--python-white); + padding: 0.75rem 1.5rem; + border-radius: var(--button-radius); + transition: var(--transition-base); +} +``` + +**Uso:** +```html +Ver Todos los Meetups +``` + +#### `.btn-nav` - Botón de Navegación Discreto + +```css +.btn-nav { + background: transparent; + color: var(--md-default-fg-color--light); + border: 1px solid var(--md-default-fg-color--lightest); + padding: 0.5rem 1rem; + border-radius: 1.5rem; + min-width: 140px; +} +``` + +**Uso:** +```html + + Meetups 2025 + +``` + +### Enlaces de Comunidad + +#### Estructura HTML + +```html +
+ + Telegram + + + Meetup + + + YouTube + +
+``` + +#### CSS con Colores por Plataforma + +```css +.community-links { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); + gap: 1rem; + margin: 2rem 0; +} + +.community-link.telegram:hover { + background: var(--telegram-color); + color: white; +} + +.community-link.meetup:hover { + background: var(--meetup-color); + color: white; +} +``` + +### Tarjetas de Participación + +#### Estructura HTML + +```html +
+
+

Ser Ponente

+

Comparte tu conocimiento con la comunidad Python CDMX...

+ Proponer Charla +
+
+

Ser Voluntario

+

Ayuda a organizar eventos y apoyar a la comunidad...

+ Únete al Equipo +
+
+``` + +#### CSS Grid Responsive + +```css +.participation-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); + gap: 1.5rem; + margin: 2rem 0; +} + +.participation-card { + padding: 2rem; + min-height: 200px; + text-align: center; + border-radius: var(--card-radius); + background: var(--md-default-bg-color); + border: 1px solid var(--md-default-fg-color--lightest); +} + +/* Especialización por tipo */ +.participation-ponente { + border-left: 4px solid var(--python-green); +} + +.participation-voluntario { + border-left: 4px solid var(--year-2024-color); +} +``` + +### Lema de la Comunidad + +```css +.community-motto { + background: var(--md-default-bg-color); + border: 1px solid var(--md-default-fg-color--lightest); + border-radius: var(--card-radius); + font-size: 1.5rem; + font-style: italic; + font-weight: 300; + margin: 2rem auto; + max-width: 600px; + padding: 2rem; + position: relative; + text-align: center; + color: var(--md-primary-fg-color); +} + +.community-motto::before, +.community-motto::after { + content: '"'; + font-size: 3rem; + color: var(--python-green); + position: absolute; +} + +.community-motto::before { + top: -10px; + left: 20px; +} + +.community-motto::after { + bottom: -40px; + right: 20px; +} +``` + +### Comunidades Aliadas + +#### Estructura HTML + +```html +
+
+ Community Partner +

Nombre de la Comunidad

+

Descripción breve de la comunidad aliada

+
+
+``` + +#### CSS con Efectos Avanzados + +```css +.communities-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); + gap: 1.5rem; + margin: 2rem 0; +} + +.community-card { + display: flex; + flex-direction: column; + align-items: center; + text-align: center; + padding: 2rem 1.5rem; + background: var(--md-default-bg-color); + border: 2px solid var(--md-default-fg-color--lightest); + border-radius: var(--card-radius); + transition: var(--transition-smooth); + position: relative; + overflow: hidden; +} + +.community-card::before { + content: ''; + position: absolute; + top: 0; + left: -100%; + width: 100%; + height: 100%; + background: linear-gradient(90deg, transparent, rgba(76, 175, 80, 0.1), transparent); + transition: var(--transition-smooth); +} + +.community-card:hover::before { + left: 100%; +} + +.community-card img { + width: 120px; + height: 120px; + border-radius: 50%; + object-fit: cover; + margin-bottom: 1rem; + border: 3px solid var(--md-default-fg-color--lightest); + transition: var(--transition-base); +} + +.community-card:hover img { + border-color: var(--python-green); + transform: scale(1.05); +} +``` + +## Sistema Unificado de Tarjetas + +### Arquitectura Unificada + +Voluntarios y ponentes usan la **misma estructura** `.volunteer-card` pero con contenido diferenciado: + +- **Voluntarios**: Enfoque en contribuciones comunitarias y roles organizacionales +- **Ponentes**: Enfoque en especialidades técnicas y charlas recientes + +### Estructura HTML Base + +```html +### Nombre de la Persona {.volunteer-header} + +
+
+
+

Nombre de la Persona

+

Rol/Empresa descripción

+
+ + Embajador + Organizador + + DevOps + Desarrollo +
+
+
+ Persona + +
+
+
+
+ ESPECIALIDADES TÉCNICAS + Lista de especialidades técnicas + Charlas recientes: +
    +
  • Contenido item 1
    • +
  • Contenido item 2
    • +
+
+
+
+``` + +### CSS del Sistema Unificado + +```css +.volunteer-card { + background: var(--md-default-bg-color); + border: 1px solid var(--md-default-fg-color--lightest); + border-radius: var(--card-radius); + padding: 2rem; + margin-bottom: 2rem; + transition: var(--transition-base); +} + +.volunteer-card .card-header { + display: grid; + grid-template-columns: 1fr auto; + gap: 2rem; + align-items: start; + margin-bottom: 1.5rem; +} + +.volunteer-card .volunteer-avatar { + width: 100px; + height: 100px; + border-radius: 50%; + object-fit: cover; + border: 3px solid var(--md-primary-fg-color--light); + transition: var(--transition-base); +} +``` + +### Sistema de Badges + +```css +.volunteer-card .badge { + padding: 0.125rem 0.5rem; + border-radius: 0.75rem; + font-size: 0.625rem; + font-weight: 500; + text-transform: uppercase; + letter-spacing: 0.03em; +} + +.volunteer-card .badge.ambassador { + background: rgba(76, 175, 80, 0.15); + color: var(--badge-ambassador); + border: 1px solid rgba(76, 175, 80, 0.3); +} + +.volunteer-card .badge.technical { + background: rgba(96, 125, 139, 0.15); + color: var(--badge-technical); + border: 1px solid rgba(96, 125, 139, 0.3); +} +``` + +### Diferenciación de Contenido + +#### Para Voluntarios +```html +COMMUNITY ROLE TITLE +Community role description +Contribuciones principales: + +``` + +#### Para Ponentes +```html +ESPECIALIDADES TÉCNICAS +DevOps, Docker, Kubernetes, CI/CD +Charlas recientes: + +``` + +### Organización de Imágenes + +- **Voluntarios**: `/images/voluntarios/filename.jpg` +- **Ponentes**: `/images/ponentes/filename.jpg` +- **Comunidades**: `/images/comunidades/filename.png` + +### Diseño Visual Diferenciado + +#### En Páginas de Meetups (Rectangulares) +```css +.speaker-photo img { + width: 160px; + height: 160px; + /* SIN border-radius - rectangulares */ + border: 2px solid var(--md-default-fg-color--lightest); +} +``` + +#### En Páginas de Ponentes/Voluntarios (Circulares) +```css +.volunteer-avatar { + width: 100px; + height: 100px; + border-radius: 50%; /* Circulares */ + border: 3px solid var(--md-primary-fg-color--light); +} +``` + +## Layout y Responsive + +### Breakpoint Principal + +**Mobile**: `< 768px` +**Desktop**: `≥ 768px` + +```css +@media (max-width: 768px) { + .participation-grid, + .year-cards { + grid-template-columns: 1fr; + gap: 1rem; + } + + .community-links { + justify-content: center; + gap: 0.75rem; + } + + .volunteer-card .card-header { + grid-template-columns: 1fr; + text-align: center; + gap: 1.5rem; + } + + .speaker-photo img { + width: 120px; + height: 120px; + } +} +``` + +### Patrones de Grid + +#### Auto-fit con Mínimo +```css +grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); +``` + +#### Grillas Específicas +```css +/* Participación */ +.participation-grid { + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); +} + +/* Enlaces de comunidad */ +.community-links { + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); +} + +/* Comunidades aliadas */ +.communities-grid { + grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); +} +``` + +## Buenas Prácticas + +### ✅ Variables-First Approach + +```css +/* ✅ Correcto */ +.nuevo-componente { + background: var(--python-green); + color: var(--badge-technical); + border-radius: var(--card-radius); + transition: var(--transition-base); + margin: var(--space-md); +} + +/* ❌ Incorrecto */ +.nuevo-componente { + background: #4CAF50; + color: #37474F; + border-radius: 0.75rem; + transition: all 0.3s ease; + margin: 1.5rem; +} +``` + +### ✅ Sistema Unificado + +```css +/* ✅ Correcto - Usar clases existentes */ +
+
+ +
+
+ +/* ❌ Incorrecto - Crear nuevas estructuras */ +
+ +
+``` + +### ✅ Mobile-First + +```css +/* ✅ Correcto - Base móvil, luego desktop */ +.component { + font-size: 1rem; + padding: 1rem; +} + +@media (min-width: 768px) { + .component { + font-size: 1.2rem; + padding: 2rem; + } +} +``` + +### ✅ Nomenclatura Consistente + +```css +/* ✅ Correcto */ +.volunteer-card /* Componente principal */ +.volunteer-card .card-header /* Elemento del componente */ +.volunteer-card .badge.technical /* Modificador */ + +/* ❌ Incorrecto */ +.volunteerCard +.card_header +.technicalBadge +``` + +### ❌ Qué NO hacer + +1. **Estilos inline** - Usar siempre classes CSS +2. **Colores hardcoded** - Usar variables CSS +3. **`!important`** - Usar especificidad apropiada +4. **Múltiples breakpoints** - Mantener único en 768px +5. **Componentes duplicados** - Reutilizar sistema unificado + +## Troubleshooting + +### Problemas Comunes + +#### 1. Estilos No Aplicados + +**Verificar**: +- ¿Está incluido `custom.css` en `mkdocs.yml`? +- ¿La especificidad CSS es suficiente? +- ¿Hay conflictos con Material Design? + +**Solución**: +```css +/* Aumentar especificidad sin !important */ +.md-content .volunteer-card { + /* estilos */ +} +``` + +#### 2. Modo Oscuro Problemático + +```css +/* ❌ Problemático */ +.component { + color: #333; + background: white; +} + +/* ✅ Correcto */ +.component { + color: var(--md-default-fg-color); + background: var(--md-default-bg-color); +} +``` + +#### 3. Responsive Roto + +```css +/* ❌ Problemático */ +.grid { + grid-template-columns: 300px 300px 300px; +} + +/* ✅ Correcto */ +.grid { + grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); +} +``` + +#### 4. Variables No Definidas + +**Error común**: Usar variables que no existen +```css +/* ❌ Variable inexistente */ +color: var(--primary-blue); + +/* ✅ Variable correcta */ +color: var(--year-2024-color); +``` + +## Checklist para Nuevos Componentes + +- [ ] ¿Usa variables CSS en lugar de valores hardcoded? +- [ ] ¿Es responsive con el breakpoint único (768px)? +- [ ] ¿Funciona en modo claro y oscuro? +- [ ] ¿Sigue las naming conventions establecidas? +- [ ] ¿Reutiliza el sistema unificado cuando es apropiado? +- [ ] ¿Tiene estados hover/focus con transiciones? +- [ ] ¿Es accesible y semánticamente correcto? +- [ ] ¿Está documentado en esta guía? + +## Referencias + +- [MkDocs Material Variables](https://squidfunk.github.io/mkdocs-material/customization/#additional-css) +- [CSS Variables MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties) +- [FontAwesome Icons](https://fontawesome.com/icons) + +--- + +**Última actualización**: Esta guía se mantiene sincronizada con `docs/css/custom.css` (~1466 líneas) diff --git a/broken_links.json b/broken_links.json new file mode 100644 index 0000000..014f3e7 --- /dev/null +++ b/broken_links.json @@ -0,0 +1,722 @@ +{ + "summary": { + "total_files_scanned": 35, + "working_links": 79, + "broken_links": 0, + "base_url": "http://127.0.0.1:8000" + }, + "broken_links": [], + "working_links": [ + { + "file": "about.md", + "text": "guía para ponentes", + "url": "comunidad/ponentes/", + "full_url": "http://127.0.0.1:8000/comunidad/ponentes/", + "status": "200 OK", + "line": 42, + "link_type": "markdown" + }, + { + "file": "about.md", + "text": "nuestra página de voluntarios", + "url": "/comunidad/voluntarios/", + "full_url": "http://127.0.0.1:8000/comunidad/voluntarios/", + "status": "200 OK", + "line": 46, + "link_type": "markdown" + }, + { + "file": "index.md", + "text": "Explorar charlas", + "url": "/meetups/", + "full_url": "http://127.0.0.1:8000/meetups/", + "status": "200 OK", + "line": 8, + "link_type": "html" + }, + { + "file": "index.md", + "text": "Participa", + "url": "/comunidad/como-contribuir/", + "full_url": "http://127.0.0.1:8000/comunidad/como-contribuir/", + "status": "200 OK", + "line": 9, + "link_type": "html" + }, + { + "file": "index.md", + "text": "Voluntarios", + "url": "/comunidad/voluntarios/#voluntarios-de-python-cdmx", + "full_url": "http://127.0.0.1:8000/comunidad/voluntarios/#voluntarios-de-python-cdmx", + "status": "200 OK", + "line": 21, + "link_type": "html" + }, + { + "file": "index.md", + "text": "Ponentes", + "url": "/comunidad/ponentes/#ponentes-de-python-cdmx", + "full_url": "http://127.0.0.1:8000/comunidad/ponentes/#ponentes-de-python-cdmx", + "status": "200 OK", + "line": 22, + "link_type": "html" + }, + { + "file": "index.md", + "text": "Conoce Más", + "url": "/comunidad/ponentes/", + "full_url": "http://127.0.0.1:8000/comunidad/ponentes/", + "status": "200 OK", + "line": 39, + "link_type": "html" + }, + { + "file": "index.md", + "text": "Únete", + "url": "/comunidad/voluntarios/", + "full_url": "http://127.0.0.1:8000/comunidad/voluntarios/", + "status": "200 OK", + "line": 44, + "link_type": "html" + }, + { + "file": "index.md", + "text": "Ver Eventos", + "url": "/meetups/", + "full_url": "http://127.0.0.1:8000/meetups/", + "status": "200 OK", + "line": 49, + "link_type": "html" + }, + { + "file": "meetups/2023/index.md", + "text": "Ver detalles", + "url": "202311-noviembre", + "full_url": "http://127.0.0.1:8000/202311-noviembre", + "status": "200 OK", + "line": 15, + "link_type": "markdown" + }, + { + "file": "meetups/2023/index.md", + "text": "Ver detalles", + "url": "202311-noviembre", + "full_url": "http://127.0.0.1:8000/202311-noviembre", + "status": "200 OK", + "line": 16, + "link_type": "markdown" + }, + { + "file": "meetups/2023/index.md", + "text": "Ver detalles", + "url": "202310-octubre", + "full_url": "http://127.0.0.1:8000/202310-octubre", + "status": "200 OK", + "line": 17, + "link_type": "markdown" + }, + { + "file": "meetups/2023/index.md", + "text": "Ver detalles", + "url": "202309-septiembre", + "full_url": "http://127.0.0.1:8000/202309-septiembre", + "status": "200 OK", + "line": 18, + "link_type": "markdown" + }, + { + "file": "meetups/2023/index.md", + "text": "Ver detalles", + "url": "202309-septiembre", + "full_url": "http://127.0.0.1:8000/202309-septiembre", + "status": "200 OK", + "line": 19, + "link_type": "markdown" + }, + { + "file": "meetups/2023/index.md", + "text": "ponentes y voluntarios reconocidos", + "url": "/comunidad/como-contribuir/", + "full_url": "http://127.0.0.1:8000/comunidad/como-contribuir/", + "status": "200 OK", + "line": 59, + "link_type": "markdown" + }, + { + "file": "meetups/2024/index.md", + "text": "Ver detalles", + "url": "202411-noviembre", + "full_url": "http://127.0.0.1:8000/202411-noviembre", + "status": "200 OK", + "line": 15, + "link_type": "markdown" + }, + { + "file": "meetups/2024/index.md", + "text": "Ver detalles", + "url": "202411-noviembre", + "full_url": "http://127.0.0.1:8000/202411-noviembre", + "status": "200 OK", + "line": 16, + "link_type": "markdown" + }, + { + "file": "meetups/2024/index.md", + "text": "Ver detalles", + "url": "202410-octubre", + "full_url": "http://127.0.0.1:8000/202410-octubre", + "status": "200 OK", + "line": 17, + "link_type": "markdown" + }, + { + "file": "meetups/2024/index.md", + "text": "Ver detalles", + "url": "202409-septiembre", + "full_url": "http://127.0.0.1:8000/202409-septiembre", + "status": "200 OK", + "line": 18, + "link_type": "markdown" + }, + { + "file": "meetups/2024/index.md", + "text": "Ver detalles", + "url": "202409-septiembre", + "full_url": "http://127.0.0.1:8000/202409-septiembre", + "status": "200 OK", + "line": 19, + "link_type": "markdown" + }, + { + "file": "meetups/2024/index.md", + "text": "Ver detalles", + "url": "202408-agosto", + "full_url": "http://127.0.0.1:8000/202408-agosto", + "status": "200 OK", + "line": 20, + "link_type": "markdown" + }, + { + "file": "meetups/2024/index.md", + "text": "Ver detalles", + "url": "202408-agosto", + "full_url": "http://127.0.0.1:8000/202408-agosto", + "status": "200 OK", + "line": 21, + "link_type": "markdown" + }, + { + "file": "meetups/2024/index.md", + "text": "Ver detalles", + "url": "202407-julio", + "full_url": "http://127.0.0.1:8000/202407-julio", + "status": "200 OK", + "line": 22, + "link_type": "markdown" + }, + { + "file": "meetups/2024/index.md", + "text": "Ver detalles", + "url": "202407-julio", + "full_url": "http://127.0.0.1:8000/202407-julio", + "status": "200 OK", + "line": 23, + "link_type": "markdown" + }, + { + "file": "meetups/2024/index.md", + "text": "Ver detalles", + "url": "202406-junio", + "full_url": "http://127.0.0.1:8000/202406-junio", + "status": "200 OK", + "line": 24, + "link_type": "markdown" + }, + { + "file": "meetups/2024/index.md", + "text": "Ver detalles", + "url": "202405-mayo", + "full_url": "http://127.0.0.1:8000/202405-mayo", + "status": "200 OK", + "line": 25, + "link_type": "markdown" + }, + { + "file": "meetups/2024/index.md", + "text": "Ver detalles", + "url": "202404-abril", + "full_url": "http://127.0.0.1:8000/202404-abril", + "status": "200 OK", + "line": 26, + "link_type": "markdown" + }, + { + "file": "meetups/2024/index.md", + "text": "Ver detalles", + "url": "202403-marzo", + "full_url": "http://127.0.0.1:8000/202403-marzo", + "status": "200 OK", + "line": 27, + "link_type": "markdown" + }, + { + "file": "meetups/2024/index.md", + "text": "Ver detalles", + "url": "202402-febrero", + "full_url": "http://127.0.0.1:8000/202402-febrero", + "status": "200 OK", + "line": 28, + "link_type": "markdown" + }, + { + "file": "meetups/2024/index.md", + "text": "Ver detalles", + "url": "202401-enero", + "full_url": "http://127.0.0.1:8000/202401-enero", + "status": "200 OK", + "line": 29, + "link_type": "markdown" + }, + { + "file": "meetups/2024/index.md", + "text": "ponentes y voluntarios reconocidos", + "url": "/comunidad/como-contribuir/", + "full_url": "http://127.0.0.1:8000/comunidad/como-contribuir/", + "status": "200 OK", + "line": 69, + "link_type": "markdown" + }, + { + "file": "meetups/2025/index.md", + "text": "Ver detalles", + "url": "202507-julio", + "full_url": "http://127.0.0.1:8000/202507-julio", + "status": "200 OK", + "line": 15, + "link_type": "markdown" + }, + { + "file": "meetups/2025/index.md", + "text": "Ver detalles", + "url": "202506-junio", + "full_url": "http://127.0.0.1:8000/202506-junio", + "status": "200 OK", + "line": 16, + "link_type": "markdown" + }, + { + "file": "meetups/2025/index.md", + "text": "Ver detalles", + "url": "202505-mayo", + "full_url": "http://127.0.0.1:8000/202505-mayo", + "status": "200 OK", + "line": 17, + "link_type": "markdown" + }, + { + "file": "meetups/2025/index.md", + "text": "Ver detalles", + "url": "202504-abril", + "full_url": "http://127.0.0.1:8000/202504-abril", + "status": "200 OK", + "line": 18, + "link_type": "markdown" + }, + { + "file": "meetups/2025/index.md", + "text": "Ver detalles", + "url": "202504-abril", + "full_url": "http://127.0.0.1:8000/202504-abril", + "status": "200 OK", + "line": 19, + "link_type": "markdown" + }, + { + "file": "meetups/2025/index.md", + "text": "Ver detalles", + "url": "202504-abril", + "full_url": "http://127.0.0.1:8000/202504-abril", + "status": "200 OK", + "line": 20, + "link_type": "markdown" + }, + { + "file": "meetups/2025/index.md", + "text": "Ver detalles", + "url": "202503-marzo", + "full_url": "http://127.0.0.1:8000/202503-marzo", + "status": "200 OK", + "line": 21, + "link_type": "markdown" + }, + { + "file": "meetups/2025/index.md", + "text": "Ver detalles", + "url": "202503-marzo", + "full_url": "http://127.0.0.1:8000/202503-marzo", + "status": "200 OK", + "line": 22, + "link_type": "markdown" + }, + { + "file": "meetups/2025/index.md", + "text": "Ver detalles", + "url": "202502-febrero", + "full_url": "http://127.0.0.1:8000/202502-febrero", + "status": "200 OK", + "line": 23, + "link_type": "markdown" + }, + { + "file": "meetups/2025/index.md", + "text": "Ver detalles", + "url": "202502-febrero", + "full_url": "http://127.0.0.1:8000/202502-febrero", + "status": "200 OK", + "line": 24, + "link_type": "markdown" + }, + { + "file": "meetups/2025/index.md", + "text": "Ver detalles", + "url": "202501-enero", + "full_url": "http://127.0.0.1:8000/202501-enero", + "status": "200 OK", + "line": 25, + "link_type": "markdown" + }, + { + "file": "meetups/2025/index.md", + "text": "Ver detalles", + "url": "202501-enero", + "full_url": "http://127.0.0.1:8000/202501-enero", + "status": "200 OK", + "line": 26, + "link_type": "markdown" + }, + { + "file": "meetups/2025/index.md", + "text": "ponentes y voluntarios reconocidos", + "url": "/comunidad/como-contribuir/", + "full_url": "http://127.0.0.1:8000/comunidad/como-contribuir/", + "status": "200 OK", + "line": 67, + "link_type": "markdown" + }, + { + "file": "comunidad/como-contribuir.md", + "text": "Ser Ponente", + "url": "ponentes/", + "full_url": "http://127.0.0.1:8000/ponentes/", + "status": "200 OK", + "line": 31, + "link_type": "markdown" + }, + { + "file": "comunidad/como-contribuir.md", + "text": "Ser Voluntario", + "url": "voluntarios/", + "full_url": "http://127.0.0.1:8000/voluntarios/", + "status": "200 OK", + "line": 37, + "link_type": "markdown" + }, + { + "file": "comunidad/como-contribuir.md", + "text": "Alianzas", + "url": "alianzas/", + "full_url": "http://127.0.0.1:8000/alianzas/", + "status": "200 OK", + "line": 55, + "link_type": "markdown" + }, + { + "file": "comunidad/como-contribuir.md", + "text": "formas de contribuir", + "url": "#formas-de-contribuir", + "full_url": "http://127.0.0.1:8000/comunidad/como-contribuir/#formas-de-contribuir", + "status": "200 OK", + "line": 63, + "link_type": "markdown" + }, + { + "file": "comunidad/como-contribuir.md", + "text": "nuestros meetups", + "url": "../meetups/", + "full_url": "http://127.0.0.1:8000/meetups/", + "status": "200 OK", + "line": 70, + "link_type": "markdown" + }, + { + "file": "comunidad/ponentes.md", + "text": "\"Mejora tu código: Evita anti-patrones en Python\" (Noviembre 2024)", + "url": "/meetups/2024/202411-noviembre/", + "full_url": "http://127.0.0.1:8000/meetups/2024/202411-noviembre/", + "status": "200 OK", + "line": 125, + "link_type": "html" + }, + { + "file": "comunidad/ponentes.md", + "text": "\"Desarrollo de APIs con Python\" (Marzo 2024)", + "url": "/meetups/2024/202403-marzo/", + "full_url": "http://127.0.0.1:8000/meetups/2024/202403-marzo/", + "status": "200 OK", + "line": 126, + "link_type": "html" + }, + { + "file": "comunidad/ponentes.md", + "text": "\"Una ida y una vuelta: Cómo iniciar en el opensource\" (Octubre 2024)", + "url": "/meetups/2024/202410-octubre/", + "full_url": "http://127.0.0.1:8000/meetups/2024/202410-octubre/", + "status": "200 OK", + "line": 158, + "link_type": "html" + }, + { + "file": "comunidad/ponentes.md", + "text": "\"Aplicaciones de IA en la nube\" (Junio 2025)", + "url": "/meetups/2025/202506-junio/", + "full_url": "http://127.0.0.1:8000/meetups/2025/202506-junio/", + "status": "200 OK", + "line": 190, + "link_type": "html" + }, + { + "file": "comunidad/ponentes.md", + "text": "\"Kubernetes y MLOps: Desplegando aplicaciones de IA\" (Abril 2025)", + "url": "/meetups/2025/202504-abril/", + "full_url": "http://127.0.0.1:8000/meetups/2025/202504-abril/", + "status": "200 OK", + "line": 222, + "link_type": "html" + }, + { + "file": "comunidad/ponentes.md", + "text": "\"GitOps 101. Primeros pasos para desplegar aplicaciones en Kubernetes\" (Noviembre 2023)", + "url": "/meetups/2023/202311-noviembre/", + "full_url": "http://127.0.0.1:8000/meetups/2023/202311-noviembre/", + "status": "200 OK", + "line": 223, + "link_type": "html" + }, + { + "file": "comunidad/ponentes.md", + "text": "\"Programar en tiempos del Vibe-Coding\" (Abril 2025 - UNAM)", + "url": "/meetups/2025/202504-unam/", + "full_url": "http://127.0.0.1:8000/meetups/2025/202504-unam/", + "status": "200 OK", + "line": 255, + "link_type": "html" + }, + { + "file": "comunidad/ponentes.md", + "text": "\"Validación de datos con Python\" (Mayo 2024)", + "url": "/meetups/2024/202405-mayo/", + "full_url": "http://127.0.0.1:8000/meetups/2024/202405-mayo/", + "status": "200 OK", + "line": 256, + "link_type": "html" + }, + { + "file": "comunidad/ponentes.md", + "text": "\"portafolio.py: Como hacer un portafolio web sin saber diseño web\" (Abril 2025 - UNAM)", + "url": "/meetups/2025/202504-unam/", + "full_url": "http://127.0.0.1:8000/meetups/2025/202504-unam/", + "status": "200 OK", + "line": 288, + "link_type": "html" + }, + { + "file": "comunidad/ponentes.md", + "text": "\"Cómo preparar una ambiente de desarrollo con Python desde zero\" (Julio 2025)", + "url": "/meetups/2025/202507-julio/", + "full_url": "http://127.0.0.1:8000/meetups/2025/202507-julio/", + "status": "200 OK", + "line": 320, + "link_type": "html" + }, + { + "file": "comunidad/ponentes.md", + "text": "\"Interfaces gráficas con PySide6\" (Marzo 2025)", + "url": "/meetups/2025/202503-marzo/", + "full_url": "http://127.0.0.1:8000/meetups/2025/202503-marzo/", + "status": "200 OK", + "line": 321, + "link_type": "html" + }, + { + "file": "comunidad/ponentes.md", + "text": "\"Rich y Textual: Haz tus aplicaciones en la consola visualmente atractivas\" (Septiembre 2024)", + "url": "/meetups/2024/202409-septiembre/", + "full_url": "http://127.0.0.1:8000/meetups/2024/202409-septiembre/", + "status": "200 OK", + "line": 322, + "link_type": "html" + }, + { + "file": "comunidad/ponentes.md", + "text": "\"Utilizando Servicios Administrados de AI de AWS con Python y Boto3\" (Septiembre 2023)", + "url": "/meetups/2023/202309-septiembre/", + "full_url": "http://127.0.0.1:8000/meetups/2023/202309-septiembre/", + "status": "200 OK", + "line": 323, + "link_type": "html" + }, + { + "file": "comunidad/ponentes.md", + "text": "\"chit-chat: Representaciones fonéticas con python\" (Septiembre 2024)", + "url": "/meetups/2024/202409-septiembre/", + "full_url": "http://127.0.0.1:8000/meetups/2024/202409-septiembre/", + "status": "200 OK", + "line": 355, + "link_type": "html" + }, + { + "file": "comunidad/ponentes.md", + "text": "\"Mi Primer Agente de Inteligencia Artificial con Python\" (Marzo 2025)", + "url": "/meetups/2025/202503-marzo/", + "full_url": "http://127.0.0.1:8000/meetups/2025/202503-marzo/", + "status": "200 OK", + "line": 387, + "link_type": "html" + }, + { + "file": "comunidad/ponentes.md", + "text": "\"Guía Práctica para Convertirse en Contribuidor de Open Source en 10 Años (o más)\" (Agosto 2024)", + "url": "/meetups/2024/202408-agosto/", + "full_url": "http://127.0.0.1:8000/meetups/2024/202408-agosto/", + "status": "200 OK", + "line": 419, + "link_type": "html" + }, + { + "file": "comunidad/ponentes.md", + "text": "\"Matemáticas y Python: La Ciencia Detrás de la Regresión Lineal\" (Junio 2024)", + "url": "/meetups/2024/202406-junio/", + "full_url": "http://127.0.0.1:8000/meetups/2024/202406-junio/", + "status": "200 OK", + "line": 451, + "link_type": "html" + }, + { + "file": "comunidad/ponentes.md", + "text": "\"Protocolos en Python: El poder del tipado estático avanzado\" (Agosto 2024)", + "url": "/meetups/2024/202408-agosto/", + "full_url": "http://127.0.0.1:8000/meetups/2024/202408-agosto/", + "status": "200 OK", + "line": 483, + "link_type": "html" + }, + { + "file": "comunidad/ponentes.md", + "text": "\"¡De Jupyter a Web en Minutos!\" (Octubre 2023)", + "url": "/meetups/2023/202310-octubre/", + "full_url": "http://127.0.0.1:8000/meetups/2023/202310-octubre/", + "status": "200 OK", + "line": 484, + "link_type": "html" + }, + { + "file": "comunidad/ponentes.md", + "text": "\"Metaprogramación en Python\" (Septiembre 2023)", + "url": "/meetups/2023/202309-septiembre/", + "full_url": "http://127.0.0.1:8000/meetups/2023/202309-septiembre/", + "status": "200 OK", + "line": 485, + "link_type": "html" + }, + { + "file": "comunidad/ponentes.md", + "text": "\"Python: La Forja de un Lenguaje\" (Noviembre 2023)", + "url": "/meetups/2023/202311-noviembre/", + "full_url": "http://127.0.0.1:8000/meetups/2023/202311-noviembre/", + "status": "200 OK", + "line": 486, + "link_type": "html" + }, + { + "file": "comunidad/ponentes.md", + "text": "\"Python y los esquemas ETLs\" (Julio 2024)", + "url": "/meetups/2024/202407-julio/", + "full_url": "http://127.0.0.1:8000/meetups/2024/202407-julio/", + "status": "200 OK", + "line": 518, + "link_type": "html" + }, + { + "file": "comunidad/ponentes.md", + "text": "\"Título de la charla\" (Noviembre 2024)", + "url": "/meetups/2024/202411-noviembre/", + "full_url": "http://127.0.0.1:8000/meetups/2024/202411-noviembre/", + "status": "200 OK", + "line": 519, + "link_type": "html" + }, + { + "file": "comunidad/ponentes.md", + "text": "\"Desarrollo de aplicaciones FinTech con Python\" (Mayo 2025)", + "url": "/meetups/2025/202505-mayo/", + "full_url": "http://127.0.0.1:8000/meetups/2025/202505-mayo/", + "status": "200 OK", + "line": 551, + "link_type": "html" + }, + { + "file": "comunidad/ponentes.md", + "text": "\"Embeddings - El lenguaje como las máquinas entienden el lenguaje humano\" (Febrero 2025)", + "url": "/meetups/2025/202502-febrero/", + "full_url": "http://127.0.0.1:8000/meetups/2025/202502-febrero/", + "status": "200 OK", + "line": 583, + "link_type": "html" + }, + { + "file": "comunidad/ponentes.md", + "text": "\"El futuro de Python sin GIL\" (Julio 2024)", + "url": "/meetups/2024/202407-julio/", + "full_url": "http://127.0.0.1:8000/meetups/2024/202407-julio/", + "status": "200 OK", + "line": 615, + "link_type": "html" + }, + { + "file": "comunidad/ponentes.md", + "text": "\"Lecciones del Advent of Code 2024\" (Febrero 2025)", + "url": "/meetups/2025/202502-febrero/", + "full_url": "http://127.0.0.1:8000/meetups/2025/202502-febrero/", + "status": "200 OK", + "line": 647, + "link_type": "html" + }, + { + "file": "comunidad/ponentes.md", + "text": "\"Creando extensiones para LibreOffice, con Python\" (Enero 2025)", + "url": "/meetups/2025/202501-enero/", + "full_url": "http://127.0.0.1:8000/meetups/2025/202501-enero/", + "status": "200 OK", + "line": 679, + "link_type": "html" + }, + { + "file": "comunidad/ponentes.md", + "text": "\"Seguridad y cumplimiento de Python: Garantizar el cumplimiento de PCI DSS en un entorno Python\" (Enero 2025)", + "url": "/meetups/2025/202501-enero/", + "full_url": "http://127.0.0.1:8000/meetups/2025/202501-enero/", + "status": "200 OK", + "line": 711, + "link_type": "html" + }, + { + "file": "comunidad/voluntarios.md", + "text": "Más Información", + "url": "como-contribuir/", + "full_url": "http://127.0.0.1:8000/como-contribuir/", + "status": "200 OK", + "line": 87, + "link_type": "html" + } + ] +} \ No newline at end of file diff --git a/docs/about.md b/docs/about.md index d5a0ac9..71e3f03 100644 --- a/docs/about.md +++ b/docs/about.md @@ -1,10 +1,10 @@ -
- Python CDMX Logo +
+ Python CDMX Logo
# Sobre Python CDMX -
+
Conectando la comunidad Python en la Ciudad de México
@@ -38,49 +38,23 @@ Creemos que el verdadero crecimiento profesional viene de la colaboración y el ## Formas de Participación ### Ser Ponente -Comparte tu experiencia y conocimiento con la comunidad. Consulta nuestra [guía para ponentes](comunidad/ponentes.md) para más información. + +Comparte tu experiencia y conocimiento con la comunidad. Consulta nuestra [guía para ponentes](comunidad/ponentes/) para más información. ### Ser Voluntario -Ayuda a organizar eventos, gestionar redes sociales o contribuir con el desarrollo del sitio web. Conoce más en [nuestra página de voluntarios](/comunidad/voluntarios.md). + +Ayuda a organizar eventos, gestionar redes sociales o contribuir con el desarrollo del sitio web. Conoce más en [nuestra página de voluntarios](/comunidad/voluntarios/). ### Asistir a Meetups + Participa en nuestros eventos mensuales para aprender, conectar y crecer profesionalmente. --- -## Conecta con Nuestra Comunidad - -
- - Telegram - - - Meetup - - - YouTube - - - GitHub - - - Instagram - - - LinkedIn - -
+--8<-- "components/community-links.md" --- -## También Te Puede Interesar - -| **Eventos** | **Participa** | **Comunidad** | -|:---|:---|:---| -| [Meetups 2025](meetups/2025/index.md) - Año actual | [Ser Ponente](comunidad/ponentes.md) - Comparte conocimiento | [Nuestros Ponentes](comunidad/ponentes.md) - Conoce a la comunidad | -| [Meetups 2024](meetups/2024/index.md) - Año anterior | [Ser Voluntario](comunidad/voluntarios.md) - Ayuda a organizar | [Alianzas](comunidad/alianzas.md) - Comunidades aliadas | -| [Archivo Completo](meetups/index.md) - Todos los meetups | [Cómo Contribuir](comunidad/como-contribuir.md) - Guía general | [Volver al Inicio](index.md) - Página principal | +--8<-- "components/quick-navigation.md" --- - -* Última actualización: {{ git_revision_date_localized }}* diff --git a/docs/components/README.md b/docs/components/README.md deleted file mode 100644 index b0635f4..0000000 --- a/docs/components/README.md +++ /dev/null @@ -1,76 +0,0 @@ -# Componentes Comunes para Meetups - -Este directorio contiene componentes reutilizables para las páginas de meetups. - -## 📁 Archivos disponibles - -### `networking.md` -Sección de networking que se incluye al final de cada meetup. - -### `community-links.md` -Enlaces a las redes sociales y plataformas de la comunidad. - -### `footer.md` -Footer común con información de última actualización. - -## 🎯 Beneficios - -- **Mantenimiento centralizado**: Cambios en un solo lugar se reflejan en todos los meetups -- **Consistencia**: Todos los eventos tienen el mismo estilo y estructura -- **Reutilización**: No hay que duplicar código -- **Facilidad de actualización**: Modificar enlaces o estilos es más sencillo - -## 📝 Cómo usar los componentes - -Actualmente los componentes están embebidos directamente en los archivos de meetups para evitar problemas con el plugin de snippets. - -### Ejemplo de uso: - -```markdown -## Contenido específico del meetup... - - -
-

💬 ¡Conecta con la comunidad!

-

- Después de la charla habrá un tiempo de networking donde podrás platicar con programadores de diferentes niveles e intereses. -

-
- - -
- - 📱 Telegram - - -
-``` - -## 🔧 Modificaciones - -Si necesitas modificar algún componente: - -1. Edita el archivo correspondiente en este directorio -2. Copia el contenido actualizado a los meetups que lo usen -3. Mantén la consistencia visual y de estilo - -## 🗂️ Estructura de directorios - -``` -docs/ -├── components/ -│ ├── networking.md -│ ├── community-links.md -│ ├── footer.md -│ └── README.md -├── meetups/ -│ ├── 2025/ -│ │ ├── 202506-junio.md -│ │ └── ... -│ └── ... -└── ... -``` - -## ⚠️ Nota importante - -Los componentes están embebidos directamente en los archivos de meetups para evitar problemas con el plugin `pymdownx.snippets`. Esto asegura que el sitio funcione correctamente sin errores de compilación. diff --git a/docs/components/community-links.md b/docs/components/community-links.md index 7d175df..9a840bf 100644 --- a/docs/components/community-links.md +++ b/docs/components/community-links.md @@ -1,22 +1,10 @@ ## Conecta con Nuestra Comunidad -
- - Telegram - - - Meetup - - - YouTube - - - GitHub - - - Instagram - - - LinkedIn - +
+ Telegram + Meetup + YouTube + GitHub + Instagram + LinkedIn
diff --git a/docs/components/footer.md b/docs/components/footer.md deleted file mode 100644 index 20ce37d..0000000 --- a/docs/components/footer.md +++ /dev/null @@ -1,7 +0,0 @@ ---- - -
-

- *Última actualización: {{ git_revision_date_localized }}* -

-
diff --git a/docs/components/networking.md b/docs/components/networking.md deleted file mode 100644 index 056c8c4..0000000 --- a/docs/components/networking.md +++ /dev/null @@ -1,9 +0,0 @@ -## 🤝 Networking - -
-

💬 ¡Conecta con la comunidad!

-

- Después de la charla habrá un tiempo de networking donde podrás platicar con programadores de diferentes niveles e intereses. - ¡Es la oportunidad perfecta para hacer conexiones profesionales y aprender de otros desarrolladores! -

-
diff --git a/docs/components/quick-navigation.md b/docs/components/quick-navigation.md new file mode 100644 index 0000000..e1e42f1 --- /dev/null +++ b/docs/components/quick-navigation.md @@ -0,0 +1,36 @@ +

Continúa Explorando

+ +
+ + + Meetups 2025 + + + Meetups 2024 + + + Archivo Completo + + + + + Ser Ponente + + + Ser Voluntario + + + Cómo Contribuir + + + + + Ver Ponentes + + + Alianzas + + + Sobre Nosotros + +
diff --git a/docs/comunidad/alianzas.md b/docs/comunidad/alianzas.md index 710d0a1..f533469 100644 --- a/docs/comunidad/alianzas.md +++ b/docs/comunidad/alianzas.md @@ -1,10 +1,10 @@ -
- Python CDMX Logo +
+ Python CDMX Logo
# Alianzas -
+
Comunidades y empresas que apoyan Python CDMX
@@ -25,41 +25,41 @@ Python CDMX trabaja en colaboración con diversas comunidades y empresas para cr ### Comunidades Python -
+
- -
- Logo PyMTY -

PyMTY

-

Nuevo Leon

+ +
+ Logo PyMTY +

PyMTY

+

Nuevo Leon

 - -
- Logo PythonistasGDL -

Pythonistas GDL

-

Jalisco

+ +
+ Logo PythonistasGDL +

Pythonistas GDL

+

Jalisco

 - -
- Logo PyTalavera -

PyTalavera

-

Puebla

+ +
+ Logo PyTalavera +

PyTalavera

+

Puebla

 - -
- Logo pyladies-cuernavaca -

pyladies Cuernavaca

-

Morelos

+ +
+ Logo pyladies-cuernavaca +

pyladies Cuernavaca

+

Morelos

 @@ -67,77 +67,77 @@ Python CDMX trabaja en colaboración con diversas comunidades y empresas para cr ### Otras Comunidades -
+
- -
- Logo Ajolotes en la Nube -

Ajolotes en la Nube

-

CDMX

+ +
+ Logo Ajolotes en la Nube +

Ajolotes en la Nube

+

CDMX

 - -
- Logo Ajolotes en la Nube -

LIDSOL

-

UNAM, Facultad ingeniería
CDMX

+ +
+ Logo Ajolotes en la Nube +

LIDSOL

+

UNAM, Facultad ingeniería
CDMX

 - -
- Logo sudoFCiencias -

sudoFCiencias

-

UNAM, Facultad Ciencias
CDMX

+ +
+ Logo sudoFCiencias +

sudoFCiencias

+

UNAM, Facultad Ciencias
CDMX

 - -
- Logo sudoFCiencias -

Fedora México

-

México

+ +
+ Logo sudoFCiencias +

Fedora México

+

México

 - -
- Logo RustMX -

RustMX

-

México

+ +
+ Logo RustMX +

RustMX

+

México

 - -
- Logo enchiladas devops -

Enchiladas Devops

-

México

+ +
+ Logo enchiladas devops +

Enchiladas Devops

+

México

 - -
- Logo Linux en español -

Linux en español

-

Latinoamérica

+ +
+ Logo Linux en español +

Linux en español

+

Latinoamérica

 - -
- Logo Salamandra Devs -

Salamandra Devs

-

México

+ +
+ Logo Salamandra Devs +

Salamandra Devs

+

México
@@ -148,23 +148,23 @@ Python CDMX trabaja en colaboración con diversas comunidades y empresas para cr ### Empresas Tecnológicas -
+
- -
- Logo Ajolotes en la Nube -

Wizeline México

-

Sede principal de nuestros meetups

+ +
+ Logo Ajolotes en la Nube +

Wizeline México

+

Sede principal de nuestros meetups

 - -
- Logo CLARA -

CLARA

-

Sede alterna

+ +
+ Logo CLARA +

CLARA

+

Sede alterna
@@ -174,18 +174,21 @@ Python CDMX trabaja en colaboración con diversas comunidades y empresas para cr ## Beneficios de las Alianzas ### Para la Comunidad + - **Eventos más grandes** y diversos - **Recursos compartidos** entre comunidades - **Oportunidades de networking** expandidas - **Contenido más rico** y variado ### Para las Empresas + - **Visibilidad** en la comunidad tech - **Acceso a talento** calificado - **Branding** positivo y asociación - **Networking** con desarrolladores ### Para los Miembros + - **Más eventos** y oportunidades - **Redes profesionales** expandidas - **Recursos adicionales** y beneficios @@ -193,39 +196,11 @@ Python CDMX trabaja en colaboración con diversas comunidades y empresas para cr --- -## Conecta con Nuestra Comunidad - -
- - Telegram - - - Meetup - - - YouTube - - - GitHub - - - Instagram - - - LinkedIn - -
+--8<-- "components/community-links.md" --- -## También Te Puede Interesar - -| **Eventos** | **Participa** | **Comunidad** | -|:---|:---|:---| -| [Meetups 2025](../meetups/2025/) - Año actual | [Ser Ponente](ponentes.md) - Comparte conocimiento | [Nuestros Ponentes](ponentes.md) - Conoce a la comunidad | -| [Meetups 2024](../meetups/2024/) - Año anterior | [Ser Voluntario](voluntarios.md) - Ayuda a organizar | [Sobre Nosotros](../about.md) - Conoce más | -| [Archivo Completo](../meetups/index.md) - Todos los meetups | [Cómo Contribuir](como-contribuir.md) - Guía general | [Volver al Inicio](../index.md) - Página principal | +--8<-- "components/quick-navigation.md" --- -* Última actualización: {{ git_revision_date_localized }}* diff --git a/docs/comunidad/como-contribuir.md b/docs/comunidad/como-contribuir.md index c94fe48..991fda0 100644 --- a/docs/comunidad/como-contribuir.md +++ b/docs/comunidad/como-contribuir.md @@ -1,10 +1,10 @@ -
- Python CDMX Logo +
+ Python CDMX Logo
# Cómo Contribuir -
+
Guía completa para contribuir a Python CDMX
@@ -25,50 +25,59 @@ Contribuir a Python CDMX te permite: ## Formas de Contribuir ### Ser Ponente + Comparte tu conocimiento con la comunidad a través de charlas técnicas, casos de uso o introducciones a nuevas tecnologías. -**Más información:** [Ser Ponente](ponentes.md) +**Más información:** [Ser Ponente](ponentes/) ### Ser Voluntario + Ayuda a organizar eventos, gestionar redes sociales, o contribuir con el desarrollo del sitio web. -**Más información:** [Ser Voluntario](voluntarios.md) +**Más información:** [Ser Voluntario](voluntarios/) ### Desarrollo Web + Contribuye al mantenimiento y mejora de nuestro sitio web, herramientas y automatizaciones. **Tecnologías:** MkDocs, Python, HTML/CSS, JavaScript ### Contenido + Escribe artículos, documentación, o crea contenido para nuestras redes sociales. **Tipos:** Tutoriales, casos de uso, noticias, recursos ### Alianzas + Ayuda a establecer y mantener relaciones con otras comunidades y empresas. -**Más información:** [Alianzas](alianzas.md) +**Más información:** [Alianzas](alianzas/) --- ## Proceso de Contribución ### 1. Identifica tu Área + - Revisa las [formas de contribuir](#formas-de-contribuir) - Considera tus habilidades e intereses - Evalúa tu disponibilidad de tiempo ### 2. Contacta con Nosotros + - Envía un mensaje a través de nuestros canales oficiales -- Participa en [nuestros meetups](../meetups/index.md) para conocernos +- Participa en [nuestros meetups](../meetups/) para conocernos - Asiste a sesiones informativas ### 3. Comienza Pequeño + - Empieza con contribuciones pequeñas - Aprende sobre nuestros procesos - Construye relaciones con el equipo ### 4. Crece y Lidera + - Toma más responsabilidades - Ayuda a otros nuevos contribuyentes - Participa en la toma de decisiones @@ -78,46 +87,45 @@ Ayuda a establecer y mantener relaciones con otras comunidades y empresas. ## Herramientas y Recursos ### Desarrollo + - **GitHub**: [Repositorio principal](https://github.com/PythonMexico/pythonCDMX) - **MkDocs**: Documentación del sitio - **Python**: Scripts y automatizaciones - **Docker**: Entorno de desarrollo ### Comunicación + - **Telegram**: Canal principal de comunicación - **Meetup**: Gestión de eventos - **YouTube**: Contenido audiovisual - **Instagram**: Redes sociales -### Organización -- **Google Calendar**: Eventos y reuniones -- **Trello/Notion**: Gestión de tareas -- **Slack/Discord**: Comunicación interna -- **Zoom/Meet**: Reuniones virtuales - --- ## Beneficios de Contribuir ### Reconocimiento + - Certificados de participación - Menciones en eventos y redes sociales - Referencias profesionales - Reconocimiento público ### Networking + - Conexiones con expertos del sector -- Acceso a eventos exclusivos - Oportunidades de colaboración - Red profesional expandida ### Desarrollo Profesional + - Habilidades de liderazgo - Experiencia en gestión de proyectos - Conocimientos técnicos actualizados - Portfolio de contribuciones ### Satisfacción Personal + - Impacto positivo en la comunidad - Sentido de pertenencia - Desarrollo personal @@ -128,12 +136,14 @@ Ayuda a establecer y mantener relaciones con otras comunidades y empresas. ## Nuestro Equipo ### Coordinadores Principales + - **Coordinación General**: Gestión integral de la comunidad - **Eventos**: Organización de meetups y actividades - **Comunicación**: Gestión de canales y contenido - **Alianzas**: Relaciones con comunidades y empresas ### Voluntarios Activos + - **Logística**: Preparación y supervisión de eventos - **Comunicación**: Gestión de redes sociales y difusión - **Soporte**: Ayuda técnica durante eventos @@ -141,39 +151,10 @@ Ayuda a establecer y mantener relaciones con otras comunidades y empresas. --- -## Conecta con Nuestra Comunidad - -
- - Telegram - - - Meetup - - - YouTube - - - GitHub - - - Instagram - - - LinkedIn - -
+--8<-- "components/community-links.md" --- -## También Te Puede Interesar - -| **Eventos** | **Participa** | **Comunidad** | -|:---|:---|:---| -| [Meetups 2025](../meetups/2025/) - Año actual | [Ser Ponente](ponentes.md) - Comparte conocimiento | [Nuestros Ponentes](ponentes.md) - Conoce a la comunidad | -| [Meetups 2024](../meetups/2024/) - Año anterior | [Ser Voluntario](voluntarios.md) - Ayuda a organizar | [Alianzas](alianzas.md) - Comunidades aliadas | -| [Archivo Completo](../meetups/index.md) - Todos los meetups | [Ver Nuestro Equipo](#nuestro-equipo) - Conoce voluntarios | [Volver al Inicio](../index.md) - Página principal | +--8<-- "components/quick-navigation.md" --- - -* Última actualización: {{ git_revision_date_localized }}* diff --git a/docs/comunidad/ponentes.md b/docs/comunidad/ponentes.md index e26778f..bed09f1 100644 --- a/docs/comunidad/ponentes.md +++ b/docs/comunidad/ponentes.md @@ -1,14 +1,12 @@ -
- Python CDMX Logo +
+ Python CDMX Logo
# Ser Ponente --- -=== "Información" - -
+
Comparte tu conocimiento con la comunidad Python CDMX
@@ -27,16 +25,19 @@ Ser ponente en Python CDMX te ofrece una oportunidad única para: ## Tipos de Charlas ### Charlas Técnicas + - **Duración**: 20-30 minutos - **Contenido**: Tecnologías Python, frameworks, librerías, mejores prácticas - **Ejemplos**: Django, Flask, FastAPI, Pandas, NumPy, Machine Learning ### Casos de Uso + - **Duración**: 25-35 minutos - **Contenido**: Proyectos reales, experiencias en producción, lecciones aprendidas - **Ejemplos**: Migración de sistemas, optimización de performance, arquitecturas ### Charlas Introductorias + - **Duración**: 15-25 minutos - **Contenido**: Conceptos básicos, introducción a nuevas tecnologías - **Ejemplos**: Primeros pasos con Python, conceptos de programación @@ -46,21 +47,25 @@ Ser ponente en Python CDMX te ofrece una oportunidad única para: ## Proceso para Ser Ponente ### 1. Propón tu Charla + - Envía tu propuesta a través de nuestros canales de comunicación - Incluye título, descripción, duración y nivel de audiencia - Menciona cualquier requisito técnico especial ### 2. Revisión y Feedback + - Nuestro equipo revisará tu propuesta - Te proporcionaremos feedback y sugerencias - Confirmaremos la fecha y logística ### 3. Preparación + - Recibirás recursos y guías para preparar tu presentación - Podrás hacer una prueba técnica si lo deseas - Te conectaremos con otros ponentes si es un evento múltiple ### 4. Presentación + - Llegada temprana para configuración técnica - Presentación en un ambiente acogedor y colaborativo - Sesión de preguntas y respuestas @@ -70,547 +75,642 @@ Ser ponente en Python CDMX te ofrece una oportunidad única para: ## Beneficios para Ponentes ### Reconocimiento + - Certificado de participación como ponente - Mención especial en nuestras redes sociales - Inclusión en nuestro directorio de ponentes ### Networking + - Acceso prioritario a eventos especiales - Conexión directa con otros expertos del sector - Oportunidades de colaboración en proyectos ### Recursos + - Acceso a materiales y recursos de presentación - Feedback detallado para mejorar futuras charlas - Posibilidad de grabar tu presentación ---- - -## Conecta con Nuestra Comunidad - -
- - Telegram - - - Meetup - - - YouTube - - - GitHub - - - Instagram - - - LinkedIn - -
- ---- - -## También Te Puede Interesar - -| **Eventos** | **Participa** | **Comunidad** | -|:---|:---|:---| -| [Meetups 2025](/meetups/2025/) - Año actual | [Ser Voluntario](/comunidad/voluntarios) - Ayuda a organizar | [Alianzas](/comunidad/alianzas) - Comunidades aliadas | -| [Meetups 2024](/meetups/2024/) - Año anterior | [Cómo Contribuir](/comunidad/como-contribuir) - Guía general | [Sobre Nosotros](/about) - Conoce más | -| [Archivo Completo](../meetups/index.md) - Todos los meetups | Mejores presentaciones | [Volver al Inicio](../index.md) - Página principal | - ---- - -* Última actualización: {{ git_revision_date_localized }}* - -=== "Ponentes Destacados" - -## Ponentes Destacados de Python CDMX +## Ponentes de Python CDMX Conoce a algunos de los ponentes que han compartido su conocimiento con nuestra comunidad: - -
+### Alejandro López {.volunteer-header} + + +
- David Sol -
-

David Sol

-

SRE Engineer en Wizeline

- DevOps +
+

Alejandro López

+

Python Developer

+
+ Desarrollo +
+
+
+ Alejandro López +
- Especialidad: DevOps, Docker, Kubernetes, CI/CD, AWS
+ ESPECIALIDADES TÉCNICAS + Desarrollo de APIs, Frameworks Web, Buenas Prácticas Charlas recientes:
-
- LinkedIn - GitHub -
- -
+### Alex Callejas {.volunteer-header} + + +
- Gustavo Vera -
-

Gustavo Vera

-

Python Developer

- Desarrollo +
+

Alex Callejas

+

Services Content Architect en Red Hat

+
+ OpenSource +
+
+
+ Alex Callejas +
- Especialidad: Desarrollo Python, Análisis de Datos, Metaprogramación
+ ESPECIALIDADES TÉCNICAS + OpenSource, Automatización, Hardening de Infraestructura Charlas recientes:
-
- LinkedIn - GitHub -
- -
+### Carlos Cesar Caballero {.volunteer-header} + + +
- Carlos Reyes -
-

Carlos Reyes

-

DevOps Engineer

- DevOps +
+

Carlos Cesar Caballero

+

Ingeniero en Ciencias Informáticas

+
+ Cloud +
+
+
+ Carlos Cesar Caballero +
- Especialidad: Kubernetes, MLOps, GitOps, Cloud Native
+ ESPECIALIDADES TÉCNICAS + Inteligencia Artificial, Tecnologías de Código Abierto Charlas recientes:
-
- LinkedIn - GitHub -
- -
+### Carlos Reyes {.volunteer-header} + + +
- Alejandro López -
-

Alejandro López

-

Python Developer

- Desarrollo +
+

Carlos Reyes

+

DevOps Engineer

+
+ DevOps +
+
+
+ Carlos Reyes +
- Especialidad: Desarrollo de APIs, Frameworks Web, Buenas Prácticas
+ ESPECIALIDADES TÉCNICAS + Kubernetes, MLOps, GitOps, Cloud Native Charlas recientes:
-
- LinkedIn - GitHub -
+### Charly Román {.volunteer-header} + -
+
- Charly Román -
-

Charly Román

+
+

Charly Román

Python Developer

- Seguridad +
+ Seguridad +
+
+
+ Charly Román +
- Especialidad: Validación de Datos, Mejores Prácticas, Nuevas Tecnologías
+ ESPECIALIDADES TÉCNICAS + Validación de Datos, Mejores Prácticas, Nuevas Tecnologías Charlas recientes:
-
- LinkedIn - GitHub -
- -
+### Daniel Paredes {.volunteer-header} + + +
- Manuel Rábade -
-

Manuel Rábade

-

Ingeniero en Computación

- Algoritmos +
+

Daniel Paredes

+

Desarrollador Web

+
+ Web +
+
+
+ Daniel Paredes +
- Especialidad: Ingeniería de Software, Algoritmos, Resolución de Problemas
+ ESPECIALIDADES TÉCNICAS + Desarrollo Web, Portafolios, Python Charlas recientes:
-
- LinkedIn - GitHub -
- -
+### David Sol {.volunteer-header} + + +
- Juan Guillermo Gómez -
-

Juan Guillermo Gómez

-

Líder Técnico en WordBox

- IA/ML +
+

David Sol

+

SRE Engineer en Wizeline

+
+ DevOps +
+
+
+ David Sol +
- Especialidad: Inteligencia Artificial, Machine Learning, Embeddings, Google Developer Expert
+ ESPECIALIDADES TÉCNICAS + DevOps, Docker, Kubernetes, CI/CD, AWS Charlas recientes:
-
- LinkedIn - GitHub -
- -
+### Diego Barriga {.volunteer-header} + + +
- Erik Rivera -
-

Erik Rivera

-

AI Engineer

- IA +
+

Diego Barriga

+

MLOps Engineer en Mercado Libre

+
+ MLOps +
+
+
+ Diego Barriga +
- Especialidad: Agentes de IA, Machine Learning, LangGraph, LLMs
+ ESPECIALIDADES TÉCNICAS + NLP, Lenguas Indígenas, MLOps, Cultura Libre Charlas recientes:
-
- LinkedIn - GitHub -
- -
+### Erik Rivera {.volunteer-header} + + +
- Javier Novoa -
-

Javier Novoa

-

Ingeniero en Sistemas Computacionales

- FinTech +
+

Erik Rivera

+

AI Engineer

+
+ IA +
+
+
+ Erik Rivera +
- Especialidad: FinTech, Performance, DevOps, Software Libre
+ ESPECIALIDADES TÉCNICAS + Agentes de IA, Machine Learning, LangGraph, LLMs Charlas recientes:
-
- LinkedIn - GitHub -
- -
+### Fer Perales {.volunteer-header} + + +
- Carlos Cesar Caballero -
-

Carlos Cesar Caballero

-

Ingeniero en Ciencias Informáticas

- Cloud +
+

Fer Perales

+

Open Source Contributor

+
+ OpenSource +
+
+
+ Fer Perales +
- Especialidad: Inteligencia Artificial, Tecnologías de Código Abierto
+ ESPECIALIDADES TÉCNICAS + Open Source, Ruby, Contribución Comunitaria Charlas recientes:
-
- LinkedIn - GitHub -
- -
+### Geovanni Zepeda Martínez {.volunteer-header} + + +
- Alex Callejas -
-

Alex Callejas

-

Services Content Architect en Red Hat

- OpenSource +
+

Geovanni Zepeda Martínez

+

Data Scientist

+
+ Data Science +
+
+
+ Geovanni Zepeda Martínez +
- Especialidad: OpenSource, Automatización, Hardening de Infraestructura
+ ESPECIALIDADES TÉCNICAS + Machine Learning, Análisis de Datos, Algoritmos Estadísticos Charlas recientes:
-
- LinkedIn - GitHub -
- -
+### Gustavo Vera {.volunteer-header} + + +
- Daniel Paredes -
-

Daniel Paredes

-

Desarrollador Web

- Web +
+

Gustavo Vera

+

Python Developer

+
+ Desarrollo +
+
+
+ Gustavo Vera +
- Especialidad: Desarrollo Web, Portafolios, Python
+ ESPECIALIDADES TÉCNICAS + Desarrollo Python, Análisis de Datos, Metaprogramación Charlas recientes:
-
- LinkedIn - GitHub -
- -
+### Hugo Ramirez {.volunteer-header} + + +
- Diego Barriga -
-

Diego Barriga

-

MLOps Engineer en Mercado Libre

- MLOps +
+

Hugo Ramirez

+

Data Engineer

+
+ Data Engineering +
+
+
+ Hugo Ramirez +
- Especialidad: NLP, Lenguas Indígenas, MLOps, Cultura Libre
+ ESPECIALIDADES TÉCNICAS + Ingeniería de Datos, Procesamiento ETL, Big Data Charlas recientes:
-
- LinkedIn - GitHub -
- -
+### Javier Novoa {.volunteer-header} + + +
- elMau (Mauricio B.) -
-

elMau (Mauricio B.)

-

Desarrollador LibreOffice

- LibreOffice +
+

Javier Novoa

+

Ingeniero en Sistemas Computacionales

+
+ FinTech +
+
+
+ Javier Novoa +
- Especialidad: Extensiones LibreOffice, Automatización de Oficina
+ ESPECIALIDADES TÉCNICAS + FinTech, Performance, DevOps, Software Libre Charlas recientes:
-
- LinkedIn - GitHub -
- -
+### Juan Guillermo Gómez {.volunteer-header} + + +
- Fer Perales -
-

Fer Perales

-

Open Source Contributor

- OpenSource +
+

Juan Guillermo Gómez

+

Líder Técnico en WordBox | Google Developer Expert

+
+ IA/ML +
+
+
+ Juan Guillermo Gómez +
- Especialidad: Open Source, Ruby, Contribución Comunitaria
+ ESPECIALIDADES TÉCNICAS + Inteligencia Artificial, Machine Learning, Embeddings, Google Developer Expert Charlas recientes:
-
- LinkedIn - GitHub -
- -
+### Konstantin Spirin {.volunteer-header} + + +
- Geovanni Zepeda Martínez -
-

Geovanni Zepeda Martínez

-

Data Scientist

- Data Science +
+

Konstantin Spirin

+

Python Core Developer

+
+ Core Python +
+
+
+ Konstantin Spirin +
- Especialidad: Machine Learning, Análisis de Datos, Algoritmos Estadísticos
+ ESPECIALIDADES TÉCNICAS + Core Python, Optimización, Concurrencia, GIL Charlas recientes:
-
- LinkedIn - GitHub -
- -
+### Manuel Rábade {.volunteer-header} + + +
- Hugo Ramirez -
-

Hugo Ramirez

-

Data Engineer

- Data Engineering +
+

Manuel Rábade

+

Ingeniero en Computación

+
+ Algoritmos +
+
+
+ Manuel Rábade +
- Especialidad: Ingeniería de Datos, Procesamiento ETL, Big Data
+ ESPECIALIDADES TÉCNICAS + Ingeniería de Software, Algoritmos, Resolución de Problemas Charlas recientes:
-
- LinkedIn - GitHub -
- -
+### Mauricio B. {.volunteer-header} + + +
- Konstantin Spirin -
-

Konstantin Spirin

-

Python Core Developer

- Core Python +
+

Mauricio B

+

Desarrollador LibreOffice

+
+ LibreOffice +
+
+
+ elMau (Mauricio B.) +
- Especialidad: Core Python, Optimización, Concurrencia, GIL
+ ESPECIALIDADES TÉCNICAS + Extensiones LibreOffice, Automatización de Oficina Charlas recientes:
-
- LinkedIn - GitHub -
+### Mauro Parra {.volunteer-header} + -
+
- Mauro Parra -
-

Mauro Parra

+
+

Mauro Parra

Security Engineer

- Seguridad +
+ Seguridad +
+
+
+ Mauro Parra +
- Especialidad: Seguridad Informática, PCI DSS, Cumplimiento Normativo
+ ESPECIALIDADES TÉCNICAS + Seguridad Informática, PCI DSS, Cumplimiento Normativo Charlas recientes:
-
- LinkedIn - GitHub -
@@ -630,3 +730,13 @@ Si te interesa compartir tu conocimiento con la comunidad Python CDMX, ¡no dude Más Información
+ +--- + +--8<-- "components/community-links.md" + +--- + +--8<-- "components/quick-navigation.md" + +--- diff --git a/docs/comunidad/voluntarios.md b/docs/comunidad/voluntarios.md index 6ca2c1c..e7d4035 100644 --- a/docs/comunidad/voluntarios.md +++ b/docs/comunidad/voluntarios.md @@ -1,10 +1,11 @@ -
- Python CDMX Logo +
+ Python CDMX Logo
# Ser Voluntario -=== "Información" +--- + ## ¿Por Qué Ser Voluntario? @@ -79,33 +80,43 @@ Ser voluntario en Python CDMX te permite: Aplicar como Voluntario - + - Ver Voluntarios Destacados + Ver Voluntarios - Más Información + Más Información
-=== "Voluntarios Destacados" -## Voluntarios Destacados de Python CDMX +## Voluntarios de Python CDMX Conoce a algunos de los voluntarios que hacen posible que Python CDMX funcione: +### David Sol {.volunteer-header} + +
-
- David Sol -
-

David Sol

+
+

David Sol

Conexión entre comunidades y eventos

- Embajador - Organizador +
+ Embajador + Organizador +
+
+
+ David Sol +
- Área de responsabilidad: EMBAJADOR Y VÍNCULO ESTRATÉGICO - Organización de charlas y enlace con espacios aliados como Wizeline
+ EMBAJADOR Y VÍNCULO ESTRATÉGICO + Organización de charlas y enlace con espacios aliados como Wizeline Contribuciones principales:
  • Organización y planeación de meetups en Python CDMX
    • @@ -116,27 +127,34 @@ Conoce a algunos de los voluntarios que hacen posible que Python CDMX funcione:
  • Cree en la comunidad como motor del cambio
-
- LinkedIn - GitHub -
+### Charly Román {.volunteer-header} + +
-
- Charly Román -
-

Charly Román

+
+

Charly Román

Embajador y moderador de comunidad

- Embajador - Organizador +
+ Embajador + Organizador +
+
+
+ Charly Román +
- Área de responsabilidad: EXPERTO PYTHONISTA Y REPRESENTANTE COMUNITARIO - Curaduría de contenido, representación externa y moderación activa
+ EXPERTO PYTHONISTA Y REPRESENTANTE COMUNITARIO + Curaduría de contenido, representación externa y moderación activa Contribuciones principales:
  • Representa a Python CMDX como ponente en eventos y conferencias
    • @@ -146,27 +164,34 @@ Conoce a algunos de los voluntarios que hacen posible que Python CDMX funcione:
  • Es punto de referencia para nuevos miembros y comunidad técnica nacional
-
- LinkedIn - GitHub -
+### Gustavo Vera {.volunteer-header} + +
-
- Gustavo Vera -
-

Gustavo Vera

+
+

Gustavo Vera

El ninja que siempre aparece cuando más lo necesitamos

- Embajador - Organizador +
+ Embajador + Organizador +
+
+
+ Gustavo Vera +
- Área de responsabilidad: ORGANIZADOR, EMBAJADOR Y PONENTE DE EMERGENCIA
+ ORGANIZADOR, EMBAJADOR Y PONENTE DE EMERGENCIA + Siempre listo para dar una charla cuando más lo necesitamos Contribuciones principales:
  • Organización activa de meetups y actividades comunitarias
    • @@ -176,26 +201,33 @@ Conoce a algunos de los voluntarios que hacen posible que Python CDMX funcione:
  • Refuerzo confiable que mantiene el ritmo y la calidad de los eventos
-
- LinkedIn - GitHub -
+### Pixelead0 {.volunteer-header} + +
-
- Pixelead0 -
-

Pixelead0

+
+

Pixelead0

Coordinación de contenido y ponentes

- Organizador +
+ Organizador +
+
+
+ Pixelead0 +
- Área de responsabilidad: ORGANIZACIÓN DE CHARLAS - Gestión de la agenda de meetups y curaduría de ponentes
+ ORGANIZACIÓN DE CHARLAS + Gestión de la agenda de meetups y curaduría de ponentes Contribuciones principales:
  • Organización y calendarización de charlas para los eventos de la comunidad
    • @@ -204,26 +236,33 @@ Conoce a algunos de los voluntarios que hacen posible que Python CDMX funcione:
  • Fortalecimiento de la diversidad de voces en cada meetup
-
- LinkedIn - GitHub -
+### Iván Castañeda {.volunteer-header} + +
-
- Iván Castañeda -
-

Iván Castañeda

+
+

Iván Castañeda

El lente, la voz y la chispa detrás de los meetups

- Producción +
+ Producción +
+
+
+ Iván Castañeda +
- Área de responsabilidad: CREADOR Y DINAMIZADOR COMUNITARIO - Producción de contenidos, documentación visual y dinamización de eventos
+ CREADOR Y DINAMIZADOR COMUNITARIO + Producción de contenidos, documentación visual y dinamización de eventos Contribuciones principales:
  • Transmisión en vivo (streaming) de meetups
    • @@ -233,26 +272,33 @@ Conoce a algunos de los voluntarios que hacen posible que Python CDMX funcione:
  • Donación de llaveros artesanales con identidad Python CDMX
-
- LinkedIn - GitHub -
+### Diego Barriga {.volunteer-header} + +
-
- Diego B -
-

Diego B

+
+

Diego Barriga

Presentador y anfitrión de eventos

- Host +
+ Host +
+
+
+ Diego Barriga +
- Área de responsabilidad: HOST Y MAESTRO DE CEREMONIAS
+ HOST Y MAESTRO DE CEREMONIAS + Conduce los eventos con profesionalismo y calidez Contribuciones principales:
  • Abre cada evento con entusiasmo y calidez
    • @@ -261,26 +307,33 @@ Conoce a algunos de los voluntarios que hacen posible que Python CDMX funcione:
  • Lleva el hilo conductor de cada sesión como todo un profesional
-
- LinkedIn - GitHub -
+### Carlos Reyes {.volunteer-header} + +
-
- Carlos Reyes -
-

Carlos Reyes

+
+

Carlos Reyes

Presentador y anfitrión de eventos

- Host +
+ Host +
+
+
+ Carlos Reyes +
- Área de responsabilidad: HOST DE MEETUPS - Conducción y moderación de los encuentros de la comunidad
+ HOST DE MEETUPS + Conducción y moderación de los encuentros de la comunidad Contribuciones principales:
  • Presentación de los eventos presenciales y virtuales de Python CDMX
    • @@ -289,26 +342,33 @@ Conoce a algunos de los voluntarios que hacen posible que Python CDMX funcione:
  • Transmisión de la energía y espíritu de comunidad en cada meetup
-
- LinkedIn - GitHub -
+### Aleph Ramos {.volunteer-header} + +
-
- Aleph -
-

Aleph

+
+

Aleph Ramos

Infraestructura y soporte técnico

- Técnico +
+ Técnico +
+
+
+ Aleph +
- Área de responsabilidad: DOMINIO Y SOPORTE - Soporte técnico y provisión de infraestructura digital para la comunidad
+ DOMINIO Y SOPORTE + Soporte técnico y provisión de infraestructura digital para la comunidad Contribuciones principales:
  • Donación del dominio oficial de la comunidad
    • @@ -317,26 +377,33 @@ Conoce a algunos de los voluntarios que hacen posible que Python CDMX funcione:
  • Apoyo continuo ante problemas técnicos o nuevas implementaciones
-
- LinkedIn - GitHub -
+### Yemahina Perez {.volunteer-header} + +
-
- Yemahina Perez -
-

Yemahina Perez

+
+

Yemahina Perez

Apoyo especial

- Apoyo +
+ Apoyo +
+
+
+ Yemahina Perez +
- Área de responsabilidad: REGALITOS COMUNITARIOS - Donación y elaboración de objetos con identidad de la comunidad
+ REGALITOS COMUNITARIOS + Donación y elaboración de objetos con identidad de la comunidad Contribuciones principales:
  • Diseño y creación de objetos personalizados con el logo de la comunidad
    • @@ -345,26 +412,33 @@ Conoce a algunos de los voluntarios que hacen posible que Python CDMX funcione:
  • Apoyo a eventos con materiales hechos con cariño
-
- LinkedIn - GitHub -
+### Petrohs {.volunteer-header} + +
-
- Petrohs -
-

Petrohs

+
+

Petrohs

No es un bot, pero ya quisieran los bots

- Soporte +
+ Soporte +
+
+
+ Petrohs +
- Área de responsabilidad: INTELIGENCIA COMUNITARIA ARTIFICIALMENTE HUMANA
+ INTELIGENCIA COMUNITARIA ARTIFICIALMENTE HUMANA + Respuestas rápidas y soporte automático con toque humano Contribuciones principales:
  • Responde dudas antes de que termines de escribirlas
    • @@ -374,27 +448,34 @@ Conoce a algunos de los voluntarios que hacen posible que Python CDMX funcione:
  • Es nuestro bot… en carne viva y con corazón pythonista
-
- LinkedIn - GitHub -
+### Hugo Ramirez {.volunteer-header} + +
-
- Hugo Ramirez -
-

Hugo Ramirez

+
+

Hugo Ramirez

Nuestro embajador sin fronteras

- Embajador - Global +
+ Embajador + Global +
+
+
+ Hugo Ramirez +
- Área de responsabilidad: REPRESENTACIÓN GLOBAL - Representación de la comunidad en espacios globales de tecnología y programación
+ REPRESENTACIÓN GLOBAL + Representación de la comunidad en espacios globales de tecnología y programación Contribuciones principales:
  • Representa con orgullo a la comunidad en otros espacios del mundo tech
    • @@ -406,27 +487,33 @@ Conoce a algunos de los voluntarios que hacen posible que Python CDMX funcione:
  • Inspira a otros a unirse, colaborar o replicar nuestras ideas
-
- LinkedIn - GitHub -
+### Mónica Ortega {.volunteer-header} +
-
- Mónica Ortega -
-

Mónica Ortega

-

NUESTRA ALIADA SILENCIOSA

- Aliada estratégica +
+

Mónica Ortega

+

Nuestra aliada silenciosa

+
+ Aliada estratégica +
+
+
+ Mónica Ortega +
- Área de responsabilidad: VÍNCULO ESTRATÉGICO Y ALIADA COMUNITARIA - Fortalecimiento de alianzas y soporte clave para el funcionamiento de la comunidad
+ VÍNCULO ESTRATÉGICO Y ALIADA COMUNITARIA + Fortalecimiento de alianzas y soporte clave para el funcionamiento de la comunidad Contribuciones principales:
  • Apoyo estratégico para el sostenimiento de herramientas que nos permiten reunirnos
    • @@ -436,10 +523,6 @@ Conoce a algunos de los voluntarios que hacen posible que Python CDMX funcione:
  • Nos recuerda que la comunidad también se construye con generosidad y visión
-
- LinkedIn - GitHub -
@@ -454,8 +537,20 @@ Si te interesa contribuir al crecimiento de la comunidad Python CDMX, ¡únete a Aplicar como Voluntario - + Más Información
+ +--- + +--- + +--8<-- "components/community-links.md" + +--- + +--8<-- "components/quick-navigation.md" + +--- diff --git a/docs/css/custom.css b/docs/css/custom.css index 8d63885..e09bed6 100644 --- a/docs/css/custom.css +++ b/docs/css/custom.css @@ -1,2214 +1,1481 @@ -/* Import FontAwesome CSS */ -@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css'); - -/* Python CDMX Custom Styles */ -:root { - --python-green: #269f46; - --python-black: #000000; - --python-red: #e32f42; - --python-light-green: #4caf50; - --python-light-red: #f44336; - --python-gray: #666666; - --python-light-gray: #f5f5f5; - --python-blue: #2196f3; - --python-purple: #9c27b0; - --python-orange: #ff9800; - --python-cyan: #00bcd4; - --python-pink: #e91e63; - - /* Nuevas variables para mejoras */ - --shadow-light: 0 2px 8px rgba(0,0,0,0.1); - --shadow-medium: 0 4px 16px rgba(0,0,0,0.15); - --shadow-heavy: 0 8px 32px rgba(0,0,0,0.2); - --border-radius: 12px; - --border-radius-large: 20px; - --transition-fast: 0.2s ease; - --transition-normal: 0.3s ease; - --transition-slow: 0.5s ease; -} - -/* Estilos coloridos para títulos Markdown */ -.md-typeset h1 { - background: linear-gradient(135deg, var(--python-green) 0%, var(--python-cyan) 50%, var(--python-blue) 100%); - color: white !important; - font-weight: 700; - font-size: 2rem; - padding: 0.5em 1em; - border-radius: var(--border-radius-large); - box-shadow: var(--shadow-heavy); - display: inline-block; - letter-spacing: 1px; - text-shadow: 0 2px 4px rgba(0,0,0,0.3); - margin: 2rem 0 1.5rem 0; - transition: var(--transition-normal); - position: relative; - overflow: hidden; -} - -.md-typeset h1::before { - content: ''; - position: absolute; - top: 0; - left: -100%; - width: 100%; - height: 100%; - background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); - transition: left 0.5s; -} - -.md-typeset h1:hover::before { - left: 100%; -} - -.md-typeset h1:hover { - transform: translateY(-2px); - box-shadow: 0 12px 40px rgba(38, 159, 70, 0.4); -} - -.md-typeset h2 { - background: linear-gradient(90deg, var(--python-orange) 0%, var(--python-pink) 100%); - color: white !important; - font-weight: 600; - font-size: 1.6rem; - padding: 0.4em 1em; - border-radius: var(--border-radius); - box-shadow: var(--shadow-medium); - display: inline-block; - margin: 2rem 0 1rem 0; - transition: var(--transition-normal); - position: relative; -} - -.md-typeset h2::after { - content: ''; - position: absolute; - bottom: 0; - left: 0; - width: 0; - height: 3px; - background: var(--python-green); - transition: width var(--transition-normal); -} - -.md-typeset h2:hover::after { - width: 100%; -} - -.md-typeset h2:hover { - transform: translateY(-1px); - box-shadow: 0 8px 25px rgba(255, 152, 0, 0.3); -} - -.md-typeset h3 { - background: linear-gradient(90deg, var(--python-purple) 0%, var(--python-blue) 100%); - color: white !important; - font-weight: 600; - font-size: 1.3rem; - padding: 0.3em 0.8em; - border-radius: 8px; - box-shadow: var(--shadow-light); - display: inline-block; - margin: 1.5rem 0 0.8rem 0; - transition: var(--transition-normal); -} - -.md-typeset h3:hover { - transform: translateY(-1px); - box-shadow: 0 6px 20px rgba(156, 39, 176, 0.3); -} - -.md-typeset h4 { - background: linear-gradient(90deg, var(--python-cyan) 0%, var(--python-green) 100%); - color: white !important; - font-weight: 600; - font-size: 1.2rem; - padding: 0.25em 0.7em; - border-radius: 6px; - box-shadow: var(--shadow-light); - display: inline-block; - margin: 1.2rem 0 0.6rem 0; - transition: var(--transition-normal); -} - -.md-typeset h4:hover { - transform: translateY(-1px); - box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); -} - -.md-typeset h5 { - background: var(--python-green); - color: white !important; - font-weight: 600; - font-size: 1.1rem; - padding: 0.2em 0.6em; - border-radius: 5px; - box-shadow: var(--shadow-light); - display: inline-block; - margin: 1rem 0 0.5rem 0; - transition: var(--transition-normal); -} - -.md-typeset h5:hover { - background: var(--python-cyan); - transform: translateY(-1px); - box-shadow: 0 3px 10px rgba(38, 159, 70, 0.3); -} - -.md-typeset h6 { - background: var(--python-gray); - color: white !important; - font-weight: 600; - font-size: 1rem; - padding: 0.15em 0.5em; - border-radius: 4px; - box-shadow: var(--shadow-light); - display: inline-block; - margin: 0.8rem 0 0.4rem 0; - transition: var(--transition-normal); -} - -.md-typeset h6:hover { - background: var(--python-orange); - transform: translateY(-1px); - box-shadow: 0 2px 8px rgba(102, 102, 102, 0.3); -} - -/* Mejoras de tipografía global */ -.md-typeset { - font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; - line-height: 1.6; - letter-spacing: 0.01em; -} - -.md-typeset h1, .md-typeset h2, .md-typeset h3, .md-typeset h4, .md-typeset h5, .md-typeset h6 { - font-weight: 600; - letter-spacing: -0.02em; - margin-top: 2rem; - margin-bottom: 1rem; -} - -.md-typeset h1 { - font-size: 2.5rem; - font-weight: 700; -} - -.md-typeset h2 { - font-size: 2rem; - border-bottom: 2px solid var(--python-green); - padding-bottom: 0.5rem; -} - -.md-typeset h3 { - font-size: 1.5rem; - color: var(--python-green); -} - -/* Breadcrumbs mejorados */ -.breadcrumb-container { - background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); - border-radius: var(--border-radius); - padding: 1rem 1.5rem; - margin: 1rem 0 2rem 0; - box-shadow: var(--shadow-light); -} - -.breadcrumb { - display: flex; - align-items: center; - gap: 0.5rem; - font-size: 0.9rem; - color: var(--python-gray); -} - -.breadcrumb-item { - display: flex; - align-items: center; - gap: 0.5rem; -} - -.breadcrumb-item:not(:last-child)::after { - content: '›'; - color: var(--python-green); - font-weight: bold; - margin-left: 0.5rem; -} - -.breadcrumb-item a { - color: var(--python-green); - text-decoration: none; - transition: var(--transition-fast); - padding: 0.25rem 0.5rem; - border-radius: 6px; -} - -.breadcrumb-item a:hover { - background: var(--python-green); - color: white; - transform: translateY(-1px); -} - -.breadcrumb-item.active { - color: var(--python-black); - font-weight: 600; -} - -/* Optimización de imágenes */ -.avatar, .speaker-avatar, .volunteer-avatar { - width: 80px; - height: 80px; - border-radius: 50%; - object-fit: cover; - border: 3px solid var(--python-green); - box-shadow: var(--shadow-medium); - transition: var(--transition-normal); - background: linear-gradient(135deg, #f0f0f0 0%, #e0e0e0 100%); -} - -.avatar:hover, .speaker-avatar:hover, .volunteer-avatar:hover { - transform: scale(1.1) rotate(5deg); - box-shadow: var(--shadow-heavy); - border-color: var(--python-orange); -} - -/* Lazy loading para imágenes */ -.lazy-image { - opacity: 0; - transition: opacity var(--transition-normal); -} - -.lazy-image.loaded { - opacity: 1; -} - -/* Tarjetas mejoradas para ponentes y voluntarios */ -.speaker-card, .volunteer-card { - background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); - border: 1px solid #e9ecef; - border-radius: var(--border-radius-large); - padding: 1.5rem; - margin: 1rem 0; - box-shadow: var(--shadow-light); - transition: var(--transition-normal); - position: relative; - overflow: hidden; -} - -.speaker-card::before, .volunteer-card::before { - content: ''; - position: absolute; - top: 0; - left: 0; - right: 0; - height: 4px; - background: linear-gradient(90deg, var(--python-green), var(--python-cyan), var(--python-blue)); -} - -.speaker-card:hover, .volunteer-card:hover { - transform: translateY(-8px); - box-shadow: var(--shadow-heavy); - border-color: var(--python-green); -} - -.speaker-card { - border-left: 4px solid var(--python-orange); -} - -.volunteer-card { - border-left: 4px solid var(--python-purple); -} - -.card-header { - display: flex; - align-items: center; - gap: 1rem; - margin-bottom: 1rem; -} - -.card-title { - font-size: 1.3rem; - font-weight: 600; - color: var(--python-black); - margin: 0; - display: flex; - align-items: center; - gap: 0.5rem; -} - -.card-subtitle { - font-size: 0.9rem; - color: var(--python-gray); - margin: 0.25rem 0; -} - -.card-content { - margin-left: 0; -} - -.card-role { - margin: 1rem 0; - line-height: 1.6; -} - -.card-role ul { - margin: 0.5rem 0; - padding-left: 1.5rem; -} - -.card-role li { - margin: 0.25rem 0; - color: var(--python-gray); -} - -.badge { - background: linear-gradient(135deg, var(--python-green), var(--python-light-green)); - color: white; - padding: 0.25rem 0.75rem; - border-radius: 20px; - font-size: 0.8rem; - font-weight: 600; - text-transform: uppercase; - letter-spacing: 0.5px; - box-shadow: var(--shadow-light); -} - -.badge.organizer { - background: linear-gradient(135deg, var(--python-purple), #ba68c8); -} - -.badge.technical { - background: linear-gradient(135deg, var(--python-blue), #64b5f6); -} - -.badge.coordinator { - background: linear-gradient(135deg, var(--python-orange), #ffb74d); -} - -.badge.communications { - background: linear-gradient(135deg, var(--python-pink), #f06292); -} - -.badge.production { - background: linear-gradient(135deg, var(--python-cyan), #4dd0e1); -} - -.badge.logistics { - background: linear-gradient(135deg, var(--python-gray), #90a4ae); -} - -.badge.development { - background: linear-gradient(135deg, var(--python-red), #ef5350); -} - -.badge.mentor { - background: linear-gradient(135deg, #8bc34a, #aed581); -} - -/* Botones de acción mejorados */ -.action-buttons { - display: flex; - gap: 0.5rem; - margin-top: 1rem; - flex-wrap: wrap; -} - -.btn-action { - display: inline-flex; - align-items: center; - gap: 0.5rem; - padding: 0.5rem 1rem; - border: none; - border-radius: var(--border-radius); - font-size: 0.9rem; - font-weight: 600; - text-decoration: none; - transition: var(--transition-normal); - cursor: pointer; - box-shadow: var(--shadow-light); -} - -.btn-action.primary { - background: linear-gradient(135deg, var(--python-green), var(--python-light-green)); - color: white; -} - -.btn-action.secondary { - background: linear-gradient(135deg, var(--python-blue), #64b5f6); - color: white; -} - -.btn-action.outline { - background: transparent; - color: var(--python-green); - border: 2px solid var(--python-green); -} - -.btn-action:hover { - transform: translateY(-2px); - box-shadow: var(--shadow-medium); -} - -.btn-action.primary:hover { - background: linear-gradient(135deg, var(--python-light-green), var(--python-green)); -} - -.btn-action.secondary:hover { - background: linear-gradient(135deg, #64b5f6, var(--python-blue)); -} - -.btn-action.outline:hover { - background: var(--python-green); - color: white; -} - -/* Tablas mejoradas */ -.md-typeset table { - border-radius: var(--border-radius); - overflow: hidden; - box-shadow: var(--shadow-light); - border: none; - margin: 2rem 0; -} - -.md-typeset table th { - background: linear-gradient(135deg, var(--python-green), var(--python-light-green)); - color: white; - font-weight: 600; - padding: 1rem; - border: none; - text-align: left; -} - -.md-typeset table td { - padding: 1rem; - border-bottom: 1px solid #e9ecef; - transition: var(--transition-fast); -} - -.md-typeset table tr:hover { - background: linear-gradient(135deg, #f8f9fa, #e9ecef); - transform: scale(1.01); -} - -.md-typeset table tr:last-child td { - border-bottom: none; -} - -/* Búsqueda avanzada */ -.search-container { - background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); - border-radius: var(--border-radius-large); - padding: 2rem; - margin: 2rem 0; - box-shadow: var(--shadow-light); -} - -.search-input { - width: 100%; - padding: 1rem 1.5rem; - border: 2px solid #e9ecef; - border-radius: var(--border-radius); - font-size: 1rem; - transition: var(--transition-normal); - background: white; -} - -.search-input:focus { - outline: none; - border-color: var(--python-green); - box-shadow: 0 0 0 3px rgba(38, 159, 70, 0.1); -} - -.search-filters { - display: flex; - gap: 1rem; - margin-top: 1rem; - flex-wrap: wrap; -} - -.filter-chip { - padding: 0.5rem 1rem; - border: 2px solid var(--python-green); - border-radius: 20px; - background: white; - color: var(--python-green); - cursor: pointer; - transition: var(--transition-fast); - font-size: 0.9rem; - font-weight: 600; -} - -.filter-chip:hover, .filter-chip.active { - background: var(--python-green); - color: white; - transform: translateY(-1px); -} - -/* Mejoras de navegación */ -.md-nav__link { - transition: var(--transition-fast); - border-radius: 6px; - margin: 0.25rem 0; -} - -.md-nav__link:hover { - background: rgba(38, 159, 70, 0.1); - color: var(--python-green); -} - -.md-nav__link--active { - background: var(--python-green) !important; - color: white !important; -} - -/* Animaciones y transiciones */ -@keyframes fadeInUp { - from { - opacity: 0; - transform: translateY(30px); - } - to { - opacity: 1; - transform: translateY(0); - } -} - -@keyframes slideInLeft { - from { - opacity: 0; - transform: translateX(-30px); - } - to { - opacity: 1; - transform: translateX(0); - } -} - -.speaker-card, .volunteer-card, .meetup-card { - animation: fadeInUp 0.6s ease-out; -} - -.tabbed-block { - animation: slideInLeft 0.4s ease-out; -} - -/* Mejoras de rendimiento */ -.speaker-card, .volunteer-card { - will-change: transform; - backface-visibility: hidden; -} - -/* Responsive improvements */ -@media (max-width: 768px) { - .card-header { - flex-direction: column; - text-align: center; - } - - .action-buttons { - justify-content: center; - } - - .search-filters { - justify-content: center; - } - - .breadcrumb { - flex-wrap: wrap; - } - - .md-typeset h1 { - font-size: 2rem; - } - - .md-typeset h2 { - font-size: 1.5rem; - } -} - -/* Dark mode improvements */ -[data-md-color-scheme="slate"] { - --python-light-gray: #2d3748; -} - -[data-md-color-scheme="slate"] .speaker-card, -[data-md-color-scheme="slate"] .volunteer-card { - background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%); - border-color: #4a5568; -} - -[data-md-color-scheme="slate"] .search-container { - background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%); -} - -[data-md-color-scheme="slate"] .breadcrumb-container { - background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%); -} - -/* FontAwesome Icons Support */ -.fab, .fas, .far, .fal { - font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands", "Font Awesome 6 Solid", "Font Awesome 6 Regular", "Font Awesome 6 Light"; - font-weight: 900; - font-style: normal; - font-variant: normal; - text-rendering: auto; - -webkit-font-smoothing: antialiased; -} - -.fab { - font-family: "Font Awesome 6 Brands"; - font-weight: 400; -} - -.fas { - font-family: "Font Awesome 6 Free"; - font-weight: 900; -} - -.far { - font-family: "Font Awesome 6 Free"; - font-weight: 400; -} - -/* Ensure FontAwesome icons are visible */ -i[class*="fa-"] { - display: inline-block; - font-style: normal; - font-variant: normal; - text-rendering: auto; - -webkit-font-smoothing: antialiased; -} - -/* Hero Section */ -.hero-section { - background: linear-gradient(135deg, var(--python-green) 0%, var(--python-black) 100%); - color: white; - padding: 3rem 2rem; - border-radius: 15px; - text-align: center; - margin-bottom: 2rem; -} - -.hero-section h2 { - font-size: 2.5rem; - margin-bottom: 1rem; - background: linear-gradient(45deg, #ffd43b, #ffed4e); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - background-clip: text; -} - -/* Stats Grid */ -.stats-grid { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - gap: 1.5rem; - margin: 2rem 0; -} - -.stat-card { - background: white; - border: 2px solid var(--python-green); - border-radius: 15px; - padding: 2rem; - text-align: center; - transition: transform 0.3s ease, box-shadow 0.3s ease; -} - -.stat-card:hover { - transform: translateY(-5px); - box-shadow: 0 8px 25px rgba(38, 159, 70, 0.2); -} - -.stat-card h3 { - color: var(--python-green); - font-size: 2rem; - margin-bottom: 0.5rem; -} - -/* Upcoming Meetups */ -.upcoming-meetups { - background: var(--python-light-gray); - border-left: 4px solid var(--python-green); - padding: 1.5rem; - border-radius: 0 10px 10px 0; - margin: 2rem 0; -} - -.upcoming-meetups h3 { - color: var(--python-green); - margin-bottom: 1rem; -} - -/* Community Links */ -.community-links { - display: flex; - justify-content: center; - gap: 1rem; - flex-wrap: wrap; - margin: 2rem 0; -} - -.community-links a { - transition: transform 0.3s ease; -} - -.community-links a:hover { - transform: scale(1.05); -} - -/* Community Stats */ -.community-stats { - background: white; - border: 1px solid #e0e0e0; - border-radius: 15px; - padding: 2rem; - margin: 2rem 0; -} - -.community-stats h3 { - color: var(--python-green); - border-bottom: 2px solid var(--python-green); - padding-bottom: 0.5rem; - margin-bottom: 1rem; -} - -/* Features Grid */ -.features-grid { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); - gap: 1.5rem; - margin: 2rem 0; -} - -.feature-card { - background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); - border-radius: 12px; - padding: 20px; - margin: 15px 0; - color: white; - box-shadow: 0 4px 15px rgba(0,0,0,0.1); - transition: transform 0.3s ease; -} - -.feature-card:hover { - transform: translateY(-5px); -} - -.feature-card h3 { - color: white; - margin-top: 0; -} - -/* Meetups Grid */ -.meetups-grid { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); - gap: 1.5rem; - margin: 2rem 0; -} - -.meetup-card { - background: white; - border: 1px solid #e0e0e0; - border-radius: 15px; - padding: 1.5rem; - transition: transform 0.3s ease, box-shadow 0.3s ease; - position: relative; - overflow: hidden; -} - -.meetup-card::before { - content: ''; - position: absolute; - top: 0; - left: 0; - right: 0; - height: 4px; - background: linear-gradient(90deg, var(--python-orange), var(--python-red), var(--python-pink)); -} - -.meetup-card:hover { - transform: translateY(-5px); - box-shadow: 0 8px 25px rgba(0,0,0,0.15); -} - -.meetup-card h3 { - color: var(--python-green); - margin-top: 0; -} - -.topics-grid { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - gap: 1rem; - margin: 2rem 0; -} - -.topic-card { - background: white; - border: 1px solid #e0e0e0; - border-radius: 10px; - padding: 1rem; - text-align: center; - transition: transform 0.3s ease; -} - -.topic-card:hover { - transform: translateY(-3px); - box-shadow: 0 4px 15px rgba(0,0,0,0.1); -} - -.topic-card h3 { - color: var(--python-green); - margin-top: 0; -} - -.resources-grid { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); - gap: 1.5rem; - margin: 2rem 0; -} - -.resource-card { - background: white; - border: 1px solid #e0e0e0; - border-radius: 12px; - padding: 1.5rem; - transition: transform 0.3s ease, box-shadow 0.3s ease; - position: relative; - overflow: hidden; -} - -.resource-card::before { - content: ''; - position: absolute; - top: 0; - left: 0; - right: 0; - height: 3px; - background: linear-gradient(90deg, var(--python-blue), var(--python-cyan)); -} - -.resource-card:hover { - transform: translateY(-5px); - box-shadow: 0 8px 25px rgba(0,0,0,0.15); -} - -.resource-card h3 { - color: var(--python-blue); - margin-top: 0; -} - -.join-section { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); - gap: 2rem; - margin: 3rem 0; -} - -.join-card { - background: white; - border: 2px solid var(--python-green); - border-radius: 15px; - padding: 2rem; - text-align: center; - transition: transform 0.3s ease, box-shadow 0.3s ease; - position: relative; - overflow: hidden; -} - -.join-card:nth-child(1)::before { - content: ''; - position: absolute; - top: 0; - left: 0; - right: 0; - height: 4px; - background: linear-gradient(90deg, var(--python-orange), var(--python-red)); -} - -.join-card:nth-child(2)::before { - content: ''; - position: absolute; - top: 0; - left: 0; - right: 0; - height: 4px; - background: linear-gradient(90deg, var(--python-blue), var(--python-cyan)); -} - -.join-card:hover { - transform: translateY(-8px); - box-shadow: 0 12px 35px rgba(38, 159, 70, 0.2); -} - -.join-card h3 { - color: var(--python-green); - margin-top: 0; -} - -.latest-section { - background: var(--python-light-gray); - border-radius: 15px; - padding: 2rem; - margin: 2rem 0; -} - -.latest-section h3 { - color: var(--python-green); - margin-top: 0; -} - -.meetup-card { - background: white; - border: 1px solid #e0e0e0; - border-radius: 12px; - padding: 1.5rem; - margin: 1rem 0; - transition: transform 0.3s ease, box-shadow 0.3s ease; -} - -.meetup-card:hover { - transform: translateY(-3px); - box-shadow: 0 6px 20px rgba(0,0,0,0.1); -} - -.meetup-card.completed { - border-left: 4px solid var(--python-green); -} - -.meetup-card.upcoming { - border-left: 4px solid var(--python-orange); -} - -.meetup-card.planned { - border-left: 4px solid var(--python-blue); -} - -.meetup-meta { - display: flex; - gap: 1rem; - margin: 1rem 0; - font-size: 0.9rem; - color: var(--python-gray); -} - -.meetup-meta span { - display: flex; - align-items: center; - gap: 0.25rem; -} - -.meetup-tags { - display: flex; - gap: 0.5rem; - margin: 1rem 0; - flex-wrap: wrap; -} - -.meetup-tag { - background: var(--python-light-gray); - color: var(--python-gray); - padding: 0.25rem 0.75rem; - border-radius: 15px; - font-size: 0.8rem; - font-weight: 600; -} - -.btn { - display: inline-block; - padding: 0.75rem 1.5rem; - border: none; - border-radius: 8px; - text-decoration: none; - font-weight: 600; - transition: all 0.3s ease; - cursor: pointer; - text-align: center; -} - -.btn-primary { - background: var(--python-green); - color: white; -} - -.btn-primary:hover { - background: var(--python-light-green); - transform: translateY(-2px); -} - -.btn-secondary { - background: var(--python-blue); - color: white; -} - -.btn-secondary:hover { - background: #1976d2; - transform: translateY(-2px); -} - -.btn-danger { - background: var(--python-red); - color: white; -} - -.btn-danger:hover { - background: var(--python-light-red); - transform: translateY(-2px); -} - -.status-badge { - display: inline-block; - padding: 0.25rem 0.75rem; - border-radius: 15px; - font-size: 0.8rem; - font-weight: 600; - text-transform: uppercase; -} - -.status-completed { - background: var(--python-green); - color: white; -} - -.status-upcoming { - background: var(--python-orange); - color: white; -} - -.status-planned { - background: var(--python-blue); - color: white; -} - -@media (max-width: 768px) { - .hero-section h2 { - font-size: 2rem; - } - - .stats-grid { - grid-template-columns: 1fr; - } - - .features-grid { - grid-template-columns: 1fr; - } - - .community-links { - flex-direction: column; - } - - .meetup-meta { - flex-direction: column; - } - - .topics-grid { - grid-template-columns: 1fr; - } - - .resources-grid { - grid-template-columns: 1fr; - } - - .join-section { - grid-template-columns: 1fr; - } -} - -[data-md-color-scheme="slate"] { - --python-light-gray: #2d3748; -} - -[data-md-color-scheme="slate"] .stat-card, -[data-md-color-scheme="slate"] .meetup-card, -[data-md-color-scheme="slate"] .topic-card, -[data-md-color-scheme="slate"] .resource-card, -[data-md-color-scheme="slate"] .join-card { - background: #2d3748; - border-color: #4a5568; - color: #e2e8f0; -} - -@keyframes fadeInUp { - from { - opacity: 0; - transform: translateY(30px); - } - to { - opacity: 1; - transform: translateY(0); - } -} - -.meetup-card, -.topic-card, -.resource-card, -.join-card { - animation: fadeInUp 0.6s ease-out; -} - -::-webkit-scrollbar { - width: 8px; -} - -::-webkit-scrollbar-track { - background: #f1f1f1; -} - -::-webkit-scrollbar-thumb { - background: var(--python-green); - border-radius: 4px; -} - -::-webkit-scrollbar-thumb:hover { - background: var(--python-light-green); -} - -.pyred { - color: var(--python-red); -} - -.pygreen { - color: var(--python-green); -} - -.parallax-container { - position: relative; - overflow: hidden; - height: 400px; - background: linear-gradient(135deg, var(--python-green) 0%, var(--python-black) 100%); -} - -.parallax-container .section { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - display: flex; - align-items: center; - justify-content: center; - color: white; - text-align: center; -} - -.parallax-img { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - object-fit: cover; - opacity: 0.3; - z-index: -1; -} - -.btn-floating-svg { - position: fixed; - bottom: 20px; - right: 20px; - width: 60px; - height: 60px; - background: var(--python-green); - border-radius: 50%; - display: flex; - align-items: center; - justify-content: center; - box-shadow: 0 4px 15px rgba(0,0,0,0.2); - transition: all 0.3s ease; - z-index: 1000; -} - -.btn-floating-svg:hover { - transform: scale(1.1); - box-shadow: 0 6px 20px rgba(0,0,0,0.3); -} - -.btn-floating-svg svg { - width: 24px; - height: 24px; - fill: white; -} - -@media only screen and (max-width : 992px) { - .parallax-container .section { - padding: 0 20px; - } - - #index-banner .section { - top: 10%; - } -} - -@media only screen and (max-width : 600px) { - #index-banner .section { - top: 0%; - } - - .btn-floating-svg { - width: 50px; - height: 50px; - bottom: 15px; - right: 15px; - } -} - -.tag-filter { - display: inline-block; - padding: 0.5rem 1rem; - margin: 0.25rem; - background: var(--python-light-gray); - color: var(--python-gray); - border-radius: 20px; - text-decoration: none; - transition: all 0.3s ease; - font-size: 0.9rem; - font-weight: 600; - cursor: pointer; - border: 2px solid transparent; -} - -.tag-filter:hover { - background: var(--python-green); - color: white; - transform: translateY(-2px); -} - -.tag-filter.active { - background: var(--python-green); - color: white; - border-color: var(--python-green); -} - -.meetup-card { - transition: all 0.3s ease; -} - -.meetup-card.hidden { - display: none; -} - -.tag-filters { - display: flex; - gap: 0.5rem; - margin: 2rem 0; - flex-wrap: wrap; - justify-content: center; -} - -.tag-filters h3 { - width: 100%; - text-align: center; - margin-bottom: 1rem; - color: var(--python-green); -} - -.clear-filters { - background: var(--python-red); - color: white; - padding: 0.5rem 1rem; - border: none; - border-radius: 20px; - cursor: pointer; - transition: all 0.3s ease; - font-weight: 600; -} - -.clear-filters:hover { - background: var(--python-light-red); - transform: translateY(-2px); -} - -.year-card { - background: white; - border: 2px solid var(--python-green); - border-radius: 15px; - padding: 2rem; - text-align: center; - transition: transform 0.3s ease, box-shadow 0.3s ease; - text-decoration: none; - color: inherit; - display: block; -} - -.year-card:hover { - transform: translateY(-8px); - box-shadow: 0 12px 35px rgba(38, 159, 70, 0.2); - text-decoration: none; - color: inherit; -} - -.year-card h2 { - color: var(--python-green); - margin-top: 0; - font-size: 2rem; -} - -.community-section { - background: var(--python-light-gray); - border-radius: 15px; - padding: 2rem; - margin: 2rem 0; -} - -.community-section h2 { - color: var(--python-green); - margin-top: 0; -} - -.benefits-list { - list-style: none; - padding: 0; -} - -.benefits-list li { - padding: 0.5rem 0; - border-left: 3px solid var(--python-green); - padding-left: 1rem; - margin: 0.5rem 0; -} - -.process-steps { - list-style: none; - padding: 0; - counter-reset: step-counter; -} - -.process-steps li { - padding: 1rem 0; - margin: 1rem 0; - counter-increment: step-counter; - position: relative; - padding-left: 3rem; -} - -.process-steps li::before { - content: counter(step-counter); - position: absolute; - left: 0; - top: 50%; - transform: translateY(-50%); - width: 2rem; - height: 2rem; - background: var(--python-green); - color: white; - border-radius: 50%; - display: flex; - align-items: center; - justify-content: center; - font-weight: bold; - font-size: 1rem; -} - -.requirements-list { - list-style: none; - padding: 0; -} - -.requirements-list li { - padding: 0.5rem 0; - border-left: 3px solid var(--python-orange); - padding-left: 1rem; - margin: 0.5rem 0; -} - -.latest-updates { - background: var(--python-light-gray); - border-radius: 15px; - padding: 2rem; - margin: 2rem 0; -} - -.latest-updates h2 { - color: var(--python-green); - margin-top: 0; -} - -.md-typeset table { - border-radius: 8px; - overflow: hidden; - box-shadow: 0 2px 8px rgba(0,0,0,0.1); -} - -.md-typeset table th { - background: var(--python-green); - color: white; - font-weight: 600; - padding: 1rem; -} - -.md-typeset table th a { - color: white; - text-decoration: none; -} - -.md-typeset table th a:hover { - text-decoration: underline; -} - -.md-typeset table td { - padding: 1rem; - border-bottom: 1px solid #e0e0e0; -} - -.md-typeset table tr:hover { - background: #f5f5f5; -} - -@media (max-width: 768px) { - .topic-grid { - grid-template-columns: 1fr; - } - - .year-card { - margin: 1rem 0; - } - - .feature-card { - margin: 1rem 0; - } -} - -.volunteer-card, .speaker-card { - background: white; - border: 1px solid #e0e0e0; - border-radius: 12px; - padding: 1.5rem; - margin: 1rem 0; - transition: transform 0.3s ease, box-shadow 0.3s ease; -} - -.volunteer-card:hover, .speaker-card:hover { - transform: translateY(-5px); - box-shadow: 0 8px 25px rgba(0,0,0,0.15); -} - -.volunteer-card { - border-left: 4px solid var(--python-purple); -} - -.speaker-card { - border-left: 4px solid var(--python-orange); -} - -.avatar { - width: 80px; - height: 80px; - border-radius: 50%; - object-fit: cover; - border: 3px solid var(--python-green); - box-shadow: 0 4px 15px rgba(0,0,0,0.1); -} - -.card-content { - margin-left: 0; -} - -.card-title { - font-size: 1.3rem; - font-weight: 600; - color: var(--python-black); - margin: 0; -} - -.card-role { - margin: 1rem 0; -} - -.badge { - background: var(--python-green); - color: white; - padding: 0.25rem 0.75rem; - border-radius: 20px; - font-size: 0.8rem; - font-weight: 600; - text-transform: uppercase; - letter-spacing: 0.5px; -} - -.speaker-card .badge { - background: var(--python-orange); -} - -.card-socials { - display: flex; - gap: 0.5rem; - margin-top: 1rem; -} - -.social-btn { - width: 40px; - height: 40px; - border-radius: 50%; - display: flex; - align-items: center; - justify-content: center; - color: white; - text-decoration: none; - transition: all 0.3s ease; - font-size: 1.2rem; - box-shadow: 0 2px 8px rgba(0,0,0,0.1); -} - -.social-btn:hover { - transform: translateY(-2px); - box-shadow: 0 4px 15px rgba(0,0,0,0.2); -} - -.speaker-card .social-btn:hover { - background: var(--python-orange); -} - -@media (max-width: 600px) { - .volunteer-card, .speaker-card { - padding: 1rem; - } - - .avatar { - width: 60px; - height: 60px; - } - - .card-title { - font-size: 1.1rem; - } -} - -/* ===== ESTILOS MODERNOS PARA PÁGINAS DE MEETUPS ===== */ - -/* Hero section del meetup */ -.meetup-hero { - background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); - color: white; - padding: 3rem 2rem; - border-radius: 20px; - margin: 2rem 0; - text-align: center; - box-shadow: 0 15px 35px rgba(102, 126, 234, 0.3); - position: relative; - overflow: hidden; -} - -.meetup-hero::before { - content: ''; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: url('data:image/svg+xml,'); - opacity: 0.3; -} - -.meetup-hero h1 { - position: relative; - z-index: 2; - font-size: 2.8rem; - font-weight: 700; - margin: 0 0 1rem 0; - text-shadow: 0 2px 4px rgba(0,0,0,0.3); -} - -.meetup-hero .meetup-subtitle { - position: relative; - z-index: 2; - font-size: 1.3rem; - opacity: 0.9; - margin: 0; -} - -/* Banner del meetup */ -.meetup-banner { - text-align: center; - margin: 2rem 0; - position: relative; -} - -.meetup-banner img { - max-width: 100%; - border-radius: 16px; - box-shadow: 0 8px 25px rgba(0,0,0,0.15); - transition: transform 0.3s ease, box-shadow 0.3s ease; -} - -.meetup-banner img:hover { - transform: translateY(-5px); - box-shadow: 0 15px 35px rgba(0,0,0,0.2); -} - -/* Grid de detalles del evento */ -.event-details { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); - gap: 1.5rem; - margin: 2rem 0; -} - -.detail-card { - background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); - padding: 1.8rem; - border-radius: 16px; - border-left: 5px solid; - box-shadow: 0 4px 15px rgba(0,0,0,0.1); - transition: all 0.3s ease; - position: relative; - overflow: hidden; -} - -.detail-card::before { - content: ''; - position: absolute; - top: 0; - left: 0; - right: 0; - height: 3px; - background: linear-gradient(90deg, var(--python-green), var(--python-cyan)); - transform: scaleX(0); - transition: transform 0.3s ease; -} - -.detail-card:hover::before { - transform: scaleX(1); -} - -.detail-card:hover { - transform: translateY(-5px); - box-shadow: 0 8px 25px rgba(0,0,0,0.15); -} - -.detail-card h3 { - margin: 0 0 0.8rem 0; - font-size: 1.2rem; - font-weight: 600; - display: flex; - align-items: center; - gap: 0.5rem; -} - -.detail-card p { - margin: 0; - font-size: 1.1rem; - font-weight: 600; - color: #333; -} - -/* Colores específicos para cada tipo de detalle */ -.detail-card.date-card { - border-left-color: #28a745; -} - -.detail-card.time-card { - border-left-color: #007bff; -} - -.detail-card.location-card { - border-left-color: #dc3545; -} - -.detail-card.free-card { - background: linear-gradient(135deg, #28a745 0%, #20c997 100%); - color: white; - border-left-color: #28a745; -} - -.detail-card.free-card h3, -.detail-card.free-card p { - color: white; -} - -.detail-card.rsvp-card { - border-left-color: #ffc107; -} - -/* Sección del ponente */ -.speaker-section { - background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); - color: white; - padding: 2.5rem; - border-radius: 20px; - margin: 2rem 0; - display: flex; - align-items: center; - gap: 2rem; - box-shadow: 0 12px 30px rgba(102, 126, 234, 0.3); - position: relative; - overflow: hidden; -} - -.speaker-section::before { - content: ''; - position: absolute; - top: -50%; - right: -50%; - width: 200%; - height: 200%; - background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%); - animation: float 6s ease-in-out infinite; -} - -@keyframes float { - 0%, 100% { transform: translateY(0px) rotate(0deg); } - 50% { transform: translateY(-20px) rotate(180deg); } -} - -.speaker-photo { - flex-shrink: 0; - position: relative; - z-index: 2; -} - -.speaker-photo img { - width: 160px; - height: 160px; - border-radius: 50%; - border: 5px solid rgba(255,255,255,0.3); - box-shadow: 0 8px 25px rgba(0,0,0,0.3); - object-fit: cover; - transition: transform 0.3s ease; -} - -.speaker-photo img:hover { - transform: scale(1.05); -} - -.speaker-info { - position: relative; - z-index: 2; - flex: 1; -} - -.speaker-info h2 { - margin: 0 0 0.5rem 0; - font-size: 2.2rem; - font-weight: 700; - text-shadow: 0 2px 4px rgba(0,0,0,0.3); -} - -.speaker-info .speaker-role { - margin: 0 0 1rem 0; - font-size: 1.2rem; - opacity: 0.9; - font-weight: 500; -} - -.speaker-info .speaker-bio { - margin: 0 0 1.5rem 0; - line-height: 1.7; - font-size: 1.1rem; - opacity: 0.95; -} - -/* Descripción de la charla */ -.talk-description { - background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); - padding: 2.5rem; - border-radius: 20px; - margin: 2rem 0; - border-left: 6px solid var(--python-green); - box-shadow: 0 8px 25px rgba(0,0,0,0.1); - position: relative; - overflow: hidden; -} - -.talk-description::before { - content: ''; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: linear-gradient(45deg, transparent 30%, rgba(40, 167, 69, 0.05) 50%, transparent 70%); - transform: translateX(-100%); - transition: transform 0.6s ease; -} - -.talk-description:hover::before { - transform: translateX(100%); -} - -.talk-description h3 { - margin: 0 0 1.5rem 0; - font-size: 1.8rem; - font-weight: 600; - color: var(--python-green); - display: flex; - align-items: center; - gap: 0.8rem; -} - -.talk-description p { - line-height: 1.8; - font-size: 1.1rem; - margin-bottom: 1.5rem; - color: #333; -} - -/* Stack de tecnologías */ -.tech-stack { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); - gap: 1.2rem; - margin: 2rem 0; -} - -.tech-item { - background: white; - padding: 1.5rem; - border-radius: 12px; - text-align: center; - box-shadow: 0 4px 15px rgba(0,0,0,0.1); - transition: all 0.3s ease; - border: 2px solid transparent; -} - -.tech-item:hover { - transform: translateY(-5px); - box-shadow: 0 8px 25px rgba(0,0,0,0.15); - border-color: var(--python-green); -} - -.tech-item h4 { - margin: 0 0 0.5rem 0; - font-size: 1.2rem; - font-weight: 600; - display: flex; - align-items: center; - justify-content: center; - gap: 0.5rem; -} - -.tech-item p { - margin: 0; - font-size: 0.95rem; - color: #666; -} - -/* Sección de video */ -.video-section { - text-align: center; - margin: 2rem 0; -} - -.video-container { - background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); - padding: 2.5rem; - border-radius: 20px; - box-shadow: 0 8px 25px rgba(0,0,0,0.1); - position: relative; - overflow: hidden; -} - -.video-container::before { - content: ''; - position: absolute; - top: 0; - left: 0; - right: 0; - height: 4px; - background: linear-gradient(90deg, #dc3545, #ff6b6b); -} - -.video-container h3 { - margin: 0 0 1.5rem 0; - font-size: 1.8rem; - font-weight: 600; - color: #dc3545; - display: flex; - align-items: center; - justify-content: center; - gap: 0.8rem; -} - -.video-wrapper { - position: relative; - padding-bottom: 56.25%; - height: 0; - margin-bottom: 1.5rem; - border-radius: 12px; - overflow: hidden; -} - -.video-wrapper iframe { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - border-radius: 12px; - box-shadow: 0 4px 15px rgba(0,0,0,0.2); -} - -.youtube-btn { - background: linear-gradient(135deg, #dc3545 0%, #ff6b6b 100%); - color: white; - padding: 1rem 2rem; - border-radius: 50px; - text-decoration: none; - font-weight: 600; - display: inline-flex; - align-items: center; - gap: 0.8rem; - transition: all 0.3s ease; - box-shadow: 0 4px 15px rgba(220, 53, 69, 0.3); -} - -.youtube-btn:hover { - transform: translateY(-2px); - box-shadow: 0 8px 25px rgba(220, 53, 69, 0.4); - color: white; - text-decoration: none; -} - -/* Tags de temas */ -.tags-section { - margin: 2rem 0; -} - -.tags-grid { - display: flex; - flex-wrap: wrap; - gap: 0.8rem; - justify-content: center; -} - -.tag-link { - background: linear-gradient(135deg, var(--python-blue) 0%, var(--python-cyan) 100%); - color: white; - padding: 0.8rem 1.5rem; - border-radius: 25px; - font-weight: 600; - text-decoration: none; - transition: all 0.3s ease; - box-shadow: 0 4px 15px rgba(33, 150, 243, 0.3); - display: flex; - align-items: center; - gap: 0.5rem; -} - -.tag-link:hover { - transform: translateY(-2px); - box-shadow: 0 8px 25px rgba(33, 150, 243, 0.4); - color: white; - text-decoration: none; -} - -/* Sección de networking */ -.networking-section { - background: linear-gradient(135deg, #28a745 0%, #20c997 100%); - color: white; - padding: 2.5rem; - border-radius: 20px; - margin: 2rem 0; - text-align: center; - box-shadow: 0 12px 30px rgba(40, 167, 69, 0.3); - position: relative; - overflow: hidden; -} - -.networking-section::before { - content: ''; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: url('data:image/svg+xml,'); - opacity: 0.3; -} - -.networking-section h3 { - position: relative; - z-index: 2; - margin: 0 0 1rem 0; - font-size: 1.8rem; - font-weight: 600; - display: flex; - align-items: center; - justify-content: center; - gap: 0.8rem; -} - -.networking-section p { - position: relative; - z-index: 2; - margin: 0; - font-size: 1.1rem; - line-height: 1.7; - opacity: 0.95; -} - -/* Enlaces de la comunidad */ -.community-links { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - gap: 1.2rem; - margin: 2rem 0; -} - -.community-link { - background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); - color: #333; - padding: 1.5rem; - border-radius: 16px; - text-decoration: none; - text-align: center; - font-weight: 600; - transition: all 0.3s ease; - display: flex; - align-items: center; - justify-content: center; - gap: 0.8rem; - box-shadow: 0 4px 15px rgba(0,0,0,0.1); - border: 2px solid transparent; -} - -.community-link:hover { - transform: translateY(-5px); - box-shadow: 0 8px 25px rgba(0,0,0,0.15); - color: #333; - text-decoration: none; -} - -.community-link.telegram { - border-color: #0088cc; -} - -.community-link.telegram:hover { - background: linear-gradient(135deg, #0088cc 0%, #00a8ff 100%); - color: white; -} - -.community-link.meetup { - border-color: #e51937; -} - -.community-link.meetup:hover { - background: linear-gradient(135deg, #e51937 0%, #ff4757 100%); - color: white; -} - -.community-link.youtube { - border-color: #ff0000; -} - -.community-link.youtube:hover { - background: linear-gradient(135deg, #ff0000 0%, #ff6b6b 100%); - color: white; -} - -.community-link.github { - border-color: #333; -} - -.community-link.github:hover { - background: linear-gradient(135deg, #333 0%, #666 100%); - color: white; -} - -.community-link.instagram { - border-color: #e4405f; -} - -.community-link.instagram:hover { - background: linear-gradient(135deg, #e4405f 0%, #ff6b9d 100%); - color: white; -} - -.community-link.linkedin { - border-color: #0077b5; -} - -.community-link.linkedin:hover { - background: linear-gradient(135deg, #0077b5 0%, #00a0dc 100%); - color: white; -} - -/* Footer del meetup */ -.meetup-footer { - text-align: center; - margin-top: 3rem; - padding: 2rem; - background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); - border-radius: 16px; - box-shadow: 0 4px 15px rgba(0,0,0,0.1); -} - -.meetup-footer p { - margin: 0; - color: #6c757d; - font-style: italic; - font-size: 0.95rem; -} - -/* Responsive design para meetups */ -@media (max-width: 768px) { - .meetup-hero h1 { - font-size: 2.2rem; - } - - .meetup-hero .meetup-subtitle { - font-size: 1.1rem; - } - - .event-details { - grid-template-columns: 1fr; - } - - .speaker-section { - flex-direction: column; - text-align: center; - gap: 1.5rem; - } - - .speaker-photo img { - width: 120px; - height: 120px; - } - - .speaker-info h2 { - font-size: 1.8rem; - } - - .tech-stack { - grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); - } - - .community-links { - grid-template-columns: 1fr; - } - - .tags-grid { - justify-content: flex-start; - } -} - -@media (max-width: 480px) { - .meetup-hero { - padding: 2rem 1rem; - } - - .meetup-hero h1 { - font-size: 1.8rem; - } - - .detail-card { - padding: 1.5rem; - } - - .speaker-section { - padding: 2rem 1.5rem; - } - - .talk-description { - padding: 2rem 1.5rem; - } - - .video-container { - padding: 2rem 1.5rem; - } - - .networking-section { - padding: 2rem 1.5rem; - } -} +/* ============================================================================= + PYTHON CDMX - ESTILOS PERSONALIZADOS PARA MKDOCS MATERIAL + + Este archivo contiene los estilos personalizados para el sitio web de Python CDMX. + Utiliza las variables nativas de MkDocs Material para garantizar compatibilidad + automática con modo claro/oscuro. + + Estructura: + - Dependencias externas + - Variables CSS personalizadas + - Sección Hero + - Sistema de botones + - Tarjetas y grillas + - Tarjetas de voluntarios + - Tarjetas de comunidades aliadas + - Enlaces de comunidad + - Lema de la comunidad y navegación + - Iconografía + - Animaciones + - Media queries responsivas (consolidados) + ============================================================================= */ + + @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css'); + + /* ----------------------------------------------------------------------------- + VARIABLES CSS PERSONALIZADAS + ----------------------------------------------------------------------------- */ + + :root { + /* Colores principales */ + --python-green: #4CAF50; + --python-green-dark: #45a049; + --python-white: #ffffff; + + /* Radios y espaciado */ + --button-radius: 3.125rem; + --card-radius: 0.75rem; + + /* Colores de redes sociales */ + --telegram-color: #0088cc; + --meetup-color: #ed1c40; + --youtube-color: #ff0000; + --github-color: #333333; + --instagram-color: #e4405f; + --linkedin-color: #0077b5; + + /* Colores de años y especialización */ + --year-2024-color: #2196F3; + --year-2024-hover: #1976D2; + --year-2023-color: #FF9800; + --year-2023-hover: #F57C00; + + /* Colores de badges */ + --badge-ambassador: #2E7D32; + --badge-organizer: #1565C0; + --badge-production: #E65100; + --badge-host: #6A1B9A; + --badge-technical: #37474F; + --badge-support: #3E2723; + --badge-global: #AD1457; + --badge-strategic: #283593; + + /* Transiciones estándar */ + --transition-base: all 0.3s ease; + --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); + } + + .pygreen { + color: var(--md-primary-fg-color); + font-weight: 400; + } + + /* ----------------------------------------------------------------------------- + SECCIÓN HERO + ----------------------------------------------------------------------------- */ + + .hero-section { + padding: 2rem 1rem; + text-align: center; + margin-bottom: 2rem; + border-radius: var(--card-radius); + background: var(--md-default-bg-color); + border: 1px solid var(--md-default-fg-color--lightest); + } + + .hero-logo { + width: 7.5rem; + height: 7.5rem; + margin-bottom: 1.5rem; + border-radius: 1rem; + box-shadow: var(--md-shadow-z1); + } + + .hero-section h1 { + font-size: clamp(2.5rem, 8vw, 4rem); + margin-bottom: 1rem; + line-height: 1.2; + } + + .hero-subtitle { + font-size: 1.125rem; + color: var(--md-default-fg-color--light); + max-width: 37.5rem; + margin: 0 auto 2rem; + line-height: 1.7; + } + + /* ----------------------------------------------------------------------------- + SISTEMA DE BOTONES + ----------------------------------------------------------------------------- */ + + .action-buttons { + display: flex; + gap: 1rem; + justify-content: center; + flex-wrap: wrap; + } + + .action-buttons a { + display: inline-flex; + align-items: center; + justify-content: center; + padding: 1rem 1.5rem; + border-radius: var(--button-radius); + text-decoration: none; + font-weight: 500; + transition: var(--transition-base); + min-width: 8.75rem; + } + + .action-buttons a:first-child { + background: var(--md-primary-fg-color); + color: var(--python-white); + } + + .action-buttons a:first-child:hover { + opacity: 0.9; + transform: translateY(-1px); + } + + .action-buttons a:last-child { + background: transparent; + color: var(--md-primary-fg-color); + border: 2px solid var(--md-primary-fg-color); + } + + .action-buttons a:last-child:hover { + background: var(--md-primary-fg-color); + color: var(--python-white); + } + + /* Botones estándar del sitio */ + .upcoming-btn, + .btn, + .btn-primary, + .participation-card a, + .year-card a { + background: var(--python-green); + color: var(--python-white); + padding: 0.75rem 1.5rem; + border-radius: var(--button-radius); + text-decoration: none; + font-weight: 600; + display: inline-flex; + align-items: center; + justify-content: center; + gap: 0.5rem; + transition: var(--transition-base); + border: none; + margin-top: 1rem; + } + + .upcoming-btn:hover, + .btn:hover, + .btn-primary:hover, + .participation-card a:hover, + .year-card a:hover { + background: var(--python-green-dark); + color: var(--python-white); + transform: translateY(-2px); + box-shadow: var(--md-shadow-z2); + text-decoration: none; + } + + /* Botones de navegación discretos */ + .btn-nav { + background: transparent; + color: var(--md-default-fg-color--light); + border: 1px solid var(--md-default-fg-color--lightest); + padding: 0.5rem 1rem; + border-radius: 1.5rem; + text-decoration: none; + font-weight: 500; + font-size: 0.875rem; + display: inline-flex; + align-items: center; + justify-content: center; + gap: 0.375rem; + transition: var(--transition-base); + margin: 0.25rem; + min-width: 140px; + text-align: center; + white-space: nowrap; + } + + .btn-nav:hover { + background: var(--md-default-fg-color--lightest); + color: var(--md-default-fg-color); + border-color: var(--md-default-fg-color--light); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + text-decoration: none; + } + + .btn-nav i { + font-size: 0.875em; + opacity: 0.7; + } + + .btn-nav:hover i { + opacity: 1; + } + + /* ----------------------------------------------------------------------------- + TARJETAS Y GRILLAS + ----------------------------------------------------------------------------- */ + + /* Estilos base para todas las tarjetas */ + .participation-card, + .year-card, + .stat-card, + .community-highlight, + .upcoming-events { + background: var(--md-default-bg-color); + border: 1px solid var(--md-default-fg-color--lightest); + border-radius: var(--card-radius); + text-align: center; + transition: var(--transition-smooth); + position: relative; + overflow: hidden; + } + + /* Grillas responsivas */ + .participation-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); + gap: 1.5rem; + margin: 2rem 0; + } + + .year-cards { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); + gap: 1.5rem; + margin: 2rem 0; + } + + .stats-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); + gap: 1.5rem; + margin: 2rem 0; + } + + /* Caso especial: cuando hay 3 tarjetas de participación, la tercera ocupa toda la fila */ + .participation-grid .participation-card:nth-child(3):nth-last-child(1) { + grid-column: 1 / -1; + max-width: 400px; + margin: 0 auto; + } + + /* Tarjetas de participación */ + .participation-card { + padding: 2rem; + min-height: 200px; + display: flex; + flex-direction: column; + justify-content: space-between; + } + + .participation-card:hover { + transform: translateY(-5px); + box-shadow: var(--md-shadow-z3); + border-color: var(--md-primary-fg-color); + } + + .participation-card h3 { + color: var(--md-default-fg-color); + margin-bottom: 1rem; + font-size: 1.25rem; + font-weight: 600; + } + + .participation-card h3 i { + font-size: 2rem; + color: var(--md-primary-fg-color); + margin-bottom: 0.5rem; + display: block; + } + + .participation-card p { + color: var(--md-default-fg-color--light); + line-height: 1.6; + margin-bottom: 1.5rem; + flex-grow: 1; + } + + /* Tarjetas de años */ + .year-card { + padding: 0.5rem 2rem; + min-height: 200px; + display: flex; + flex-direction: column; + justify-content: space-between; + } + + .year-card:hover { + transform: translateY(-5px); + box-shadow: var(--md-shadow-z3); + border-color: var(--md-primary-fg-color); + } + + .year-card::before { + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + height: 4px; + background: linear-gradient(90deg, var(--md-primary-fg-color), var(--python-green)); + opacity: 0; + transition: var(--transition-base); + } + + .year-card:hover::before { + opacity: 1; + } + + .year-card h3 { + color: var(--md-default-fg-color); + margin-bottom: 0.5rem; + font-size: 1.5rem; + font-weight: 700; + } + + .year-card h3 i { + font-size: 2rem; + color: var(--md-primary-fg-color); + margin-bottom: 0.25rem; + display: block; + } + + .year-card p { + color: var(--md-default-fg-color--light); + line-height: 1.4; + margin-bottom: 0.25rem; + } + + .year-card p:first-of-type { + font-size: 1.125rem; + font-weight: 600; + color: var(--md-primary-fg-color); + } + + .year-card a { + margin-top: auto; + } + + /* Tarjetas de estadísticas */ + .stat-card { + padding: 1.5rem; + } + + .stat-card:hover { + transform: translateY(-3px); + box-shadow: var(--md-shadow-z2); + border-color: var(--md-primary-fg-color); + } + + .stat-card h3 { + color: var(--md-primary-fg-color); + margin-bottom: 0.5rem; + font-size: 1.25rem; + font-weight: 700; + } + + .stat-card h3 i { + font-size: 1.5rem; + margin-bottom: 0.5rem; + display: block; + } + + .stat-card p { + color: var(--md-default-fg-color--light); + font-weight: 500; + } + + /* Especialización de tarjetas por tipo */ + .participation-ponente, + .year-2025 { + border-left: 4px solid var(--python-green); + } + + .participation-voluntario, + .year-2024 { + border-left: 4px solid var(--year-2024-color); + } + + .participation-asistir, + .year-2023 { + border-left: 4px solid var(--year-2023-color); + } + + .year-2025:hover { + border-left-color: var(--python-green-dark); + } + + .year-2024:hover { + border-left-color: var(--year-2024-hover); + } + + .year-2023:hover { + border-left-color: var(--year-2023-hover); + } + + /* ----------------------------------------------------------------------------- + TARJETAS DE VOLUNTARIOS + ----------------------------------------------------------------------------- */ + + .volunteer-card { + background: var(--md-default-bg-color); + border: 1px solid var(--md-default-fg-color--lightest); + border-radius: var(--card-radius); + padding: 2rem; + margin-bottom: 2rem; + transition: var(--transition-base); + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); + } + + .volunteer-card:hover { + transform: translateY(-2px); + box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1); + border-color: var(--md-primary-fg-color--light); + } + + .volunteer-card .card-header { + display: grid; + grid-template-columns: 1fr auto; + gap: 2rem; + align-items: start; + margin-bottom: 1.5rem; + } + + .volunteer-card .card-info { + display: flex; + flex-direction: column; + gap: 0.75rem; + } + + .volunteer-card .card-title { + font-size: 1.5rem; + font-weight: 700; + color: var(--md-default-fg-color); + margin: 0; + line-height: 1.2; + } + + .volunteer-card .card-title i { + color: var(--md-primary-fg-color); + margin-right: 0.5rem; + } + + .volunteer-card .card-subtitle { + font-size: 1rem; + color: var(--md-default-fg-color--light); + margin: 0; + font-weight: 500; + line-height: 1.4; + } + + .volunteer-card .badges-container { + display: flex; + gap: 0.5rem; + flex-wrap: wrap; + } + + .volunteer-card .badge { + padding: 0.125rem 0.5rem; + border-radius: 0.75rem; + font-size: 0.625rem; + font-weight: 500; + text-transform: uppercase; + letter-spacing: 0.03em; + opacity: 0.85; + } + + /* Badges específicos por rol */ + .volunteer-card .badge.ambassador { + background: rgba(76, 175, 80, 0.15); + color: var(--badge-ambassador); + border: 1px solid rgba(76, 175, 80, 0.3); + } + + .volunteer-card .badge.organizer { + background: rgba(33, 150, 243, 0.15); + color: var(--badge-organizer); + border: 1px solid rgba(33, 150, 243, 0.3); + } + + .volunteer-card .badge.production { + background: rgba(255, 152, 0, 0.15); + color: var(--badge-production); + border: 1px solid rgba(255, 152, 0, 0.3); + } + + .volunteer-card .badge.host { + background: rgba(156, 39, 176, 0.15); + color: var(--badge-host); + border: 1px solid rgba(156, 39, 176, 0.3); + } + + .volunteer-card .badge.technical { + background: rgba(96, 125, 139, 0.15); + color: var(--badge-technical); + border: 1px solid rgba(96, 125, 139, 0.3); + } + + .volunteer-card .badge.support { + background: rgba(121, 85, 72, 0.15); + color: var(--badge-support); + border: 1px solid rgba(121, 85, 72, 0.3); + } + + .volunteer-card .badge.global { + background: rgba(233, 30, 99, 0.15); + color: var(--badge-global); + border: 1px solid rgba(233, 30, 99, 0.3); + } + + .volunteer-card .badge.strategic { + background: rgba(63, 81, 181, 0.15); + color: var(--badge-strategic); + border: 1px solid rgba(63, 81, 181, 0.3); + } + + /* Avatar y sección social */ + .volunteer-card .avatar-section { + display: flex; + flex-direction: column; + align-items: center; + gap: 1rem; + } + + .volunteer-card .volunteer-avatar { + width: 100px; + height: 100px; + border-radius: 50%; + object-fit: cover; + border: 3px solid var(--md-primary-fg-color--light); + transition: var(--transition-base); + } + + .volunteer-card:hover .volunteer-avatar { + border-color: var(--md-primary-fg-color); + transform: scale(1.05); + } + + .volunteer-card .social-icons { + display: flex; + gap: 0.5rem; + justify-content: center; + } + + .volunteer-card .social-icon { + display: flex; + align-items: center; + justify-content: center; + width: 32px; + height: 32px; + border-radius: 50%; + background: var(--md-default-fg-color--lightest); + color: var(--md-default-fg-color--light); + text-decoration: none; + transition: var(--transition-base); + font-size: 0.875rem; + } + + .volunteer-card .social-icon:hover { + transform: translateY(-2px); + text-decoration: none; + } + + .volunteer-card .social-icon.linkedin:hover { + background: var(--linkedin-color); + color: white; + } + + .volunteer-card .social-icon.github:hover { + background: var(--github-color); + color: white; + } + + /* Contenido de la tarjeta */ + .volunteer-card .card-content { + border-top: 1px solid var(--md-default-fg-color--lightest); + padding-top: 1.5rem; + } + + .volunteer-card .card-role { + line-height: 1.6; + } + + .volunteer-card .role-title { + font-weight: 700; + color: var(--md-primary-fg-color); + font-size: 0.9rem; + text-transform: uppercase; + letter-spacing: 0.05em; + display: block; + margin-bottom: 0.5rem; + } + + .volunteer-card .role-description { + font-weight: 500; + color: var(--md-default-fg-color--light); + font-size: 0.875rem; + font-style: italic; + line-height: 1.4; + display: block; + margin-bottom: 1rem; + } + + .volunteer-card .card-role ul { + margin-top: 1rem; + padding-left: 1.5rem; + } + + .volunteer-card .card-role li { + margin-bottom: 0.5rem; + color: var(--md-default-fg-color--light); + } + + /* Encabezados ocultos para voluntarios */ + .volunteer-header { + position: absolute; + left: -9999px; + width: 1px; + height: 1px; + overflow: hidden; + clip: rect(1px, 1px, 1px, 1px); + } + + .volunteer-card:first-of-type { + margin-top: 1rem; + } + + /* ----------------------------------------------------------------------------- + TARJETAS DE COMUNIDADES ALIADAS + ----------------------------------------------------------------------------- */ + + .communities-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); + gap: 1.5rem; + margin: 2rem 0; + padding: 0; + } + + .community-card { + display: flex; + flex-direction: column; + align-items: center; + text-align: center; + padding: 2rem 1.5rem; + border-radius: var(--card-radius); + background: var(--md-default-bg-color); + border: 2px solid var(--md-default-fg-color--lightest); + transition: var(--transition-smooth); + text-decoration: none; + color: var(--md-default-fg-color); + position: relative; + overflow: hidden; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); + } + + .community-card::before { + content: ''; + position: absolute; + top: 0; + left: -100%; + width: 100%; + height: 100%; + background: linear-gradient(90deg, transparent, rgba(76, 175, 80, 0.1), transparent); + transition: var(--transition-smooth); + } + + .community-card:hover::before { + left: 100%; + } + + .community-card:hover { + transform: translateY(-5px); + border-color: var(--python-green); + box-shadow: 0 8px 25px rgba(76, 175, 80, 0.15); + text-decoration: none; + color: var(--md-default-fg-color); + } + + .community-card img { + width: 120px; + height: 120px; + object-fit: cover; + border-radius: 50%; + margin-bottom: 1rem; + border: 3px solid var(--md-default-fg-color--lightest); + transition: var(--transition-base); + } + + .community-card:hover img { + border-color: var(--python-green); + transform: scale(1.05); + } + + .community-card h4 { + margin: 0.5rem 0; + font-size: 1.1rem; + font-weight: 600; + color: var(--md-default-fg-color); + transition: var(--transition-base); + } + + .community-card h4 i { + margin-right: 0.5rem; + color: var(--python-green); + font-size: 0.9em; + } + + .community-card:hover h4 { + color: var(--python-green); + } + + .community-card p { + margin: 0; + font-size: 0.9rem; + color: var(--md-default-fg-color--light); + line-height: 1.4; + } + + /* ----------------------------------------------------------------------------- + MEETUPS Y EVENTOS + ----------------------------------------------------------------------------- */ + + .meetup-hero { + padding: 2rem 1rem; + text-align: center; + margin-bottom: 2rem; + border-radius: var(--card-radius); + background: var(--md-default-bg-color); + border: 1px solid var(--md-default-fg-color--lightest); + box-shadow: var(--md-shadow-z1); + } + + .meetup-hero h1 { + font-size: clamp(2rem, 6vw, 3.5rem); + margin-bottom: 1rem; + line-height: 1.2; + color: var(--md-default-fg-color); + } + + .meetup-subtitle { + font-size: 1.125rem; + color: var(--md-default-fg-color--light); + margin: 0; + font-weight: 400; + line-height: 1.6; + } + + .event-details { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); + gap: 1rem; + margin: 2rem 0; + } + + .detail-card { + background: var(--md-default-bg-color); + border: 1px solid var(--md-default-fg-color--lightest); + border-radius: var(--card-radius); + padding: 1.25rem; + text-align: center; + transition: var(--transition-base); + box-shadow: var(--md-shadow-z1); + } + + .detail-card:hover { + transform: translateY(-2px); + box-shadow: var(--md-shadow-z2); + border-color: var(--md-primary-fg-color--light); + } + + .detail-card h3 { + margin: 0 0 0.75rem 0; + color: var(--md-primary-fg-color); + font-size: 1rem; + font-weight: 600; + } + + .detail-card h3 i { + margin-right: 0.5rem; + opacity: 0.7; + font-size: 0.9em; + } + + .detail-card p { + margin: 0; + color: var(--md-default-fg-color--light); + font-weight: 500; + font-size: 0.95rem; + } + + .rsvp-card a { + color: var(--md-primary-fg-color); + text-decoration: none; + font-weight: 600; + } + + .rsvp-card a:hover { + text-decoration: underline; + } + + /* Secciones de charlas */ + .talk-section { + margin: 2rem 0; + border: 1px solid var(--md-default-fg-color--lightest); + border-radius: var(--card-radius); + overflow: hidden; + background: var(--md-default-bg-color); + box-shadow: var(--md-shadow-z1); + } + + .talk-header { + background: var(--md-default-bg-color); + color: var(--md-default-fg-color); + padding: 1.5rem; + text-align: center; + border-bottom: 1px solid var(--md-default-fg-color--lightest); + } + + .talk-header h3 { + margin: 0 0 0.5rem 0; + font-size: 1.4rem; + color: var(--md-primary-fg-color); + font-weight: 600; + } + + .talk-header h3 i { + margin-right: 0.5rem; + opacity: 0.7; + font-size: 0.9em; + } + + .talk-header p { + margin: 0; + color: var(--md-default-fg-color--light); + font-size: 0.95rem; + } + + .talk-header p i { + margin-right: 0.25rem; + } + + /* Sección del ponente */ + .speaker-section { + background: var(--md-default-bg-color); + padding: 1.5rem; + display: flex; + align-items: center; + gap: 1.5rem; + border-bottom: 1px solid var(--md-default-fg-color--lightest); + } + + .speaker-photo { + flex-shrink: 0; + } + + .speaker-photo img { + width: 160px; + height: 160px; + border: 2px solid var(--md-default-fg-color--lightest); + box-shadow: var(--md-shadow-z1); + object-fit: cover; + transition: var(--transition-base); + } + + .speaker-section:hover .speaker-photo img { + border-color: var(--md-primary-fg-color--light); + } + + .speaker-info h4 { + margin: 0 0 0.25rem 0; + font-size: 1.2rem; + color: var(--md-default-fg-color); + font-weight: 600; + } + + .speaker-info p:first-of-type { + margin: 0 0 0.75rem 0; + font-size: 0.9rem; + color: var(--md-primary-fg-color); + font-weight: 500; + } + + .speaker-info p:last-of-type { + margin: 0 0 0.75rem 0; + line-height: 1.5; + color: var(--md-default-fg-color--light); + font-size: 0.9rem; + } + + .speaker-links { + display: flex; + gap: 0.5rem; + } + + .speaker-links a { + display: inline-flex; + align-items: center; + justify-content: center; + width: 32px; + height: 32px; + border-radius: 50%; + background: var(--md-default-fg-color--lightest); + color: var(--md-default-fg-color--light); + text-decoration: none; + transition: var(--transition-base); + font-size: 0.9rem; + } + + .speaker-links a:hover { + background: var(--md-primary-fg-color); + color: var(--python-white); + } + + /* Descripción de la charla */ + .talk-description { + background: var(--md-default-bg-color); + padding: 1.5rem; + } + + .talk-description p { + line-height: 1.6; + font-size: 1rem; + margin-bottom: 1rem; + color: var(--md-default-fg-color); + } + + .talk-description p:last-child { + margin-top: 1rem; + font-style: italic; + color: var(--md-default-fg-color--light); + font-size: 0.95rem; + } + + /* Stack tecnológico */ + .tech-stack { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); + gap: 0.75rem; + margin: 1rem 0; + } + + .tech-stack > div { + background: var(--md-default-bg-color); + padding: 0.75rem; + border-radius: var(--card-radius); + text-align: center; + border: 1px solid var(--md-default-fg-color--lightest); + transition: var(--transition-base); + } + + .tech-stack > div:hover { + border-color: var(--md-primary-fg-color--light); + box-shadow: var(--md-shadow-z1); + } + + .tech-stack h5 { + margin: 0 0 0.25rem 0; + color: var(--md-primary-fg-color); + font-size: 0.9rem; + font-weight: 500; + } + + .tech-stack h5 i { + margin-right: 0.375rem; + opacity: 0.7; + } + + .tech-stack p { + margin: 0; + font-size: 0.8rem; + color: var(--md-default-fg-color--light); + } + + /* Sección de video */ + .video-section { + margin: 2rem 0; + text-align: center; + } + + .video-container { + max-width: 700px; + margin: 0 auto; + } + + .video-wrapper { + position: relative; + width: 100%; + height: 0; + padding-bottom: 56.25%; /* 16:9 aspect ratio */ + margin-bottom: 1rem; + border-radius: var(--card-radius); + overflow: hidden; + box-shadow: var(--md-shadow-z1); + border: 1px solid var(--md-default-fg-color--lightest); + } + + .video-wrapper iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + border: none; + } + + .youtube-btn { + display: inline-flex; + align-items: center; + gap: 0.5rem; + background: var(--python-green); + color: var(--python-white); + padding: 0.75rem 1.25rem; + border-radius: var(--button-radius); + text-decoration: none; + font-weight: 500; + transition: var(--transition-base); + margin-top: 0.75rem; + font-size: 0.95rem; + } + + .youtube-btn:hover { + background: var(--python-green-dark); + color: var(--python-white); + transform: translateY(-1px); + box-shadow: var(--md-shadow-z1); + text-decoration: none; + } + + .youtube-btn i { + font-size: 1em; + } + + /* ----------------------------------------------------------------------------- + ENLACES DE COMUNIDAD + ----------------------------------------------------------------------------- */ + + .community-links { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); + gap: 1rem; + margin: 2rem 0; + padding: 0; + align-items: stretch; + } + + .community-link { + display: flex; + align-items: center; + justify-content: center; + gap: 0.625rem; + padding: 1rem; + height: 60px; + border-radius: 1rem; + text-decoration: none; + font-weight: 600; + font-size: 0.9rem; + letter-spacing: 0.025em; + transition: var(--transition-smooth); + border: 2px solid var(--md-default-fg-color--lightest); + background: var(--md-default-bg-color); + color: var(--md-default-fg-color); + text-align: center; + position: relative; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + box-sizing: border-box; + white-space: nowrap; + animation: breathe 4s ease-in-out infinite; + } + + .community-link:hover { + transform: translateY(-3px); + color: var(--python-white); + text-decoration: none; + animation: none; + } + + .community-link:active { + transform: translateY(-1px); + } + + .community-link i { + font-size: 1.25em; + transition: var(--transition-base); + margin-right: 0.125rem; + } + + .community-link:hover i { + color: var(--python-white); + transform: scale(1.1); + } + + /* Colores específicos por red social */ + .community-link.telegram { + border-color: var(--telegram-color); + } + + .community-link.telegram i { + color: var(--telegram-color); + } + + .community-link.telegram:hover { + background: var(--telegram-color); + border-color: var(--telegram-color); + box-shadow: 0 8px 25px rgba(0, 136, 204, 0.3); + } + + .community-link.meetup { + border-color: var(--meetup-color); + } + + .community-link.meetup i { + color: var(--meetup-color); + } + + .community-link.meetup:hover { + background: var(--meetup-color); + border-color: var(--meetup-color); + box-shadow: 0 8px 25px rgba(237, 28, 64, 0.3); + } + + .community-link.youtube { + border-color: var(--youtube-color); + } + + .community-link.youtube i { + color: var(--youtube-color); + } + + .community-link.youtube:hover { + background: var(--youtube-color); + border-color: var(--youtube-color); + box-shadow: 0 8px 25px rgba(255, 0, 0, 0.3); + } + + .community-link.github { + border-color: var(--github-color); + } + + .community-link.github i { + color: var(--github-color); + } + + .community-link.github:hover { + background: var(--github-color); + border-color: var(--github-color); + box-shadow: 0 8px 25px rgba(51, 51, 51, 0.3); + } + + .community-link.instagram { + border-color: var(--instagram-color); + } + + .community-link.instagram i { + color: var(--instagram-color); + } + + .community-link.instagram:hover { + background: var(--instagram-color); + border-color: var(--instagram-color); + box-shadow: 0 8px 25px rgba(228, 64, 95, 0.3); + } + + .community-link.linkedin { + border-color: var(--linkedin-color); + } + + .community-link.linkedin i { + color: var(--linkedin-color); + } + + .community-link.linkedin:hover { + background: var(--linkedin-color); + border-color: var(--linkedin-color); + box-shadow: 0 8px 25px rgba(0, 119, 181, 0.3); + } + + /* ----------------------------------------------------------------------------- + LEMA DE LA COMUNIDAD + ----------------------------------------------------------------------------- */ + + .community-motto { + text-align: center; + font-size: 1.5rem; + font-style: italic; + font-weight: 600; + color: var(--md-default-fg-color); + margin: 1rem auto; + padding: 1.25rem; + max-width: 600px; + position: relative; + background: var(--md-default-bg-color); + border: 1px solid var(--md-default-fg-color--lightest); + border-radius: var(--card-radius); + box-shadow: var(--md-shadow-z1); + } + + .community-motto::before { + content: '"'; + position: absolute; + top: -0.5rem; + left: 1rem; + font-size: 4rem; + color: var(--md-primary-fg-color); + font-family: Georgia, serif; + opacity: 0.3; + } + + .community-motto::after { + content: '"'; + position: absolute; + bottom: -2rem; + right: 1rem; + font-size: 4rem; + color: var(--md-primary-fg-color); + font-family: Georgia, serif; + opacity: 0.3; + } + + /* ----------------------------------------------------------------------------- + NAVEGACIÓN Y SECCIONES ESPECIALES + ----------------------------------------------------------------------------- */ + + .quick-navigation { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); + gap: 0.625rem; + margin: 0.75rem auto; + max-width: 600px; + } + + .quick-navigation-title { + width: 100%; + text-align: center; + margin-bottom: 0.5rem; + } + + .quick-navigation-title i { + color: var(--md-primary-fg-color); + margin-right: 0.5rem; + } + + .community-highlight { + border-left: 4px solid var(--md-primary-fg-color); + margin: 2rem 0; + padding: 1.5rem; + } + + .upcoming-events { + margin: 0.75rem 0; + padding: 1.25rem 2rem; + } + + .upcoming-events h3 { + color: var(--md-default-fg-color); + margin-bottom: 1rem; + font-size: 1.5rem; + } + + .upcoming-events p { + color: var(--md-default-fg-color--light); + margin-bottom: 2rem; + font-size: 1.1rem; + } + + /* ----------------------------------------------------------------------------- + ICONOGRAFÍA + ----------------------------------------------------------------------------- */ + + .fas, .fab { + color: var(--md-primary-fg-color); + } + + h2 .fas, h3 .fas { + margin-right: 0.5rem; + font-size: 0.9em; + } + + /* ----------------------------------------------------------------------------- + ANIMACIONES + ----------------------------------------------------------------------------- */ + + @keyframes breathe { + 0%, 100% { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + } + 50% { + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); + } + } + + /* ----------------------------------------------------------------------------- + MEDIA QUERIES RESPONSIVAS + ----------------------------------------------------------------------------- */ + + @media (max-width: 768px) { + .participation-grid, + .year-cards { + grid-template-columns: 1fr; + gap: 1rem; + } + + .participation-grid .participation-card:nth-child(3):nth-last-child(1) { + grid-column: 1; + } + + .stats-grid { + grid-template-columns: repeat(2, 1fr); + gap: 1rem; + } + + .community-links { + justify-content: center; + gap: 0.75rem; + } + + .community-link { + min-width: 140px; + padding: 1rem; + } + + .community-link i { + font-size: 1.5rem; + } + + .hero-section { + padding: 1.5rem 1rem; + } + + .hero-logo { + width: 5rem; + height: 5rem; + } + + .action-buttons { + flex-direction: column; + align-items: center; + } + + .action-buttons a { + width: 100%; + max-width: 250px; + } + + /* Voluntarios en móvil */ + .volunteer-card { + padding: 1.5rem; + } + + .volunteer-card .card-header { + grid-template-columns: 1fr; + text-align: center; + gap: 1.5rem; + } + + .volunteer-card .avatar-section { + order: -1; + } + + /* Comunidades aliadas en móvil */ + .communities-grid { + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); + gap: 1rem; + margin: 1.5rem 0; + } + + .community-card { + padding: 1.5rem 1rem; + } + + .community-card img { + width: 100px; + height: 100px; + } + + .community-card h4 { + font-size: 1rem; + } + + /* Meetups responsivos */ + .meetup-hero { + padding: 1.5rem 1rem; + margin: 1rem 0; + } + + .meetup-hero h1 { + font-size: clamp(1.5rem, 5vw, 2.2rem); + } + + .meetup-subtitle { + font-size: 1rem; + } + + .event-details { + grid-template-columns: 1fr; + gap: 0.75rem; + margin: 1.5rem 0; + } + + .detail-card { + padding: 1rem; + } + + .talk-section { + margin: 1.5rem 0; + } + + .talk-header { + padding: 1.25rem 1rem; + } + + .talk-header h3 { + font-size: 1.2rem; + } + + .speaker-section { + flex-direction: column; + text-align: center; + padding: 1.25rem 1rem; + gap: 1rem; + } + + .speaker-photo img { + width: 120px; + height: 120px; + } + + .talk-description { + padding: 1.25rem 1rem; + } + + .talk-description p { + font-size: 0.95rem; + } + + .tech-stack { + grid-template-columns: 1fr; + gap: 0.5rem; + } + + .tech-stack > div { + padding: 0.75rem; + } + + .video-container { + padding: 0 1rem; + } + + .youtube-btn { + padding: 0.75rem 1rem; + font-size: 0.9rem; + } + } diff --git a/docs/images/ponentes/carlos-caballero.jpg b/docs/images/ponentes/carlos-caballero.jpg new file mode 100644 index 0000000..f614686 Binary files /dev/null and b/docs/images/ponentes/carlos-caballero.jpg differ diff --git a/docs/images/ponentes/david-sol.jpg b/docs/images/ponentes/david-sol.jpg new file mode 100644 index 0000000..1eca2ff Binary files /dev/null and b/docs/images/ponentes/david-sol.jpg differ diff --git a/docs/images/ponentes/erik-rivera.jpg b/docs/images/ponentes/erik-rivera.jpg new file mode 100644 index 0000000..a3b5bce Binary files /dev/null and b/docs/images/ponentes/erik-rivera.jpg differ diff --git a/docs/images/ponentes/juan-guillermo-gomez.jpg b/docs/images/ponentes/juan-guillermo-gomez.jpg new file mode 100644 index 0000000..9537a8d Binary files /dev/null and b/docs/images/ponentes/juan-guillermo-gomez.jpg differ diff --git a/docs/images/ponentes/logo.png b/docs/images/ponentes/logo.png new file mode 100644 index 0000000..c8d06a0 Binary files /dev/null and b/docs/images/ponentes/logo.png differ diff --git a/docs/images/ponentes/manuel-rabade.jpg b/docs/images/ponentes/manuel-rabade.jpg new file mode 100644 index 0000000..926e8d4 Binary files /dev/null and b/docs/images/ponentes/manuel-rabade.jpg differ diff --git a/docs/images/voluntarios/david-sol.jpg b/docs/images/voluntarios/david-sol.jpg new file mode 100644 index 0000000..1eca2ff Binary files /dev/null and b/docs/images/voluntarios/david-sol.jpg differ diff --git a/docs/images/voluntarios/pixelead0.jpg b/docs/images/voluntarios/pixelead0.jpg new file mode 100644 index 0000000..fd4dc66 Binary files /dev/null and b/docs/images/voluntarios/pixelead0.jpg differ diff --git a/docs/index.md b/docs/index.md index 2736b60..ee091b8 100644 --- a/docs/index.md +++ b/docs/index.md @@ -1,106 +1,61 @@ -
- Python CDMX Logo + +
+ +

Bienvenidos a
PythonCDMX

+

#PythonCDMX es un grupo de personas interesadas en aprender y compartir su conocimiento sobre el lenguaje de programación Python. El objetivo es estar en contacto con más gente interesada en innovación y tecnología. +

+
+ Explorar charlas + Participa +
-
-

#PythonCDMX

+
+ Vine por el código, me quedé por la comunidad
- -
- Conectando desarrolladores Python en la Ciudad de México -
- --- -## Nuestra Misión -Somos una comunidad apasionada por Python que busca **conectar, aprender y crecer** juntos. Organizamos meetups mensuales donde compartimos conocimiento, experiencias y construimos relaciones profesionales duraderas. - -**Nuestro lema:** *"Vine por el código, me quedé por la comunidad"* - ---- - -## Próximos Eventos +
+

Conoce a quienes hacen posible
Python CDMX!

+ Voluntarios + Ponentes +
-
-

¡Únete a Nuestros Meetups!

-

Charlas técnicas, networking y aprendizaje colaborativo

- Ver Todos los Meetups +
+

¡Únete a Nuestros Meetups!

+

Charlas técnicas, networking y aprendizaje colaborativo

+ Ver Meetups
--- ## Formas de Participación -
- -
-

Ser Ponente

-

Comparte tu conocimiento con la comunidad. Charlas técnicas, casos de uso, mejores prácticas y más.

- Conoce Más -
- -
-

Ser Voluntario

-

Ayuda a organizar eventos, gestionar redes sociales, o contribuir con el desarrollo del sitio web.

- Únete -
- -
-

Asistir

-

Participa en nuestros meetups, aprende de expertos y conecta con otros desarrolladores Python.

- Ver Eventos -
-
- -## Conecta con Nuestra Comunidad - -
- ¡Conoce a quienes hacen posible Python CDMX!
- - Voluntarios - - - - Ponentes - +
+
+

Ser Ponente

+

Comparte tu conocimiento con la comunidad. Charlas técnicas, casos de uso, mejores prácticas y más.

+ Conoce Más +
+
+

Ser Voluntario

+

Ayuda a organizar eventos, gestionar redes sociales, o contribuir con el desarrollo del sitio web.

+ Únete +
+
+

Asistir

+

Participa en nuestros meetups, aprende de expertos y conecta con otros desarrolladores Python.

+ Ver Eventos +
--- -## Conecta con Nuestra Comunidad - -
- - Telegram - - - Meetup - - - YouTube - - - GitHub - - - Instagram - - - LinkedIn - -
+--8<-- "components/community-links.md" --- -## También Te Puede Interesar - -| **Eventos** | **Participa** | **Comunidad** | -|:---|:---|:---| -| [Meetups 2025](meetups/2025/) - Año actual | [Ser Ponente](comunidad/ponentes.md) - Comparte conocimiento | [Nuestros Ponentes](comunidad/ponentes.md) - Conoce a la comunidad | -| [Meetups 2024](meetups/2024/) - Año anterior | [Ser Voluntario](comunidad/voluntarios.md) - Ayuda a organizar | [Alianzas](comunidad/alianzas.md) - Comunidades aliadas | -| [Archivo Completo](meetups/index.md) - Todos los meetups | [Cómo Contribuir](comunidad/como-contribuir.md) - Guía general | [Sobre Nosotros](about.md) - Conoce más | +--8<-- "components/quick-navigation.md" --- - -* Última actualización: {{ git_revision_date_localized }}* diff --git a/docs/meetups/2023/202309-septiembre.md b/docs/meetups/2023/202309-septiembre.md index 97e0a88..d81a856 100644 --- a/docs/meetups/2023/202309-septiembre.md +++ b/docs/meetups/2023/202309-septiembre.md @@ -5,7 +5,7 @@ title: "Utilizando Servicios AI de AWS y Metaprogramación en Python" # Meetup #PythonCDMX - Septiembre 2023
-

✨ Utilizando Servicios AI de AWS y Metaprogramación en Python ✨

+

Utilizando Servicios AI de AWS y Metaprogramación en Python

Dos charlas sobre IA en la nube y metaprogramación

@@ -30,7 +30,7 @@ title: "Utilizando Servicios AI de AWS y Metaprogramación en Python"

RSVP

-

¡Regístrate aquí!

+

¡Regístrate aquí!

@@ -39,100 +39,100 @@ title: "Utilizando Servicios AI de AWS y Metaprogramación en Python" ## Charlas y Ponentes -
-
-

Utilizando Servicios Administrados de AI de AWS con Python y Boto3

-

45 minutos

+
+
+

Utilizando Servicios Administrados de AI de AWS con Python y Boto3

+

45 minutos

-
-
- David Sol +
+
+ David Sol
-

David Sol

-

SRE Engineer

-

SRE Engineer en Wizeline con experiencia en servicios cloud de AWS y desarrollo Python.

+

David Sol

+

SRE Engineer

+

SRE Engineer en Wizeline con experiencia en servicios cloud de AWS y desarrollo Python.

- - + +
-
-

¿Qué tan difícil puede ser traducir un texto? ¿Crear una transcripción a partir de un fragmento de sonido? ¿Identificar los objetos en una imagen? ¿Sintetizar voz? Con los servicios administrados de Inteligencia Artificial de AWS, Python y Boto3, ¡es sencillo! En esta charla que nos compartirá David Sol veremos el código real, para darnos cuenta de lo fácil que es.

- -
- -
-
☁️ AWS
-

Servicios cloud

+
+

¿Qué tan difícil puede ser traducir un texto? ¿Crear una transcripción a partir de un fragmento de sonido? ¿Identificar los objetos en una imagen? ¿Sintetizar voz? Con los servicios administrados de Inteligencia Artificial de AWS, Python y Boto3, ¡es sencillo! En esta charla que nos compartirá David Sol veremos el código real, para darnos cuenta de lo fácil que es.

+ +
+ +
+
☁️ AWS
+

Servicios cloud

- -
-
🐍 Boto3
-

SDK de AWS

+ +
+
🐍 Boto3
+

SDK de AWS

- -
-
🤖 AI Services
-

Servicios de IA

+ +
+
🤖 AI Services
+

Servicios de IA

- -
-
🧠 Machine Learning
-

Aprendizaje automático

+ +
+
🧠 Machine Learning
+

Aprendizaje automático

- +
- -

AWS proporciona servicios de IA accesibles que permiten integrar inteligencia artificial en aplicaciones Python de manera sencilla.

+ +

AWS proporciona servicios de IA accesibles que permiten integrar inteligencia artificial en aplicaciones Python de manera sencilla.

-
-
-

Metaprogramación en Python

-

45 minutos

+
+
+

Metaprogramación en Python

+

45 minutos

-
-
- Gustavo Vera +
+
+ Gustavo Vera
-

Gustavo Vera

-

Python Developer

-

Desarrollador Python con experiencia en técnicas avanzadas de programación y metaprogramación.

+

Gustavo Vera

+

Python Developer

+

Desarrollador Python con experiencia en técnicas avanzadas de programación y metaprogramación.

- - - + + +
-
-

Explora las técnicas avanzadas de metaprogramación en Python para crear código más dinámico y flexible.

- -
- -
-
🔧 Metaprogramming
-

Metaprogramación

+
+

Explora las técnicas avanzadas de metaprogramación en Python para crear código más dinámico y flexible.

+ +
+ +
+
🔧 Metaprogramming
+

Metaprogramación

- -
-
🎨 Decorators
-

Decoradores

+ +
+
🎨 Decorators
+

Decoradores

- -
-
🐍 Advanced Python
-

Python avanzado

+ +
+
🐍 Advanced Python
+

Python avanzado

- +
- -

La metaprogramación permite crear código más elegante y reutilizable en Python.

+ +

La metaprogramación permite crear código más elegante y reutilizable en Python.

@@ -152,43 +152,15 @@ title: "Utilizando Servicios AI de AWS y Metaprogramación en Python" allowfullscreen> >
- - Ver en YouTube -
+ --- - -### Unete a #PythonCDMX - -
- - - Telegram - - - Meetup - - - YouTube - - - GitHub - - - Instagram - - - LinkedIn - - -
+--8<-- "components/community-links.md" --- -
-

- *Última actualización: Generado automáticamente* -

-
\ No newline at end of file +--8<-- "components/quick-navigation.md" + +--- diff --git a/docs/meetups/2023/202310-octubre.md b/docs/meetups/2023/202310-octubre.md index edbe639..0fccf60 100644 --- a/docs/meetups/2023/202310-octubre.md +++ b/docs/meetups/2023/202310-octubre.md @@ -5,7 +5,7 @@ title: "¡De Jupyter a Web en Minutos!" # Meetup #PythonCDMX - Octubre 2023
-

✨ ¡De Jupyter a Web en Minutos! ✨

+

¡De Jupyter a Web en Minutos!

Redefiniendo el Análisis Local con Python

@@ -30,7 +30,7 @@ title: "¡De Jupyter a Web en Minutos!"

RSVP

-

¡Regístrate aquí!

+

¡Regístrate aquí!

@@ -62,10 +62,10 @@ title: "¡De Jupyter a Web en Minutos!"

Redefiniendo el Análisis Local con Python: ¡De Jupyter a Web en Minutos!

¿Tienes esa gran idea, pero no sabes cómo organizar tu ambiente virtual, tu código y todas las herramientas de desarrollo?

En esta charla exploraremos las mejores prácticas para configurar un entorno de desarrollo Python profesional:

-
    +
    -

    +

    Python permite transformar análisis de datos locales en servicios web interactivos de manera rápida y eficiente.

@@ -85,41 +85,15 @@ title: "¡De Jupyter a Web en Minutos!" allowfullscreen> >
- - Ver en YouTube -
--- -### Unete a #PythonCDMX - -
- - Telegram - - - Meetup - - - YouTube - - - GitHub - - - Instagram - - - LinkedIn - -
+--8<-- "components/community-links.md" --- -
-

- *Última actualización: Generado automáticamente* -

-
\ No newline at end of file +--8<-- "components/quick-navigation.md" + +--- diff --git a/docs/meetups/2023/202311-noviembre.md b/docs/meetups/2023/202311-noviembre.md index ee19742..ceb9c89 100644 --- a/docs/meetups/2023/202311-noviembre.md +++ b/docs/meetups/2023/202311-noviembre.md @@ -5,7 +5,7 @@ title: "GitOps 101 / Python: La Forja de un Lenguaje" # Meetup #PythonCDMX - Noviembre 2023
-

✨ GitOps 101 / Python: La Forja de un Lenguaje ✨

+

GitOps 101 / Python: La Forja de un Lenguaje

Dos charlas sobre GitOps y construcción de lenguajes

@@ -30,7 +30,7 @@ title: "GitOps 101 / Python: La Forja de un Lenguaje"

RSVP

-

¡Regístrate aquí!

+

¡Regístrate aquí!

@@ -39,19 +39,19 @@ title: "GitOps 101 / Python: La Forja de un Lenguaje" ## Charlas y Ponentes -
-
-

GitOps 101. Primeros pasos para desplegar aplicaciones en Kubernetes

-

45 minutos

+
+
+

GitOps 101. Primeros pasos para desplegar aplicaciones en Kubernetes

+

45 minutos

-
-
- Carlos Reyes +
+
+ Carlos Reyes
-

Carlos Reyes

-

DevOps Engineer

-

Especialista en GitOps y Kubernetes con experiencia en despliegue de aplicaciones cloud native.

+

Carlos Reyes

+

DevOps Engineer

+

Especialista en GitOps y Kubernetes con experiencia en despliegue de aplicaciones cloud native.

@@ -59,45 +59,45 @@ title: "GitOps 101 / Python: La Forja de un Lenguaje"
-
-

En esta charla se mostrará los conceptos de GitOps y Cloud Native que nos permitirán conocer las estrategias de despliegue en Kubernetes.

+
+

En esta charla se mostrará los conceptos de GitOps y Cloud Native que nos permitirán conocer las estrategias de despliegue en Kubernetes.

-
+
-
-
🔄 GitOps
-

Metodología de despliegue

+
+
🔄 GitOps
+

Metodología de despliegue

-
-
☸️ Kubernetes
-

Orquestación de contenedores

+
+
☸️ Kubernetes
+

Orquestación de contenedores

-
-
☁️ Cloud Native
-

Aplicaciones nativas en la nube

+
+
☁️ Cloud Native
+

Aplicaciones nativas en la nube

-

GitOps proporciona una metodología robusta para el despliegue y gestión de aplicaciones en Kubernetes.

+

GitOps proporciona una metodología robusta para el despliegue y gestión de aplicaciones en Kubernetes.

-
-
-

Python: La Forja de un Lenguaje

-

45 minutos

+
+
+

Python: La Forja de un Lenguaje

+

45 minutos

-
-
- Gustavo Vera +
+
+ Gustavo Vera
-

Gustavo Vera

-

Python Developer

-

Desarrollador Python con experiencia en compiladores y construcción de lenguajes de programación.

+

Gustavo Vera

+

Python Developer

+

Desarrollador Python con experiencia en compiladores y construcción de lenguajes de programación.

@@ -105,29 +105,29 @@ title: "GitOps 101 / Python: La Forja de un Lenguaje"
-
-

Explora la construcción de un lenguaje con Python, desde los pilares teóricos hasta un sorprendente guiño a la sintaxis financiera.

+
+

Explora la construcción de un lenguaje con Python, desde los pilares teóricos hasta un sorprendente guiño a la sintaxis financiera.

-
+
-
-
⚙️ Compilers
-

Compiladores

+
+
⚙️ Compilers
+

Compiladores

-
-
🔧 Language Design
-

Diseño de lenguajes

+
+
🔧 Language Design
+

Diseño de lenguajes

-
-
📝 Parsing
-

Análisis sintáctico

+
+
📝 Parsing
+

Análisis sintáctico

-

Construir un lenguaje de programación es una excelente manera de entender los fundamentos de la computación.

+

Construir un lenguaje de programación es una excelente manera de entender los fundamentos de la computación.

@@ -147,43 +147,15 @@ title: "GitOps 101 / Python: La Forja de un Lenguaje" allowfullscreen> >
- - Ver en YouTube -
---- +--- -### Unete a #PythonCDMX - -
- - - Telegram - - - Meetup - - - YouTube - - - GitHub - - - Instagram - - - LinkedIn - - -
+--8<-- "components/community-links.md" --- -
-

- *Última actualización: Generado automáticamente* -

-
\ No newline at end of file +--8<-- "components/quick-navigation.md" + +--- diff --git a/docs/meetups/2023/index.md b/docs/meetups/2023/index.md index af4830e..872be7c 100644 --- a/docs/meetups/2023/index.md +++ b/docs/meetups/2023/index.md @@ -1,10 +1,10 @@ -
- Python CDMX Logo +
+ Python CDMX Logo
# Meetups 2023 -
+
Nuestro primer año como comunidad Python CDMX
@@ -22,73 +22,38 @@ ## Estadísticas 2023 -
+
-
+

5 Charlas

Realizadas

-
+

3 Ponentes

Únicos

-
+

1 Sede

Principal

-
+

3 Meses

de Actividad

-**Ponentes Destacados:** - -- Gustavo Vera (3 charlas) -- David Sol (1 charla) -- Carlos Reyes (1 charla) - --- -## Conecta con Nuestra Comunidad - -
- - Telegram - - - Meetup - - - YouTube - - - GitHub - - - Instagram - - - LinkedIn - -
+--8<-- "components/community-links.md" --- -## También Te Puede Interesar - -| **Eventos** | **Participa** | **Comunidad** | -|:---|:---|:---| -| [Meetups 2025](../2025/) - Año actual | [Ser Ponente](../../comunidad/ponentes.md) - Comparte conocimiento | [Nuestros Ponentes](../../comunidad/ponentes.md) - Conoce a la comunidad | -| [Meetups 2024](../2024/) - Año siguiente | [Ser Voluntario](../../comunidad/voluntarios.md) - Ayuda a organizar | [Alianzas](../../comunidad/alianzas.md) - Comunidades aliadas | -| [Archivo Completo](../index.md) - Todos los meetups | [Cómo Contribuir](../../comunidad/como-contribuir.md) - Guía general | [Volver al Inicio](../../index.md) - Página principal | +--8<-- "components/quick-navigation.md" --- ¿Te gustaría aparecer aquí? Conoce a nuestros [ponentes y voluntarios reconocidos](/comunidad/como-contribuir/). - -* Última actualización: {{ git_revision_date_localized }}* diff --git a/docs/meetups/2024/202401-enero.md b/docs/meetups/2024/202401-enero.md index 37aae28..65056d1 100644 --- a/docs/meetups/2024/202401-enero.md +++ b/docs/meetups/2024/202401-enero.md @@ -5,7 +5,7 @@ title: "Ambientes virtuales con venv, pyenv y poetry" # Meetup #PythonCDMX - Enero 2024
-

✨ Ambientes virtuales con venv, pyenv y poetry ✨

+

Ambientes virtuales con venv, pyenv y poetry

Gestión de ambientes virtuales en Python

@@ -30,7 +30,7 @@ title: "Ambientes virtuales con venv, pyenv y poetry"

RSVP

-

¡Regístrate aquí!

+

¡Regístrate aquí!

@@ -62,10 +62,10 @@ title: "Ambientes virtuales con venv, pyenv y poetry"

Ambientes virtuales con venv, pyenv conda y poetry

¿Tienes esa gran idea, pero no sabes cómo organizar tu ambiente virtual, tu código y todas las herramientas de desarrollo?

En esta charla exploraremos las mejores prácticas para configurar un entorno de desarrollo Python profesional:

-
    +
    -

    +

    Los ambientes virtuales son fundamentales para el desarrollo Python profesional y la gestión de dependencias.

@@ -85,41 +85,16 @@ title: "Ambientes virtuales con venv, pyenv y poetry" allowfullscreen> >
- - Ver en YouTube -
--- -### Unete a #PythonCDMX - -
- - Telegram - - - Meetup - - - YouTube - - - GitHub - - - Instagram - - - LinkedIn - -
+--8<-- "components/community-links.md" + +--- + +--8<-- "components/quick-navigation.md" --- -
-

- *Última actualización: Generado automáticamente* -

-
\ No newline at end of file diff --git a/docs/meetups/2024/202402-febrero.md b/docs/meetups/2024/202402-febrero.md index 3c636fb..510ed9d 100644 --- a/docs/meetups/2024/202402-febrero.md +++ b/docs/meetups/2024/202402-febrero.md @@ -5,7 +5,7 @@ title: "Del Código al Clic: Transforma Ideas en Interfaces" # Meetup #PythonCDMX - Febrero 2024
-

✨ Del Código al Clic: Transforma Ideas en Interfaces ✨

+

Del Código al Clic: Transforma Ideas en Interfaces

Interfaces visuales con Python

@@ -30,7 +30,7 @@ title: "Del Código al Clic: Transforma Ideas en Interfaces"

RSVP

-

¡Regístrate aquí!

+

¡Regístrate aquí!

@@ -62,10 +62,10 @@ title: "Del Código al Clic: Transforma Ideas en Interfaces"

Del Código al Clic: Transforma Ideas en Interfaces con Python

¿Tienes esa gran idea, pero no sabes cómo organizar tu ambiente virtual, tu código y todas las herramientas de desarrollo?

En esta charla exploraremos las mejores prácticas para configurar un entorno de desarrollo Python profesional:

-
    +
    -

    +

    Python ofrece múltiples opciones para crear interfaces gráficas modernas y atractivas.

@@ -85,41 +85,15 @@ title: "Del Código al Clic: Transforma Ideas en Interfaces" allowfullscreen> >
- - Ver en YouTube -
--- -### Unete a #PythonCDMX - -
- - Telegram - - - Meetup - - - YouTube - - - GitHub - - - Instagram - - - LinkedIn - -
+--8<-- "components/community-links.md" --- -
-

- *Última actualización: Generado automáticamente* -

-
\ No newline at end of file +--8<-- "components/quick-navigation.md" + +--- diff --git a/docs/meetups/2024/202403-marzo.md b/docs/meetups/2024/202403-marzo.md index 8c6ac8a..35f162a 100644 --- a/docs/meetups/2024/202403-marzo.md +++ b/docs/meetups/2024/202403-marzo.md @@ -5,7 +5,7 @@ title: "Desarrollo de API REST con Flask" # Meetup #PythonCDMX - Marzo 2024
-

✨ Desarrollo de API REST con Flask ✨

+

Desarrollo de API REST con Flask

Dominando la elegancia y la eficiencia

@@ -30,7 +30,7 @@ title: "Desarrollo de API REST con Flask"

RSVP

-

¡Regístrate aquí!

+

¡Regístrate aquí!

@@ -62,10 +62,10 @@ title: "Desarrollo de API REST con Flask"

Desarrollo de API REST con Flask en Python: Dominando la elegancia y la eficiencia

¿Tienes esa gran idea, pero no sabes cómo organizar tu ambiente virtual, tu código y todas las herramientas de desarrollo?

En esta charla exploraremos las mejores prácticas para configurar un entorno de desarrollo Python profesional:

-
    +
    -

    +

    Flask proporciona una base sólida y elegante para desarrollar APIs REST eficientes.

@@ -85,41 +85,15 @@ title: "Desarrollo de API REST con Flask" allowfullscreen> >
- - Ver en YouTube -
--- -### Unete a #PythonCDMX - -
- - Telegram - - - Meetup - - - YouTube - - - GitHub - - - Instagram - - - LinkedIn - -
+--8<-- "components/community-links.md" --- -
-

- *Última actualización: Generado automáticamente* -

-
\ No newline at end of file +--8<-- "components/quick-navigation.md" + +--- diff --git a/docs/meetups/2024/202404-abril.md b/docs/meetups/2024/202404-abril.md index cc0805f..ce73e54 100644 --- a/docs/meetups/2024/202404-abril.md +++ b/docs/meetups/2024/202404-abril.md @@ -5,7 +5,7 @@ title: "Desarrollo en Python usando Contenedores" # Meetup #PythonCDMX - Abril 2024
-

✨ Desarrollo en Python usando Contenedores ✨

+

Desarrollo en Python usando Contenedores

Los ambientes virtuales son cosa del pasado

@@ -30,7 +30,7 @@ title: "Desarrollo en Python usando Contenedores"

RSVP

-

¡Regístrate aquí!

+

¡Regístrate aquí!

@@ -62,10 +62,10 @@ title: "Desarrollo en Python usando Contenedores"

Los ambientes virtuales son cosa del pasado: Desarrollo en Python usando Contenedores

¿Tienes esa gran idea, pero no sabes cómo organizar tu ambiente virtual, tu código y todas las herramientas de desarrollo?

En esta charla exploraremos las mejores prácticas para configurar un entorno de desarrollo Python profesional:

-
    +
    -

    +

    Los contenedores ofrecen una alternativa moderna y eficiente a los ambientes virtuales tradicionales.

@@ -85,41 +85,15 @@ title: "Desarrollo en Python usando Contenedores" allowfullscreen> >
- - Ver en YouTube -
--- -### Unete a #PythonCDMX - -
- - Telegram - - - Meetup - - - YouTube - - - GitHub - - - Instagram - - - LinkedIn - -
+--8<-- "components/community-links.md" --- -
-

- *Última actualización: Generado automáticamente* -

-
\ No newline at end of file +--8<-- "components/quick-navigation.md" + +--- diff --git a/docs/meetups/2024/202405-mayo.md b/docs/meetups/2024/202405-mayo.md index b37cdb4..5ad8f11 100644 --- a/docs/meetups/2024/202405-mayo.md +++ b/docs/meetups/2024/202405-mayo.md @@ -5,7 +5,7 @@ title: "Pydantic: Validaciones de datos con Type Hints" # Meetup #PythonCDMX - Mayo 2024
-

✨ Pydantic: Validaciones de datos con Type Hints ✨

+

Pydantic: Validaciones de datos con Type Hints

Validación de datos con Pydantic

@@ -30,7 +30,7 @@ title: "Pydantic: Validaciones de datos con Type Hints"

RSVP

-

¡Regístrate aquí!

+

¡Regístrate aquí!

@@ -62,10 +62,10 @@ title: "Pydantic: Validaciones de datos con Type Hints"

Pydantic: Validaciones de Datos con Type Hints

¿Tienes esa gran idea, pero no sabes cómo organizar tu ambiente virtual, tu código y todas las herramientas de desarrollo?

En esta charla exploraremos las mejores prácticas para configurar un entorno de desarrollo Python profesional:

-
    +
    -

    +

    Pydantic es una herramienta esencial para la validación de datos en aplicaciones Python modernas.

@@ -85,41 +85,15 @@ title: "Pydantic: Validaciones de datos con Type Hints" allowfullscreen> >
- - Ver en YouTube -
--- -### Unete a #PythonCDMX - -
- - Telegram - - - Meetup - - - YouTube - - - GitHub - - - Instagram - - - LinkedIn - -
+--8<-- "components/community-links.md" --- -
-

- *Última actualización: Generado automáticamente* -

-
\ No newline at end of file +--8<-- "components/quick-navigation.md" + +--- diff --git a/docs/meetups/2024/202406-junio.md b/docs/meetups/2024/202406-junio.md index 26606ba..a314dd3 100644 --- a/docs/meetups/2024/202406-junio.md +++ b/docs/meetups/2024/202406-junio.md @@ -5,7 +5,7 @@ title: "Matemáticas y Python: Ciencia Detrás de la Regresión Lineal" # Meetup #PythonCDMX - Junio 2024
-

✨ Matemáticas y Python: Ciencia Detrás de la Regresión Lineal ✨

+

Matemáticas y Python: Ciencia Detrás de la Regresión Lineal

Fundamentos matemáticos de la regresión lineal

@@ -30,7 +30,7 @@ title: "Matemáticas y Python: Ciencia Detrás de la Regresión Lineal"

RSVP

-

¡Regístrate aquí!

+

¡Regístrate aquí!

@@ -62,10 +62,10 @@ title: "Matemáticas y Python: Ciencia Detrás de la Regresión Lineal"

Matemáticas y Python: La Ciencia Detrás de la Regresión Lineal

¿Tienes esa gran idea, pero no sabes cómo organizar tu ambiente virtual, tu código y todas las herramientas de desarrollo?

En esta charla exploraremos las mejores prácticas para configurar un entorno de desarrollo Python profesional:

-
    +
    -

    +

    La regresión lineal es la base fundamental para entender algoritmos de machine learning más complejos.

@@ -85,41 +85,15 @@ title: "Matemáticas y Python: Ciencia Detrás de la Regresión Lineal" allowfullscreen> >
- - Ver en YouTube -
--- -### Unete a #PythonCDMX - -
- - Telegram - - - Meetup - - - YouTube - - - GitHub - - - Instagram - - - LinkedIn - -
+--8<-- "components/community-links.md" --- -
-

- *Última actualización: Generado automáticamente* -

-
\ No newline at end of file +--8<-- "components/quick-navigation.md" + +--- diff --git a/docs/meetups/2024/202407-julio.md b/docs/meetups/2024/202407-julio.md index f186d55..5026138 100644 --- a/docs/meetups/2024/202407-julio.md +++ b/docs/meetups/2024/202407-julio.md @@ -5,7 +5,7 @@ title: "¡Doble Charla! Python sin GIL / Esquemas ETL" # Meetup #PythonCDMX - Julio 2024
-

✨ ¡Doble Charla! Python sin GIL / Esquemas ETL ✨

+

¡Doble Charla! Python sin GIL / Esquemas ETL

Dos charlas sobre el futuro de Python y ETL

@@ -30,7 +30,7 @@ title: "¡Doble Charla! Python sin GIL / Esquemas ETL"

RSVP

-

¡Regístrate aquí!

+

¡Regístrate aquí!

@@ -39,19 +39,19 @@ title: "¡Doble Charla! Python sin GIL / Esquemas ETL" ## Charlas y Ponentes -
-
-

El futuro de Python sin GIL

-

45 minutos

+
+
+

El futuro de Python sin GIL

+

45 minutos

-
-
- Konstantin Spirin +
+
+ Konstantin Spirin
-

Konstantin Spirin

-

Python Core Developer

-

Desarrollador del core de Python con experiencia en optimización y concurrencia.

+

Konstantin Spirin

+

Python Core Developer

+

Desarrollador del core de Python con experiencia en optimización y concurrencia.

@@ -59,45 +59,45 @@ title: "¡Doble Charla! Python sin GIL / Esquemas ETL"
-
-

La charla se enfocará en explorar el Global Interpreter Lock (GIL) en Python impide la ejecución simultánea de múltiples hilos, limitando el rendimiento en sistemas multicore. Exploraremos su funcionamiento actual, los problemas que causa y las soluciones futuras propuestas por Python. ¡Nuestra primer charla en Inglés!

+
+

La charla se enfocará en explorar el Global Interpreter Lock (GIL) en Python impide la ejecución simultánea de múltiples hilos, limitando el rendimiento en sistemas multicore. Exploraremos su funcionamiento actual, los problemas que causa y las soluciones futuras propuestas por Python. ¡Nuestra primer charla en Inglés!

-
+
-
-
GIL
-

Global Interpreter Lock

+
+
GIL
+

Global Interpreter Lock

-
-
Concurrency
-

Concurrencia

+
+
Concurrency
+

Concurrencia

-
-
Performance
-

Rendimiento

+
+
Performance
+

Rendimiento

-

La eliminación del GIL representa un cambio fundamental en el futuro de Python para aplicaciones concurrentes.

+

La eliminación del GIL representa un cambio fundamental en el futuro de Python para aplicaciones concurrentes.

-
-
-

Python y los esquemas ETLs

-

45 minutos

+
+
+

Python y los esquemas ETLs

+

45 minutos

-
-
- Hugo Ramirez +
+
+ Hugo Ramirez
-

Hugo Ramirez

-

Data Engineer

-

Especialista en ingeniería de datos y procesamiento ETL con Python.

+

Hugo Ramirez

+

Data Engineer

+

Especialista en ingeniería de datos y procesamiento ETL con Python.

@@ -105,29 +105,29 @@ title: "¡Doble Charla! Python sin GIL / Esquemas ETL"
-
-

Ideal para profesionales y aficionados que buscan profundizar en técnicas avanzadas, herramientas y mejores prácticas en el manejo y análisis de datos con Python. Esta charla posee un repositorio abierto con un ejemplo base que va dirigido a todo público.

+
+

Ideal para profesionales y aficionados que buscan profundizar en técnicas avanzadas, herramientas y mejores prácticas en el manejo y análisis de datos con Python. Esta charla posee un repositorio abierto con un ejemplo base que va dirigido a todo público.

-
+
-
-
ETL
-

Extract, Transform, Load

+
+
ETL
+

Extract, Transform, Load

-
-
Data Processing
-

Procesamiento de datos

+
+
Data Processing
+

Procesamiento de datos

-
-
Big Data
-

Datos masivos

+
+
Big Data
+

Datos masivos

-

Los esquemas ETL son fundamentales para el procesamiento y análisis de datos a gran escala.

+

Los esquemas ETL son fundamentales para el procesamiento y análisis de datos a gran escala.

@@ -147,43 +147,15 @@ title: "¡Doble Charla! Python sin GIL / Esquemas ETL" allowfullscreen> >
- - Ver en YouTube -
---- +--- -### Unete a #PythonCDMX - -
- - - Telegram - - - Meetup - - - YouTube - - - GitHub - - - Instagram - - - LinkedIn - - -
+--8<-- "components/community-links.md" --- -
-

- *Última actualización: Generado automáticamente* -

-
\ No newline at end of file +--8<-- "components/quick-navigation.md" + +--- diff --git a/docs/meetups/2024/202408-agosto.md b/docs/meetups/2024/202408-agosto.md index 9cfb61e..c4311a9 100644 --- a/docs/meetups/2024/202408-agosto.md +++ b/docs/meetups/2024/202408-agosto.md @@ -5,7 +5,7 @@ title: "Protocolos en Python / Convertirse en Contribuidor Open Source" # Meetup #PythonCDMX - Agosto 2024
-

✨ Protocolos en Python / Convertirse en Contribuidor Open Source ✨

+

Protocolos en Python / Convertirse en Contribuidor Open Source

Dos charlas sobre tipado estático y contribución open source

@@ -30,7 +30,7 @@ title: "Protocolos en Python / Convertirse en Contribuidor Open Source"

RSVP

-

¡Regístrate aquí!

+

¡Regístrate aquí!

@@ -39,19 +39,19 @@ title: "Protocolos en Python / Convertirse en Contribuidor Open Source" ## Charlas y Ponentes -
-
-

Protocolos en Python: El poder del tipado estático avanzado

-

45 minutos

+
+
+

Protocolos en Python: El poder del tipado estático avanzado

+

45 minutos

-
-
- Gustavo Vera +
+
+ Gustavo Vera
-

Gustavo Vera

-

Python Developer

-

Desarrollador Python con experiencia en tipado estático y mejores prácticas de desarrollo.

+

Gustavo Vera

+

Python Developer

+

Desarrollador Python con experiencia en tipado estático y mejores prácticas de desarrollo.

@@ -59,45 +59,45 @@ title: "Protocolos en Python / Convertirse en Contribuidor Open Source"
-
-

Descubre cómo los Protocolos en Python pueden transformar tu código, haciéndolo más flexible y robusto. Explora desde conceptos básicos hasta aplicaciones avanzadas en esta plática única.

+
+

Descubre cómo los Protocolos en Python pueden transformar tu código, haciéndolo más flexible y robusto. Explora desde conceptos básicos hasta aplicaciones avanzadas en esta plática única.

-
+
-
-
Protocols
-

Tipado estático

+
+
Protocols
+

Tipado estático

-
-
Type Hints
-

Anotaciones de tipo

+
+
Type Hints
+

Anotaciones de tipo

-
-
Static Typing
-

Tipado estático

+
+
Static Typing
+

Tipado estático

-

Los Protocolos en Python ofrecen una forma poderosa de implementar tipado estático avanzado.

+

Los Protocolos en Python ofrecen una forma poderosa de implementar tipado estático avanzado.

-
-
-

Guía Práctica para Convertirse en Contribuidor de Open Source en 10 Años (o más)

-

45 minutos

+
+
+

Guía Práctica para Convertirse en Contribuidor de Open Source en 10 Años (o más)

+

45 minutos

-
-
- Fer Perales +
+
+ Fer Perales
-

Fer Perales

-

Open Source Contributor

-

Contribuidor activo al ecosistema de Ruby con más de 10 años de experiencia en open source.

+

Fer Perales

+

Open Source Contributor

+

Contribuidor activo al ecosistema de Ruby con más de 10 años de experiencia en open source.

@@ -105,29 +105,29 @@ title: "Protocolos en Python / Convertirse en Contribuidor Open Source"
-
-

En una era donde todo mundo buscamos la satisfacción y los resultados inmediatos, compartiré mi camino de 10 años en el ecosistema de Ruby en el que me he convertido de usuario del lenguaje a contribuidor frecuente en una empresa con más de 1,000 millones de descargas de bibliotecas de Ruby. Los días son largos, pero los años son cortos y, si 10 años no son suficientes para convertirte en contribuidor de Open Source, siempre puedes tomar un año más y repetir el proceso.

+
+

En una era donde todo mundo buscamos la satisfacción y los resultados inmediatos, compartiré mi camino de 10 años en el ecosistema de Ruby en el que me he convertido de usuario del lenguaje a contribuidor frecuente en una empresa con más de 1,000 millones de descargas de bibliotecas de Ruby. Los días son largos, pero los años son cortos y, si 10 años no son suficientes para convertirte en contribuidor de Open Source, siempre puedes tomar un año más y repetir el proceso.

-
+
-
-
Open Source
-

Software libre

+
+
Open Source
+

Software libre

-
-
Ruby
-

Lenguaje de programación

+
+
Ruby
+

Lenguaje de programación

-
-
Community
-

Comunidad

+
+
Community
+

Comunidad

-

Contribuir al open source es un viaje de largo plazo que requiere paciencia y dedicación.

+

Contribuir al open source es un viaje de largo plazo que requiere paciencia y dedicación.

@@ -147,43 +147,16 @@ title: "Protocolos en Python / Convertirse en Contribuidor Open Source" allowfullscreen> >
- - Ver en YouTube -
+ --- +--8<-- "components/community-links.md" -### Unete a #PythonCDMX - -
- - - Telegram - - - Meetup - - - YouTube - - - GitHub - - - Instagram - - - LinkedIn - - -
+--- + +--8<-- "components/quick-navigation.md" --- -
-

- *Última actualización: Generado automáticamente* -

-
\ No newline at end of file diff --git a/docs/meetups/2024/202409-septiembre.md b/docs/meetups/2024/202409-septiembre.md index 3e925bf..df17ebf 100644 --- a/docs/meetups/2024/202409-septiembre.md +++ b/docs/meetups/2024/202409-septiembre.md @@ -5,7 +5,7 @@ title: "Representaciones Fonéticas / Rich & Textual" # Meetup #PythonCDMX - Septiembre 2024
-

✨ Representaciones Fonéticas / Rich & Textual ✨

+

Representaciones Fonéticas / Rich & Textual

Dos charlas sobre fonética y interfaces de consola

@@ -30,7 +30,7 @@ title: "Representaciones Fonéticas / Rich & Textual"

RSVP

-

¡Regístrate aquí!

+

¡Regístrate aquí!

@@ -39,19 +39,19 @@ title: "Representaciones Fonéticas / Rich & Textual" ## Charlas y Ponentes -
-
-

chit-chat: Representaciones fonéticas con python

-

45 minutos

+
+
+

chit-chat: Representaciones fonéticas con python

+

45 minutos

-
-
- Diego Barriga +
+
+ Diego Barriga
-

Diego Barriga

-

MLOps Engineer

-

Diego Barriga, Ingeniero en computación por la UNAM, trabajo con NLP y lenguas indígenas mexicanas. Es parte de Laboratorio de Investigación y Desarrollo de Software Libre, Comunidad Elotl y actualmente desempeña un puesto como MLOps en Mercado Libre. Promotor de la cultura libre, la privacidad, neovim y de andar en bicicleta sin frenos :)

+

Diego Barriga

+

MLOps Engineer

+

Diego Barriga, Ingeniero en computación por la UNAM, trabajo con NLP y lenguas indígenas mexicanas. Es parte de Laboratorio de Investigación y Desarrollo de Software Libre, Comunidad Elotl y actualmente desempeña un puesto como MLOps en Mercado Libre. Promotor de la cultura libre, la privacidad, neovim y de andar en bicicleta sin frenos :)

@@ -59,45 +59,45 @@ title: "Representaciones Fonéticas / Rich & Textual"
-
-

¿Te has preguntado que estudia la fonética? ¿Que significan los simbolitos del International Phonetic Alphabet (IPA)? Y más importante; ¿Cómo manipular estos tipos de datos para crear aplicaciones con python? En esta charla desarrollaremos aplicaciones simples usando datasets con texto en representación fonética y aplicando conceptos sobre fonética en un nivel introductorio. Ahora si que, pasa la voz 🗣️. Objetivo: Los asistentes entenderán los principios básicos de fonología y que es un alfabeto fonético, Obtención y manipulación de datasets disponibles en GitHub https://github.com/open-dict-data/ipa-dict, Aplicar estos datos para resolver tareas específicas.

+
+

¿Te has preguntado que estudia la fonética? ¿Que significan los simbolitos del International Phonetic Alphabet (IPA)? Y más importante; ¿Cómo manipular estos tipos de datos para crear aplicaciones con python? En esta charla desarrollaremos aplicaciones simples usando datasets con texto en representación fonética y aplicando conceptos sobre fonética en un nivel introductorio. Ahora si que, pasa la voz 🗣️. Objetivo: Los asistentes entenderán los principios básicos de fonología y que es un alfabeto fonético, Obtención y manipulación de datasets disponibles en GitHub https://github.com/open-dict-data/ipa-dict, Aplicar estos datos para resolver tareas específicas.

-
+
-
-
NLP
-

Procesamiento de lenguaje

+
+
NLP
+

Procesamiento de lenguaje

-
-
IPA
-

Alfabeto fonético

+
+
IPA
+

Alfabeto fonético

-
-
Phonetics
-

Fonética

+
+
Phonetics
+

Fonética

-

La fonética y el procesamiento de lenguaje natural abren nuevas posibilidades para aplicaciones Python.

+

La fonética y el procesamiento de lenguaje natural abren nuevas posibilidades para aplicaciones Python.

-
-
-

Rich y Textual: Haz tus aplicaciones en la consola visualmente atractivas

-

45 minutos

+
+
+

Rich y Textual: Haz tus aplicaciones en la consola visualmente atractivas

+

45 minutos

-
-
- David Sol +
+
+ David Sol
-

David Sol

-

SRE Engineer

-

David Sol también estudió en la UNAM, así como sus padres, tíos, hermano, primos, hijos e incluso su conejo (historia real). Le gustan los juegos de Rol de tablero, las películas, los comics y los libros. Actualmente labora como SRE en Wizeline, y cree que el cómputo de nube es genial, así como Python.

+

David Sol

+

SRE Engineer

+

David Sol también estudió en la UNAM, así como sus padres, tíos, hermano, primos, hijos e incluso su conejo (historia real). Le gustan los juegos de Rol de tablero, las películas, los comics y los libros. Actualmente labora como SRE en Wizeline, y cree que el cómputo de nube es genial, así como Python.

@@ -105,29 +105,29 @@ title: "Representaciones Fonéticas / Rich & Textual"
-
-

Python nos ayuda a hacer excelentes aplicaciones que se ejecutan en la consola. Y además estas pueden ser atractivas visualmente, y tener interfaces de usuario de primer nivel. Vamos a hablar de dos librerías que te ayudan a ello, Rich y Textual. https://github.com/Textualize/rich https://textual.textualize.io

+
+

Python nos ayuda a hacer excelentes aplicaciones que se ejecutan en la consola. Y además estas pueden ser atractivas visualmente, y tener interfaces de usuario de primer nivel. Vamos a hablar de dos librerías que te ayudan a ello, Rich y Textual. https://github.com/Textualize/rich https://textual.textualize.io

-
+
-
-
Rich
-

Librería de consola

+
+
Rich
+

Librería de consola

-
-
Textual
-

Framework TUI

+
+
Textual
+

Framework TUI

-
-
Console Apps
-

Aplicaciones de consola

+
+
Console Apps
+

Aplicaciones de consola

-

Rich y Textual permiten crear aplicaciones de consola modernas y atractivas con Python.

+

Rich y Textual permiten crear aplicaciones de consola modernas y atractivas con Python.

@@ -147,43 +147,16 @@ title: "Representaciones Fonéticas / Rich & Textual" allowfullscreen> >
- - Ver en YouTube -
+ --- +--8<-- "components/community-links.md" -### Unete a #PythonCDMX - -
- - - Telegram - - - Meetup - - - YouTube - - - GitHub - - - Instagram - - - LinkedIn - - -
+--- + +--8<-- "components/quick-navigation.md" --- -
-

- *Última actualización: Generado automáticamente* -

-
\ No newline at end of file diff --git a/docs/meetups/2024/202410-octubre.md b/docs/meetups/2024/202410-octubre.md index b738a7a..6be920c 100644 --- a/docs/meetups/2024/202410-octubre.md +++ b/docs/meetups/2024/202410-octubre.md @@ -5,7 +5,7 @@ title: "Una ida y una vuelta: Cómo iniciar en el opensource" # Meetup #PythonCDMX - Octubre 2024
-

✨ Una ida y una vuelta: Cómo iniciar en el opensource ✨

+

Una ida y una vuelta: Cómo iniciar en el opensource

Guía práctica para contribuir al software libre

@@ -30,7 +30,7 @@ title: "Una ida y una vuelta: Cómo iniciar en el opensource"

RSVP

-

¡Regístrate aquí!

+

¡Regístrate aquí!

@@ -62,10 +62,10 @@ title: "Una ida y una vuelta: Cómo iniciar en el opensource"

Una ida y una vuelta: Cómo iniciar en el opensource

¿Tienes esa gran idea, pero no sabes cómo organizar tu ambiente virtual, tu código y todas las herramientas de desarrollo?

En esta charla exploraremos las mejores prácticas para configurar un entorno de desarrollo Python profesional:

-
    +
    -

    +

    Contribuir al open source es una excelente manera de crecer profesionalmente y dar de vuelta a la comunidad.

@@ -85,41 +85,16 @@ title: "Una ida y una vuelta: Cómo iniciar en el opensource" allowfullscreen> >
- - Ver en YouTube -
--- -### Unete a #PythonCDMX - -
- - Telegram - - - Meetup - - - YouTube - - - GitHub - - - Instagram - - - LinkedIn - -
+--8<-- "components/community-links.md" + +--- + +--8<-- "components/quick-navigation.md" --- -
-

- *Última actualización: Generado automáticamente* -

-
\ No newline at end of file diff --git a/docs/meetups/2024/202411-noviembre.md b/docs/meetups/2024/202411-noviembre.md index 30d80da..b4aa74a 100644 --- a/docs/meetups/2024/202411-noviembre.md +++ b/docs/meetups/2024/202411-noviembre.md @@ -5,7 +5,7 @@ title: "Evita Anti-patrones en Python / ¿Qué y por qué ChatGPT?" # Meetup #PythonCDMX - Noviembre 2024
-

✨ Evita Anti-patrones en Python / ¿Qué y por qué ChatGPT? ✨

+

Evita Anti-patrones en Python / ¿Qué y por qué ChatGPT?

Dos charlas sobre buenas prácticas y ChatGPT

@@ -30,7 +30,7 @@ title: "Evita Anti-patrones en Python / ¿Qué y por qué ChatGPT?"

RSVP

-

¡Regístrate aquí!

+

¡Regístrate aquí!

@@ -39,19 +39,19 @@ title: "Evita Anti-patrones en Python / ¿Qué y por qué ChatGPT?" ## Charlas y Ponentes -
-
-

Mejora tu código: Evita anti-patrones en Python

-

45 minutos

+
+
+

Mejora tu código: Evita anti-patrones en Python

+

45 minutos

-
-
- Alejandro Lopez +
+
+ Alejandro Lopez
-

Alejandro Lopez

-

Python Developer

-

Desarrollador Python con experiencia en buenas prácticas y código limpio.

+

Alejandro Lopez

+

Python Developer

+

Desarrollador Python con experiencia en buenas prácticas y código limpio.

@@ -59,45 +59,45 @@ title: "Evita Anti-patrones en Python / ¿Qué y por qué ChatGPT?"
-
-

Descubre cómo escribir código Python más limpio y eficiente evitando los anti-patrones más comunes. Mejora tus habilidades y aprende a hacerlo de forma 'pythonic'.

+
+

Descubre cómo escribir código Python más limpio y eficiente evitando los anti-patrones más comunes. Mejora tus habilidades y aprende a hacerlo de forma 'pythonic'.

-
+
-
-
Python
-

Lenguaje principal

+
+
Python
+

Lenguaje principal

-
-
Best Practices
-

Buenas prácticas

+
+
Best Practices
+

Buenas prácticas

-
-
Code Quality
-

Calidad de código

+
+
Code Quality
+

Calidad de código

-

Evitar anti-patrones es fundamental para escribir código Python mantenible y eficiente.

+

Evitar anti-patrones es fundamental para escribir código Python mantenible y eficiente.

-
-
-

Exactamente qué y (sobre todo) por qué ChatGPT

-

45 minutos

+
+
+

Exactamente qué y (sobre todo) por qué ChatGPT

+

45 minutos

-
-
- Hugo Ramírez +
+
+ Hugo Ramírez
-

Hugo Ramírez

-

AI Researcher

-

Investigador en inteligencia artificial con experiencia en modelos de lenguaje y aplicaciones de IA.

+

Hugo Ramírez

+

AI Researcher

+

Investigador en inteligencia artificial con experiencia en modelos de lenguaje y aplicaciones de IA.

@@ -105,29 +105,29 @@ title: "Evita Anti-patrones en Python / ¿Qué y por qué ChatGPT?"
-
-

ChatGPT es una herramienta poderosa diseñada para mejorar la interacción humano-máquina en tareas cotidianas, creativas y técnicas, gracias a su capacidad para comprender y generar lenguaje natural. La combinación de la arquitectura Transformer, el preentrenamiento masivo y el ajuste fino lo convierte en una opción versátil y accesible para múltiples usos. Además, su continua evolución a través del feedback y la investigación lo posiciona como una de las IA más avanzadas en la actualidad. La pregunta más importante es por qué, en esta charla gracias a Python entenderemos más sobre ChatGPT.

+
+

ChatGPT es una herramienta poderosa diseñada para mejorar la interacción humano-máquina en tareas cotidianas, creativas y técnicas, gracias a su capacidad para comprender y generar lenguaje natural. La combinación de la arquitectura Transformer, el preentrenamiento masivo y el ajuste fino lo convierte en una opción versátil y accesible para múltiples usos. Además, su continua evolución a través del feedback y la investigación lo posiciona como una de las IA más avanzadas en la actualidad. La pregunta más importante es por qué, en esta charla gracias a Python entenderemos más sobre ChatGPT.

-
+
-
-
ChatGPT
-

Modelo de lenguaje

+
+
ChatGPT
+

Modelo de lenguaje

-
-
Transformer
-

Arquitectura neural

+
+
Transformer
+

Arquitectura neural

-
-
NLP
-

Procesamiento de lenguaje

+
+
NLP
+

Procesamiento de lenguaje

-

Comprender el funcionamiento interno de ChatGPT es clave para aprovechar su potencial en aplicaciones Python.

+

Comprender el funcionamiento interno de ChatGPT es clave para aprovechar su potencial en aplicaciones Python.

@@ -147,43 +147,16 @@ title: "Evita Anti-patrones en Python / ¿Qué y por qué ChatGPT?" allowfullscreen> >
- - Ver en YouTube -
+ --- +--8<-- "components/community-links.md" -### Unete a #PythonCDMX - -
- - - Telegram - - - Meetup - - - YouTube - - - GitHub - - - Instagram - - - LinkedIn - - -
+--- + +--8<-- "components/quick-navigation.md" --- -
-

- *Última actualización: Generado automáticamente* -

-
\ No newline at end of file diff --git a/docs/meetups/2024/index.md b/docs/meetups/2024/index.md index 617eaae..411c639 100644 --- a/docs/meetups/2024/index.md +++ b/docs/meetups/2024/index.md @@ -1,10 +1,10 @@ -
- Python CDMX Logo +
+ Python CDMX Logo
# Meetups 2024 -
+
Conectando desarrolladores Python en la Ciudad de México
@@ -32,73 +32,38 @@ ## Estadísticas 2024 -
+
-
+

15 Charlas

Realizadas

-
+

10 Ponentes

Únicos

-
+

1 Sede

Principal

-
+

11 Meses

de Actividad

-**Ponentes Destacados:** - -- Gustavo Vera (3 charlas) -- David Sol (3 charlas) -- Alejandro López (2 charlas) - --- -## Conecta con Nuestra Comunidad - -
- - Telegram - - - Meetup - - - YouTube - - - GitHub - - - Instagram - - - LinkedIn - -
+--8<-- "components/community-links.md" --- -## También Te Puede Interesar - -| **Eventos** | **Participa** | **Comunidad** | -|:---|:---|:---| -| [Meetups 2025](../2025/) - Año actual | [Ser Ponente](../../comunidad/ponentes.md) - Comparte conocimiento | [Nuestros Ponentes](../../comunidad/ponentes.md) - Conoce a la comunidad | -| [Meetups 2023](../2023/) - Año anterior | [Ser Voluntario](../../comunidad/voluntarios.md) - Ayuda a organizar | [Alianzas](../../comunidad/alianzas.md) - Comunidades aliadas | -| [Archivo Completo](../index.md) - Todos los meetups | [Cómo Contribuir](../../comunidad/como-contribuir.md) - Guía general | [Volver al Inicio](../../index.md) - Página principal | +--8<-- "components/quick-navigation.md" --- ¿Te gustaría aparecer aquí? Conoce a nuestros [ponentes y voluntarios reconocidos](/comunidad/como-contribuir/). - -* Última actualización: {{ git_revision_date_localized }}* diff --git a/docs/meetups/2025/202501-enero.md b/docs/meetups/2025/202501-enero.md index 3f9b9f0..f61f65d 100644 --- a/docs/meetups/2025/202501-enero.md +++ b/docs/meetups/2025/202501-enero.md @@ -5,7 +5,7 @@ title: "Crea extensiones para LibreOffice / PCI DSS en Python" # Meetup #PythonCDMX - Enero 2025
-

✨ Crea extensiones para LibreOffice / PCI DSS en Python ✨

+

Crea extensiones para LibreOffice / PCI DSS en Python

Dos charlas sobre LibreOffice y seguridad

@@ -30,7 +30,7 @@ title: "Crea extensiones para LibreOffice / PCI DSS en Python"

RSVP

-

¡Regístrate aquí!

+

¡Regístrate aquí!

@@ -38,109 +38,103 @@ title: "Crea extensiones para LibreOffice / PCI DSS en Python" ## Charlas y Ponentes - -
-
-

Creando extensiones para LibreOffice, con Python

-

45 minutos

+
+
+

Creando extensiones para LibreOffice, con Python

+

45 minutos

-
-
- elMau (Mauricio B.) +
+
+ elMau (Mauricio B.)
-

elMau (Mauricio B.)

-

Desarrollador LibreOffice

-

Especialista en desarrollo de extensiones para LibreOffice y automatización de oficina.

+

elMau (Mauricio B.)

+

Desarrollador LibreOffice

+

Especialista en desarrollo de extensiones para LibreOffice y automatización de oficina.

- - - +
-
-

Aprende a potenciar LibreOffice creando extensiones personalizadas con Python. Descubre las herramientas y técnicas para desarrollar complementos que automaticen tareas y añadan nuevas funcionalidades.

- -
- -
-
LibreOffice
-

Suite de oficina

+
+

Aprende a potenciar LibreOffice creando extensiones personalizadas con Python. Descubre las herramientas y técnicas para desarrollar complementos que automaticen tareas y añadan nuevas funcionalidades.

+ +
+ +
+
LibreOffice
+

Suite de oficina

- -
-
Python
-

Lenguaje de scripting

+ +
+
Python
+

Lenguaje de scripting

- -
-
Automation
-

Automatización

+ +
+
Automation
+

Automatización

- +
- -

Python permite extender LibreOffice de manera poderosa y flexible para automatizar tareas complejas.

+ +

Python permite extender LibreOffice de manera poderosa y flexible para automatizar tareas complejas.

-
-
-

Seguridad y cumplimiento de Python: Garantizar el cumplimiento de PCI DSS en un entorno Python

-

45 minutos

+
+
+

Seguridad y cumplimiento de Python: Garantizar el cumplimiento de PCI DSS en un entorno Python

+

45 minutos

-
-
- Mauro Parra +
+
+ Mauro Parra
-

Mauro Parra

-

Security Engineer

-

Especialista en seguridad informática y cumplimiento normativo con experiencia en PCI DSS y aplicaciones Python.

+

Mauro Parra

+

Security Engineer

+

Especialista en seguridad informática y cumplimiento normativo con experiencia en PCI DSS y aplicaciones Python.

- - - +
-
-

Platicaremos de alinear las aplicaciones Python con los requisitos de PCI, garantizando controles de seguridad y la preparación para el cumplimiento de la normativa en el manejo de datos. Platicaremos de prácticas de codificación segura, metodologías de cifrado, controles de acceso y otros controles. Tópicos: Introducción básica a PCI, Codificación segura en Python, Cifrado de datos en tránsito y en reposo, incluyendo alternativas de tokenización de datos, Docker images como método para usar código inmutable, Controles de acceso orientados a AWS, Bitácoras seguras de cambios y de información de ejecución.

- -
- -
-
PCI DSS
-

Estándar de seguridad

+
+

Platicaremos de alinear las aplicaciones Python con los requisitos de PCI, garantizando controles de seguridad y la preparación para el cumplimiento de la normativa en el manejo de datos. Platicaremos de prácticas de codificación segura, metodologías de cifrado, controles de acceso y otros controles. Tópicos: Introducción básica a PCI, Codificación segura en Python, Cifrado de datos en tránsito y en reposo, incluyendo alternativas de tokenización de datos, Docker images como método para usar código inmutable, Controles de acceso orientados a AWS, Bitácoras seguras de cambios y de información de ejecución.

+ +
+ +
+
PCI DSS
+

Estándar de seguridad

- -
-
Security
-

Seguridad informática

+ +
+
Security
+

Seguridad informática

- -
-
Docker
-

Contenedores

+ +
+
Docker
+

Contenedores

- -
-
AWS
-

Cloud security

+ +
+
AWS
+

Cloud security

- +
- -

La seguridad y el cumplimiento normativo son fundamentales en aplicaciones Python que manejan datos sensibles.

+ +

La seguridad y el cumplimiento normativo son fundamentales en aplicaciones Python que manejan datos sensibles.

- --- - ## ¡Mira las charlas completas! +
@@ -152,43 +146,16 @@ title: "Crea extensiones para LibreOffice / PCI DSS en Python" allowfullscreen> >
- - Ver en YouTube -
+ --- +--8<-- "components/community-links.md" -### Unete a #PythonCDMX - -
- - - Telegram - - - Meetup - - - YouTube - - - GitHub - - - Instagram - - - LinkedIn - - -
+--- + +--8<-- "components/quick-navigation.md" --- -
-

- *Última actualización: Generado automáticamente* -

-
\ No newline at end of file diff --git a/docs/meetups/2025/202502-febrero.md b/docs/meetups/2025/202502-febrero.md index a597b4d..d7c7147 100644 --- a/docs/meetups/2025/202502-febrero.md +++ b/docs/meetups/2025/202502-febrero.md @@ -5,7 +5,7 @@ title: "Embeddings / Advent of Code" # Meetup #PythonCDMX - Febrero 2025
-

✨ Embeddings / Advent of Code ✨

+

Embeddings / Advent of Code

Dos charlas sobre NLP y programación competitiva

@@ -30,7 +30,7 @@ title: "Embeddings / Advent of Code"

RSVP

-

¡Regístrate aquí!

+

¡Regístrate aquí!

@@ -38,104 +38,98 @@ title: "Embeddings / Advent of Code" ## Charlas y Ponentes - -
-
-

Lecciones del Advent of Code 2024

-

45 minutos

+
+
+

Lecciones del Advent of Code 2024

+

45 minutos

-
-
- Manuel Rábade +
+
+ Manuel Rábade
-

Manuel Rábade

-

Ingeniero en Computación

-

Ingeniero en Computación y apasionado por el desarrollo de tecnología. Profesionalmente se dedica a la ingeniería de software y dirección de equipos. Disfruta explorar temas técnicos y participar en comunidades alrededor de la tecnología.

+

Manuel Rábade

+

Ingeniero en Computación

+

Ingeniero en Computación y apasionado por el desarrollo de tecnología. Profesionalmente se dedica a la ingeniería de software y dirección de equipos. Disfruta explorar temas técnicos y participar en comunidades alrededor de la tecnología.

- - - +
-
-

El Advent of Code es un reto de programación con desafíos diarios durante diciembre, diseñado para ejercitar la capacidad de resolución de problemas y el pensamiento algorítmico. En esta charla, compartiré mi experiencia participando en la edición 2024, usando Python para resolver los desafíos. Discutiré las lecciones que me dejó esta experiencia y reflexionaré sobre cómo este reto no solo me permitió profundizar en conocimientos técnicos, sino que también se convirtió en un valioso ejercicio de constancia y adaptación, aspectos fundamentales para cualquier desarrollador.

- -
- -
-
Python
-

Lenguaje principal

+
+

El Advent of Code es un reto de programación con desafíos diarios durante diciembre, diseñado para ejercitar la capacidad de resolución de problemas y el pensamiento algorítmico. En esta charla, compartiré mi experiencia participando en la edición 2024, usando Python para resolver los desafíos. Discutiré las lecciones que me dejó esta experiencia y reflexionaré sobre cómo este reto no solo me permitió profundizar en conocimientos técnicos, sino que también se convirtió en un valioso ejercicio de constancia y adaptación, aspectos fundamentales para cualquier desarrollador.

+ +
+ +
+
Python
+

Lenguaje principal

- -
-
Algorithms
-

Algoritmos

+ +
+
Algorithms
+

Algoritmos

- -
-
Problem Solving
-

Resolución de problemas

+ +
+
Problem Solving
+

Resolución de problemas

- +
- -

El Advent of Code es una excelente manera de mejorar habilidades de programación y resolución de problemas.

+ +

El Advent of Code es una excelente manera de mejorar habilidades de programación y resolución de problemas.

-
-
-

Embeddings - El lenguaje como las máquinas entienden el lenguaje humano

-

45 minutos

+
+
+

Embeddings - El lenguaje como las máquinas entienden el lenguaje humano

+

45 minutos

-
-
- Juan Guillermo Gómez +
+
+ Juan Guillermo Gómez
-

Juan Guillermo Gómez

-

Líder Técnico

-

Juan Guillermo fundó GDG Cali y co-organiza varios eventos globales y locales con Google Developer Groups. Ha estado involucrado en tecnología y programación de software durante los últimos 20 años. Actualmente, es líder técnico en WordBox. Juan es GDE (Google Developer Expert) en Firebase, IA/ML, GCP y Kotlin. Tiene una licenciatura en Ingeniería de Sistemas y una maestría en Ingeniería de Software de la Universidad San Buenaventura Cali.

+

Juan Guillermo Gómez

+

Líder Técnico

+

Juan Guillermo fundó GDG Cali y co-organiza varios eventos globales y locales con Google Developer Groups. Ha estado involucrado en tecnología y programación de software durante los últimos 20 años. Actualmente, es líder técnico en WordBox. Juan es GDE (Google Developer Expert) en Firebase, IA/ML, GCP y Kotlin. Tiene una licenciatura en Ingeniería de Sistemas y una maestría en Ingeniería de Software de la Universidad San Buenaventura Cali.

- - - +
-
-

¿Alguna vez te has preguntado cómo las máquinas entienden el lenguaje humano? En este charla desentrañamos el misterio de los embeddings, una técnica clave en el NLP. Prepárate para: Descubrir qué son los embeddings: Exploraremos cómo se transforman las palabras y frases en vectores numéricos que capturan su significado. Comprender su utilidad: Analizaremos cómo los embeddings permiten a las máquinas realizar tareas como la búsqueda semántica, la traducción automática y el análisis de sentimientos. Explorar casos de uso reales: Desde sistemas de recomendación hasta chatbots inteligentes, veremos cómo los embeddings están revolucionando la tecnología. Adentrarnos en las diferentes aproximaciones para obtener embeddings: Desglosaremos métodos como One Hot Encoding, Co-Ocurrence Matrix y el poderoso Word2Vec. Profundizar en Word2Vec: Descifraremos su funcionamiento y cómo logra capturar relaciones semánticas entre palabras. Muchos ejemplos con Python

- -
- -
-
NLP
-

Natural Language Processing

+
+

¿Alguna vez te has preguntado cómo las máquinas entienden el lenguaje humano? En este charla desentrañamos el misterio de los embeddings, una técnica clave en el NLP. Prepárate para: Descubrir qué son los embeddings: Exploraremos cómo se transforman las palabras y frases en vectores numéricos que capturan su significado. Comprender su utilidad: Analizaremos cómo los embeddings permiten a las máquinas realizar tareas como la búsqueda semántica, la traducción automática y el análisis de sentimientos. Explorar casos de uso reales: Desde sistemas de recomendación hasta chatbots inteligentes, veremos cómo los embeddings están revolucionando la tecnología. Adentrarnos en las diferentes aproximaciones para obtener embeddings: Desglosaremos métodos como One Hot Encoding, Co-Ocurrence Matrix y el poderoso Word2Vec. Profundizar en Word2Vec: Descifraremos su funcionamiento y cómo logra capturar relaciones semánticas entre palabras. Muchos ejemplos con Python

+ +
+ +
+
NLP
+

Natural Language Processing

- -
-
Word2Vec
-

Word embeddings

+ +
+
Word2Vec
+

Word embeddings

- -
-
Machine Learning
-

Aprendizaje automático

+ +
+
Machine Learning
+

Aprendizaje automático

- +
- -

Los embeddings son fundamentales para que las máquinas comprendan y procesen el lenguaje humano de manera efectiva.

+ +

Los embeddings son fundamentales para que las máquinas comprendan y procesen el lenguaje humano de manera efectiva.

- --- - ## ¡Mira las charlas completas! +
@@ -147,43 +141,15 @@ title: "Embeddings / Advent of Code" allowfullscreen> >
- - Ver en YouTube -
---- +--- -### Unete a #PythonCDMX - -
- - - Telegram - - - Meetup - - - YouTube - - - GitHub - - - Instagram - - - LinkedIn - - -
+--8<-- "components/community-links.md" --- -
-

- *Última actualización: Generado automáticamente* -

-
\ No newline at end of file +--8<-- "components/quick-navigation.md" + +--- diff --git a/docs/meetups/2025/202503-marzo.md b/docs/meetups/2025/202503-marzo.md index 7b69cf2..54757de 100644 --- a/docs/meetups/2025/202503-marzo.md +++ b/docs/meetups/2025/202503-marzo.md @@ -5,7 +5,7 @@ title: "Agentes de IA / PySide6" # Meetup #PythonCDMX - Marzo 2025
-

✨ Agentes de IA / PySide6 ✨

+

Agentes de IA / PySide6

Dos charlas sobre IA y interfaces gráficas

@@ -30,7 +30,7 @@ title: "Agentes de IA / PySide6"

RSVP

-

¡Regístrate aquí!

+

¡Regístrate aquí!

@@ -39,19 +39,19 @@ title: "Agentes de IA / PySide6" ## Charlas y Ponentes -
-
-

Mi Primer Agente de Inteligencia Artificial con Python

-

45 minutos

+
+
+

Mi Primer Agente de Inteligencia Artificial con Python

+

45 minutos

-
-
- Erik Rivera +
+
+ Erik Rivera
-

Erik Rivera

-

AI Engineer

-

Especialista en desarrollo de agentes de IA y machine learning con experiencia en LangGraph y LLMs.

+

Erik Rivera

+

AI Engineer

+

Especialista en desarrollo de agentes de IA y machine learning con experiencia en LangGraph y LLMs.

@@ -59,45 +59,45 @@ title: "Agentes de IA / PySide6"
-
-

Introducción práctica al desarrollo de agentes de IA usando Python, enfocada en implementaciones con LangGraph y herramientas open source. Los participantes aprenderán conceptos fundamentales de LLMs y cómo crear agentes inteligentes que puedan realizar tareas autónomas.

+
+

Introducción práctica al desarrollo de agentes de IA usando Python, enfocada en implementaciones con LangGraph y herramientas open source. Los participantes aprenderán conceptos fundamentales de LLMs y cómo crear agentes inteligentes que puedan realizar tareas autónomas.

-
+
-
-
LangGraph
-

Framework para agentes

+
+
LangGraph
+

Framework para agentes

-
-
LLMs
-

Large Language Models

+
+
LLMs
+

Large Language Models

-
-
OpenAI
-

API de IA

+
+
OpenAI
+

API de IA

-

Los agentes de IA representan el futuro del desarrollo de aplicaciones inteligentes y autónomas.

+

Los agentes de IA representan el futuro del desarrollo de aplicaciones inteligentes y autónomas.

-
-
-

Interfaces gráficas con PySide6

-

45 minutos

+
+
+

Interfaces gráficas con PySide6

+

45 minutos

-
-
- David Sol +
+
+ David Sol
-

David Sol

-

SRE Engineer

-

David Sol creció en el siglo XX, y en su infancia sus padres le dejaban salir a la calle, sin supervisión, a jugar con quién encontrara y a lo que pudiera, con la única condición de que regresara para dormir. Una bicicleta bastaba para recorrer toda su colonia, sin importar carros, perros o baches. Tomaba agua de mangueras de vecinos, y comía lo que encontrara en sus aventuras. Sufrió cortadas, quemaduras, moretones y un hueso roto, los cuales trató a base de tierra fresca, agua y un par de curitas. Tuvo una infancia feliz. Actualmente labora como SRE en Wizeline.

+

David Sol

+

SRE Engineer

+

David Sol creció en el siglo XX, y en su infancia sus padres le dejaban salir a la calle, sin supervisión, a jugar con quién encontrara y a lo que pudiera, con la única condición de que regresara para dormir. Una bicicleta bastaba para recorrer toda su colonia, sin importar carros, perros o baches. Tomaba agua de mangueras de vecinos, y comía lo que encontrara en sus aventuras. Sufrió cortadas, quemaduras, moretones y un hueso roto, los cuales trató a base de tierra fresca, agua y un par de curitas. Tuvo una infancia feliz. Actualmente labora como SRE en Wizeline.

@@ -105,29 +105,29 @@ title: "Agentes de IA / PySide6"
-
-

¿Ya te cansaste de la consola? ¿Quieres hacer una aplicación con interfaz gráfica fuera del navegador, cómo en los buenos tiempos? Sí, lo puedes hacer con Python, con facilidad, elegancia y desempeño. PySide6 es la librería oficial para utilizar QT desde Python. Sí, utiliza Python. Sí, es fácil de aprender y utilizar. Sí, corre en Linux, MacOS e incluso en Windows. ¡Ven a conocerla!

+
+

¿Ya te cansaste de la consola? ¿Quieres hacer una aplicación con interfaz gráfica fuera del navegador, cómo en los buenos tiempos? Sí, lo puedes hacer con Python, con facilidad, elegancia y desempeño. PySide6 es la librería oficial para utilizar QT desde Python. Sí, utiliza Python. Sí, es fácil de aprender y utilizar. Sí, corre en Linux, MacOS e incluso en Windows. ¡Ven a conocerla!

-
+
-
-
PySide6
-

Qt para Python

+
+
PySide6
+

Qt para Python

-
-
Qt
-

Framework GUI

+
+
Qt
+

Framework GUI

-
-
Desktop Apps
-

Aplicaciones de escritorio

+
+
Desktop Apps
+

Aplicaciones de escritorio

-

PySide6 permite crear aplicaciones de escritorio profesionales con Python de manera sencilla y eficiente.

+

PySide6 permite crear aplicaciones de escritorio profesionales con Python de manera sencilla y eficiente.

@@ -147,43 +147,14 @@ title: "Agentes de IA / PySide6" allowfullscreen> >
- - Ver en YouTube -
--- - -### Unete a #PythonCDMX - -
- - - Telegram - - - Meetup - - - YouTube - - - GitHub - - - Instagram - - - LinkedIn - - -
+--8<-- "components/community-links.md" --- -
-

- *Última actualización: Generado automáticamente* -

-
\ No newline at end of file +--8<-- "components/quick-navigation.md" + +--- diff --git a/docs/meetups/2025/202504-abril.md b/docs/meetups/2025/202504-abril.md index b043a64..8d98ce0 100644 --- a/docs/meetups/2025/202504-abril.md +++ b/docs/meetups/2025/202504-abril.md @@ -5,7 +5,7 @@ title: "Kubernetes y IA" # Meetup #PythonCDMX - Abril 2025
-

✨ Kubernetes y IA ✨

+

Kubernetes y IA

Desplegando modelos de IA en Kubernetes

@@ -30,7 +30,7 @@ title: "Kubernetes y IA"

RSVP

-

¡Regístrate aquí!

+

¡Regístrate aquí!

@@ -62,10 +62,10 @@ title: "Kubernetes y IA"

El para qué cosa de Quien: Kubernetes y AI

¿Tienes esa gran idea, pero no sabes cómo organizar tu ambiente virtual, tu código y todas las herramientas de desarrollo?

En esta charla exploraremos las mejores prácticas para configurar un entorno de desarrollo Python profesional:

-
    +
    -

    +

    Kubernetes proporciona una plataforma robusta para desplegar y gestionar aplicaciones de IA a escala.

@@ -85,41 +85,14 @@ title: "Kubernetes y IA" allowfullscreen> >
- - Ver en YouTube -
- --- -### Unete a #PythonCDMX - -
- - Telegram - - - Meetup - - - YouTube - - - GitHub - - - Instagram - - - LinkedIn - -
+--8<-- "components/community-links.md" --- -
-

- *Última actualización: Generado automáticamente* -

-
\ No newline at end of file +--8<-- "components/quick-navigation.md" + +--- diff --git a/docs/meetups/2025/202504-unam.md b/docs/meetups/2025/202504-unam.md index 5c86e57..8f57745 100644 --- a/docs/meetups/2025/202504-unam.md +++ b/docs/meetups/2025/202504-unam.md @@ -5,7 +5,7 @@ title: "¡Extra! Sudo Ciencias en la UNAM" # Meetup #PythonCDMX - Abril 2025
-

✨ ¡Extra! Sudo Ciencias en la UNAM ✨

+

¡Extra! Sudo Ciencias en la UNAM

Evento especial con Sudo Ciencias

@@ -30,7 +30,7 @@ title: "¡Extra! Sudo Ciencias en la UNAM"

RSVP

-

¡Regístrate aquí!

+

¡Regístrate aquí!

@@ -39,19 +39,19 @@ title: "¡Extra! Sudo Ciencias en la UNAM" ## Charlas y Ponentes -
-
-

portafolio.py: Como hacer un portafolio web sin saber diseño web

-

30 minutos

+
+
+

portafolio.py: Como hacer un portafolio web sin saber diseño web

+

30 minutos

-
-
- Daniel Paredes +
+
+ Daniel Paredes
-

Daniel Paredes

-

Desarrollador Web

-

Especialista en desarrollo web y creación de portafolios profesionales.

+

Daniel Paredes

+

Desarrollador Web

+

Especialista en desarrollo web y creación de portafolios profesionales.

@@ -59,45 +59,45 @@ title: "¡Extra! Sudo Ciencias en la UNAM"
-
-

Si no presentamos nuestro trabajo, ¿Cómo van a saber lo buenos que somos? Ven a aprender como hacer tu portafolio en línea.

+
+

Si no presentamos nuestro trabajo, ¿Cómo van a saber lo buenos que somos? Ven a aprender como hacer tu portafolio en línea.

-
+
-
-
🐍 Python
-

Lenguaje principal

+
+
🐍 Python
+

Lenguaje principal

-
-
🌐 Web Development
-

Desarrollo web

+
+
🌐 Web Development
+

Desarrollo web

-
-
📄 Portfolio
-

Portafolio personal

+
+
📄 Portfolio
+

Portafolio personal

-

Aprende a crear un portafolio web profesional usando Python sin necesidad de conocimientos avanzados de diseño.

+

Aprende a crear un portafolio web profesional usando Python sin necesidad de conocimientos avanzados de diseño.

-
-
-

Programar en tiempos del Vibe-Coding

-

30 minutos

+
+
+

Programar en tiempos del Vibe-Coding

+

30 minutos

-
-
- Charly Roman +
+
+ Charly Roman
-

Charly Roman

-

Desarrollador y Educador

-

Experto en nuevas tecnologías y tendencias de programación.

+

Charly Roman

+

Desarrollador y Educador

+

Experto en nuevas tecnologías y tendencias de programación.

@@ -105,29 +105,29 @@ title: "¡Extra! Sudo Ciencias en la UNAM"
-
-

¿Es verdad que con la AI todo va a cambiar? ¿Qué es eso del vibe coding? Esta charla será muy importante para tu futuro.

+
+

¿Es verdad que con la AI todo va a cambiar? ¿Qué es eso del vibe coding? Esta charla será muy importante para tu futuro.

-
+
-
-
🤖 AI
-

Inteligencia Artificial

+
+
🤖 AI
+

Inteligencia Artificial

-
-
⚡ Vibe-Coding
-

Nuevas tendencias

+
+
⚡ Vibe-Coding
+

Nuevas tendencias

-
-
🚀 Future Tech
-

Tecnologías futuras

+
+
🚀 Future Tech
+

Tecnologías futuras

-

Explora las nuevas tendencias en programación y cómo la IA está transformando el desarrollo de software.

+

Explora las nuevas tendencias en programación y cómo la IA está transformando el desarrollo de software.

@@ -147,43 +147,15 @@ title: "¡Extra! Sudo Ciencias en la UNAM" allowfullscreen> >
- - Ver en YouTube -
---- +--- -### Unete a #PythonCDMX - -
- - - Telegram - - - Meetup - - - YouTube - - - GitHub - - - Instagram - - - LinkedIn - - -
+--8<-- "components/community-links.md" --- -
-

- *Última actualización: Generado automáticamente* -

-
\ No newline at end of file +--8<-- "components/quick-navigation.md" + +--- diff --git a/docs/meetups/2025/202505-mayo.md b/docs/meetups/2025/202505-mayo.md index 8bc47ba..1b1317a 100644 --- a/docs/meetups/2025/202505-mayo.md +++ b/docs/meetups/2025/202505-mayo.md @@ -5,7 +5,7 @@ title: "Publicando un paquete en PyPI" # Meetup #PythonCDMX - Mayo 2025
-

✨ Publicando un paquete en PyPI ✨

+

Publicando un paquete en PyPI

Construyendo y publicando paquetes Python

@@ -30,7 +30,7 @@ title: "Publicando un paquete en PyPI"

RSVP

-

¡Regístrate aquí!

+

¡Regístrate aquí!

@@ -62,10 +62,10 @@ title: "Publicando un paquete en PyPI"

Construyendo un paquete en Python y Publicándolo en PyPI

¿Tienes esa gran idea, pero no sabes cómo organizar tu ambiente virtual, tu código y todas las herramientas de desarrollo?

En esta charla exploraremos las mejores prácticas para configurar un entorno de desarrollo Python profesional:

-
    +
    -

    +

    Aprende las mejores prácticas para compartir tu código Python con la comunidad a través de PyPI.

@@ -85,41 +85,15 @@ title: "Publicando un paquete en PyPI" allowfullscreen> >
- - Ver en YouTube -
--- -### Unete a #PythonCDMX - -
- - Telegram - - - Meetup - - - YouTube - - - GitHub - - - Instagram - - - LinkedIn - -
+--8<-- "components/community-links.md" --- -
-

- *Última actualización: Generado automáticamente* -

-
\ No newline at end of file +--8<-- "components/quick-navigation.md" + +--- \ No newline at end of file diff --git a/docs/meetups/2025/202506-junio.md b/docs/meetups/2025/202506-junio.md index c89d074..4d36621 100644 --- a/docs/meetups/2025/202506-junio.md +++ b/docs/meetups/2025/202506-junio.md @@ -5,7 +5,7 @@ title: "Usando Python y software libre" # Meetup #PythonCDMX - Junio 2025
-

✨ Usando Python y software libre ✨

+

Usando Python y software libre

Traductor de voz español-inglés con tecnologías open source

@@ -30,7 +30,7 @@ title: "Usando Python y software libre"

RSVP

-

¡Regístrate aquí!

+

¡Regístrate aquí!

@@ -64,10 +64,10 @@ title: "Usando Python y software libre"

Usando Python y software libre para crear nuevas herramientas: Traductor de voz español-inglés

¿Tienes esa gran idea, pero no sabes cómo organizar tu ambiente virtual, tu código y todas las herramientas de desarrollo?

En esta charla exploraremos las mejores prácticas para configurar un entorno de desarrollo Python profesional:

-
    +
    -

    +

    Se destaca cómo Python permite orquestar estas herramientas de forma sencilla y potente, ejemplificando el potencial del ecosistema FLOSS para impulsar la innovación.

@@ -87,41 +87,15 @@ title: "Usando Python y software libre" allowfullscreen> >
- - Ver en YouTube -
--- -### Unete a #PythonCDMX - -
- - Telegram - - - Meetup - - - YouTube - - - GitHub - - - Instagram - - - LinkedIn - -
+--8<-- "components/community-links.md" --- -
-

- *Última actualización: Generado automáticamente* -

-
\ No newline at end of file +--8<-- "components/quick-navigation.md" + +--- diff --git a/docs/meetups/2025/202507-julio-backup.md b/docs/meetups/2025/202507-julio-backup.md deleted file mode 100644 index 9ff0d2d..0000000 --- a/docs/meetups/2025/202507-julio-backup.md +++ /dev/null @@ -1,126 +0,0 @@ -
- Banner del evento Python CDMX Julio 2025 -
- - -# Meetup #PythonCDMX - Julio 2025 - -
-

✨ Cómo preparar una ambiente de desarrollo con Python desde zero ✨

-

Descubre las mejores prácticas para configurar tu entorno de desarrollo Python

-
- - -## Información del Evento - -
-
-

Fecha

-

Martes 08 de Julio, 2025

-
-
-

Hora

-

18:30 - 21:00

-
-
-

Lugar

-

Clara

-
-
-

¡GRATIS!

-

Entrada completamente gratuita

-
-
-

RSVP

-

¡Regístrate aquí!

-
-
- ---- - -## Ponente - -
-
- David Sol -
-
-

David Sol

-

SRE Engineer

-

SRE Engineer en Wizeline con experiencia en contenedores y desarrollo Python. Apasionado por las mejores prácticas de desarrollo y la automatización de infraestructura.

-
- -
-
-
- ---- - -## Descripción de la Charla - -
-

Cómo preparar una ambiente de desarrollo con Python desde zero

-

¿Tienes esa gran idea, pero no sabes cómo organizar tu ambiente virtual, tu código y todas las herramientas de desarrollo?

- -

En esta charla exploraremos las mejores prácticas para configurar un entorno de desarrollo Python profesional:

- -
    -
  • ¿Debes usar UV para el ambiente virtual?
    • -
  • ¿Tu código debe estar en el directorio raíz o en la carpeta /src?
    • -
  • ¿Dónde poner los archivos de pruebas?
    • -
  • ¿Cómo configurar el linter, el formatter, la herramienta de Static Application Security Testing (SAST)? ¿Cuál utilizar?
    • -
  • ¿Los archivos de configuración del IDE deben estar en el repositorio?
    • -
  • ¿Vale la pena configurar pre-commit?
    • -
  • Y lo más controvertido de todo: ¿Tabulador o espacios?
    • -
- -

- Nota: Basado en la página "Modern Good Practices for Python Development" de Stuart Ellis. Igual hay que preguntarle si se anima a darla él. -

-
- ---- - -## ¡Mira la charla completa! - -
-
-
- -
- - Ver en YouTube - -
-
- ---- - -### Unete a #PythonCDMX - -
- - Telegram - - - Meetup - - - YouTube - - - GitHub - - - Instagram - - - LinkedIn - -
diff --git a/docs/meetups/2025/202507-julio.md b/docs/meetups/2025/202507-julio.md index ed6ded6..97d0284 100644 --- a/docs/meetups/2025/202507-julio.md +++ b/docs/meetups/2025/202507-julio.md @@ -5,7 +5,7 @@ title: "Cómo preparar una ambiente de desarrollo con Python desde zero" # Meetup #PythonCDMX - Julio 2025
-

✨ Cómo preparar una ambiente de desarrollo con Python desde zero ✨

+

Cómo preparar una ambiente de desarrollo con Python desde zero

Descubre las mejores prácticas para configurar tu entorno de desarrollo Python

@@ -30,7 +30,7 @@ title: "Cómo preparar una ambiente de desarrollo con Python desde zero"

RSVP

-

¡Regístrate aquí!

+

¡Regístrate aquí!

@@ -62,7 +62,7 @@ title: "Cómo preparar una ambiente de desarrollo con Python desde zero"

Cómo preparar una ambiente de desarrollo con Python desde zero

¿Tienes esa gran idea, pero no sabes cómo organizar tu ambiente virtual, tu código y todas las herramientas de desarrollo?

En esta charla exploraremos las mejores prácticas para configurar un entorno de desarrollo Python profesional:

-
    +
    • ¿Debes usar UV para el ambiente virtual?
      • @@ -79,7 +79,7 @@ title: "Cómo preparar una ambiente de desarrollo con Python desde zero"
    • Y lo más controvertido de todo: ¿Tabulador o espacios?
    -

    +

    Nota: Basado en la página "Modern Good Practices for Python Development" de Stuart Ellis. Igual hay que preguntarle si se anima a darla él.

@@ -99,41 +99,15 @@ title: "Cómo preparar una ambiente de desarrollo con Python desde zero" allowfullscreen> >
- - Ver en YouTube -
--- -### Unete a #PythonCDMX - -
- - Telegram - - - Meetup - - - YouTube - - - GitHub - - - Instagram - - - LinkedIn - -
+--8<-- "components/community-links.md" --- -
-

- *Última actualización: Generado automáticamente* -

-
\ No newline at end of file +--8<-- "components/quick-navigation.md" + +--- diff --git a/docs/meetups/2025/index.md b/docs/meetups/2025/index.md index 35dcfe3..206fc80 100644 --- a/docs/meetups/2025/index.md +++ b/docs/meetups/2025/index.md @@ -1,10 +1,10 @@ -
- Python CDMX Logo +
+ Python CDMX Logo
# Meetups 2025 -
+
Conectando desarrolladores Python en la Ciudad de México
@@ -15,8 +15,8 @@ | **08 Julio 2025** | Cómo preparar una ambiente de desarrollo con Python desde zero | David Sol | Clara | [Ver detalles](202507-julio) | | **10 Junio 2025** | Usando Python y software libre para crear nuevas herramientas: Traductor de voz español-inglés | Carlos Cesar Caballero | Wizeline México | [Ver detalles](202506-junio) | | **13 Mayo 2025** | Construyendo un paquete en Python y publicándolo en PyPI | Javier Novoa | Wizeline México | [Ver detalles](202505-mayo) | -| **25 Abril 2025** | portafolio.py: Como hacer un portafolio web sin saber diseño web | Daniel Paredes | UNAM Facultad de Ciencias | [Ver detalles](202504-abril) | -| **25 Abril 2025** | Programar en tiempos del Vibe-Coding | Charly Roman | UNAM Facultad de Ciencias | [Ver detalles](202504-abril) | +| **25 Abril 2025** | portafolio.py: Como hacer un portafolio web sin saber diseño web | Daniel Paredes | UNAM Facultad de Ciencias | [Ver detalles](202504-unam) | +| **25 Abril 2025** | Programar en tiempos del Vibe-Coding | Charly Roman | UNAM Facultad de Ciencias | [Ver detalles](202504-unam) | | **08 Abril 2025** | El para que cosa de Quien. Kubernetes y AI | Carlos Reyes | Wizeline México | [Ver detalles](202504-abril) | | **11 Marzo 2025** | Mi Primer Agente de Inteligencia Artificial con Python | Erik Rivera | Wizeline México | [Ver detalles](202503-marzo) | | **11 Maro 2025** | Interfases gráficas con Pyside6 | David Sol | Wizeline México | [Ver detalles](202503-marzo) | @@ -29,67 +29,39 @@ ## Estadísticas 2025 -
+
-
+

12 Charlas

Realizadas

-
+

11 Ponentes

Únicos

-
+

3 Sedes

Diferentes

-
+

7 Meses

de Actividad

+ --- -## Conecta con Nuestra Comunidad - -
- - Telegram - - - Meetup - - - YouTube - - - GitHub - - - Instagram - - - LinkedIn - -
+--8<-- "components/community-links.md" --- -## También Te Puede Interesar - -| **Eventos** | **Participa** | **Comunidad** | -|:---|:---|:---| -| [Meetups 2024](../2024/) - Año anterior | [Ser Ponente](../../comunidad/ponentes.md) - Comparte conocimiento | [Nuestros Ponentes](../../comunidad/ponentes.md) - Conoce a la comunidad | -| [Meetups 2023](/meetups/2023) - Nuestros inicios | [Ser Voluntario](/comunidad/voluntarios) - Ayuda a organizar | [Alianzas](/comunidad/alianzas) - Comunidades aliadas | -| [Archivo Completo](/meetups) - Todos los meetups | [Cómo Contribuir](/comunidad/como-contribuir) - Guía general | [Volver al Inicio](/) - Página principal | +--8<-- "components/quick-navigation.md" --- ¿Te gustaría aparecer aquí? Conoce a nuestros [ponentes y voluntarios reconocidos](/comunidad/como-contribuir/). - -* Última actualización: {{ git_revision_date_localized }}* diff --git a/docs/meetups/index.md b/docs/meetups/index.md index 7222216..2b11f26 100644 --- a/docs/meetups/index.md +++ b/docs/meetups/index.md @@ -1,10 +1,10 @@ -
- Python CDMX Logo +
+ Python CDMX Logo
# Meetups Python CDMX -
+
Archivo completo de todos nuestros eventos
@@ -12,27 +12,27 @@ ## Años Disponibles -
+
-
-

2025

+
+

2025

15 charlas realizadas

Nuestro año más activo

- Ver meetups + Ver meetups
-
-

2024

+
+

2024

15 charlas realizadas

Consolidación de la comunidad

- Ver meetups + Ver meetups
-
-

2023

+
+

2023

5 charlas realizadas

Nuestros inicios

- Ver meetups + Ver meetups
@@ -41,24 +41,24 @@ ## Estadísticas Generales -
+
-
+

35 Charlas

Total Realizadas

-
+

20+ Ponentes

Únicos

-
+

3 Sedes

Diferentes

-
+

3 Años

de Actividad

@@ -67,39 +67,10 @@ --- -## Conecta con Nuestra Comunidad - -
- - Telegram - - - Meetup - - - YouTube - - - GitHub - - - Instagram - - - LinkedIn - -
+--8<-- "components/community-links.md" --- -## También Te Puede Interesar - -| **Eventos** | **Participa** | **Comunidad** | -|:---|:---|:---| -| [Meetups 2025](/meetups/2025/) - Año actual | [Ser Ponente](/comunidad/ponentes) - Comparte conocimiento | [Nuestros Ponentes](/comunidad/ponentes) - Conoce a la comunidad | -| [Meetups 2024](/meetups/2024/) - Año anterior | [Ser Voluntario](/comunidad/voluntarios) - Ayuda a organizar | [Alianzas](/comunidad/alianzas) - Comunidades aliadas | -| [Meetups 2023](/meetups/2023/) - Nuestros inicios | [Cómo Contribuir](/comunidad/como-contribuir) - Guía general | [Volver al Inicio](/) - Página principal | +--8<-- "components/quick-navigation.md" --- - -* Última actualización: {{ git_revision_date_localized }}* diff --git a/docs/tags.md b/docs/tags.md deleted file mode 100644 index ccc1e3a..0000000 --- a/docs/tags.md +++ /dev/null @@ -1,61 +0,0 @@ -# 🏷️ Temas y Tecnologías - -Explora nuestros meetups por temas y tecnologías. Haz clic en cualquier tag para ver todos los meetups relacionados. - - - ---- - -## 🔍 Búsqueda por Categorías - -### 🐍 Python Core -- [Python](#python) - Charlas sobre el lenguaje Python -- [Best Practices](#best-practices) - Mejores prácticas de desarrollo -- [Code Quality](#code-quality) - Calidad de código y testing - -### 🤖 Inteligencia Artificial -- [AI](#ai) - Inteligencia Artificial y Machine Learning -- [ChatGPT](#chatgpt) - LLMs y ChatGPT -- [Embeddings](#embeddings) - Embeddings y vectores -- [NLP](#nlp) - Procesamiento de Lenguaje Natural - -### 🌐 Desarrollo Web -- [Web Development](#web-development) - Desarrollo web con Python -- [Flask](#flask) - Framework Flask -- [APIs](#apis) - Desarrollo de APIs -- [Pydantic](#pydantic) - Validación de datos - -### ☁️ DevOps y Cloud -- [DevOps](#devops) - DevOps y automatización -- [Kubernetes](#kubernetes) - Orquestación de contenedores -- [Docker](#docker) - Contenedores -- [GitOps](#gitops) - GitOps y CI/CD - -### 📊 Data Science -- [Data Science](#data-science) - Ciencia de datos -- [ETLs](#etls) - Extracción, Transformación y Carga -- [Jupyter](#jupyter) - Jupyter notebooks -- [Regresión](#regresión) - Análisis estadístico - -### 🔓 Open Source -- [Open Source](#open-source) - Software libre -- [Contribuir](#contribuir) - Contribuir a proyectos open source -- [Software Libre](#software-libre) - Software libre y comunidad - -### 🎨 Interfaces y UX -- [GUI](#gui) - Interfaces gráficas -- [PySide6](#pyside6) - Framework GUI -- [Desktop Apps](#desktop-apps) - Aplicaciones de escritorio - -### 🔒 Seguridad -- [Security](#security) - Seguridad informática -- [PCI DSS](#pci-dss) - Estándares de seguridad -- [Automation](#automation) - Automatización de seguridad - ---- - -
-

🎯 ¿No encuentras lo que buscas?

-

Usa la búsqueda en la parte superior para encontrar contenido específico o navega por nuestros meetups organizados por año.

- Ver todos los meetups -
diff --git a/mkdocs.yml b/mkdocs.yml index 09eb102..f0bcfac 100644 --- a/mkdocs.yml +++ b/mkdocs.yml @@ -1,10 +1,10 @@ site_name: Python CDMX site_description: Comunidad de desarrolladores Python en la Ciudad de México -site_author: Python CDMX Community -site_url: https://python-cdmx.github.io +site_author: Comunidad Python CDMX +site_url: https://pythoncdmx.org # Repository -repo_name: pythonCDMX +repo_name: PythonMexico/pythonCDMX repo_url: https://github.com/PythonMexico/pythonCDMX/ #edit_uri: edit/main/docs/ @@ -22,26 +22,21 @@ theme: # Light mode - scheme: default primary: green - accent: red + accent: green toggle: - icon: material/brightness-auto - name: Switch to dark mode + icon: material/brightness-7 + name: Cambiar a modo oscuro # Dark mode - scheme: slate primary: green - accent: red + accent: green toggle: - icon: material/brightness-7 - name: Switch to light mode + icon: material/brightness-4 + name: Cambiar a modo claro - # Custom CSS - custom_dir: docs/css/ - - # Features + # Features - configuración optimizada features: - announce.dismiss - #- content.action.edit - #- content.action.view - content.code.annotate - content.code.copy - content.code.select @@ -54,11 +49,6 @@ theme: - navigation.instant - navigation.instant.prefetch - navigation.instant.progress - - navigation.instant.result - - navigation.instant.suggest - - navigation.instant.tracking - - navigation.instant.worker - - navigation.managing - navigation.prune - navigation.sections - navigation.tabs @@ -70,11 +60,9 @@ theme: - search.suggest - toc.follow - # FontAwesome configuration + # Icons icon: repo: fontawesome/brands/github - edit: fontawesome/solid/pen-to-square - view: fontawesome/solid/eye # Navigation nav: @@ -94,32 +82,47 @@ nav: # Plugins plugins: - - search + - search: + lang: es - git-revision-date-localized: enable_creation_date: true + type: date + timezone: America/Mexico_City + locale: es - minify: minify_html: true - - tags + minify_css: true + minify_js: true + htmlmin_opts: + remove_comments: true # Social links extra: social: - icon: fontawesome/brands/github link: https://github.com/PythonMexico/pythonCDMX + name: GitHub - icon: fontawesome/brands/telegram link: https://t.me/PythonCDMX - - icon: fontawesome/brands/twitter + name: Telegram + - icon: fontawesome/brands/x-twitter link: https://twitter.com/PythonMexico + name: Twitter/X - icon: fontawesome/brands/youtube link: https://www.youtube.com/@PythonMexico + name: YouTube - icon: fontawesome/brands/meetup link: https://www.meetup.com/python-mexico + name: Meetup - icon: fontawesome/brands/instagram link: https://www.instagram.com/pythoncdmx/ + name: Instagram - icon: fontawesome/brands/linkedin link: https://www.linkedin.com/groups/13126454/ + name: LinkedIn + -# SEO +# Custom CSS and JavaScript extra_css: - css/custom.css @@ -136,6 +139,7 @@ markdown_extensions: - md_in_html - toc: permalink: true + title: En esta página - pymdownx.arithmatex: generic: true - pymdownx.betterem: @@ -149,12 +153,18 @@ markdown_extensions: anchor_linenums: true line_spans: __span pygments_lang_class: true + use_pygments: true - pymdownx.inlinehilite - pymdownx.keys - - pymdownx.magiclink + - pymdownx.magiclink: + normalize_issue_symbols: true + repo_url_shorthand: true + user: PythonMexico + repo: pythonCDMX - pymdownx.mark - pymdownx.smartsymbols - pymdownx.snippets: + base_path: 'docs' check_paths: true - pymdownx.superfences: custom_fences: @@ -175,4 +185,6 @@ markdown_extensions: validation: nav: omitted_files: ignore - not_found: warn + not_found: warn + links: + not_found: warn diff --git a/scripts/check_links.py b/scripts/check_links.py new file mode 100644 index 0000000..288c04d --- /dev/null +++ b/scripts/check_links.py @@ -0,0 +1,196 @@ +#!/usr/bin/env python3 +""" +Simple script to check internal links with HTTP requests. +""" + +import json +import re +from pathlib import Path +from urllib.parse import urljoin + +import requests + + +def find_internal_links(content): + """Find all internal links in markdown and HTML content.""" + links = [] + + # Markdown link pattern: [text](url) + md_pattern = r"\[([^\]]+)\]\(([^)]+)\)" + + # HTML link pattern: text or text + html_pattern = r']*>([^<]+)' + + # Find markdown links + for match in re.finditer(md_pattern, content): + text = match.group(1) + url = match.group(2) + + # Skip external links + if url.startswith(("http://", "https://", "mailto:", "tel:")): + continue + + links.append((text, url, "markdown", match.start())) + + # Find HTML links + for match in re.finditer(html_pattern, content): + url = match.group(1) + text = match.group(2).strip() + + # Skip external links + if url.startswith(("http://", "https://", "mailto:", "tel:")): + continue + + links.append((text, url, "html", match.start())) + + return links + + +def resolve_link_url(base_url, md_file, link_url): + """Resolve the real URL as a browser would from the markdown file location.""" + # If link is absolute (starts with /), join with base_url + if link_url.startswith("/"): + return urljoin(base_url, link_url) + # If link is relative, join with the file's directory path + else: + # Get the directory of the markdown file relative to docs/ + md_dir = Path(md_file).parent + # Build the relative path as it would be in the site + rel_path = (md_dir / link_url).as_posix() + # Remove any leading './' for clean URLs + if rel_path.startswith("./"): + rel_path = rel_path[2:] + return urljoin(base_url + "/", rel_path) + + +def check_link(base_url, link_url, current_file): + """Check if a link returns 200 or 404.""" + try: + # Handle anchor links - they should resolve from current page + if link_url.startswith("#"): + # Build URL from current file path + file_path = current_file.replace(".md", "/") + if not file_path.startswith("/"): + file_path = "/" + file_path + full_url = urljoin(base_url, file_path + link_url) + else: + # For relative links, resolve from current file's directory + if not link_url.startswith("/"): + # Get current file's directory + current_dir = str(Path(current_file).parent) + if current_dir != ".": + # Resolve relative to current directory + resolved_path = str(Path(current_dir) / link_url) + else: + resolved_path = link_url + + # Convert to URL format + if not resolved_path.startswith("/"): + resolved_path = "/" + resolved_path + full_url = urljoin(base_url, resolved_path) + else: + # Absolute path from site root + full_url = urljoin(base_url, link_url) + + # Make request + response = requests.get(full_url, timeout=5) + + if response.status_code == 200: + return True, "200 OK" + elif response.status_code == 404: + return False, "404 Not Found" + else: + return False, f"HTTP {response.status_code}" + + except requests.RequestException as e: + return False, f"Error: {e}" + + +def main(): + base_url = "http://127.0.0.1:8000" + docs_dir = Path("docs") + + print(f"🔍 Checking internal links against {base_url}") + print("=" * 50) + + broken_links = [] + working_links = [] + + # Find all markdown files + for md_file in docs_dir.rglob("*.md"): + try: + with open(md_file, "r", encoding="utf-8") as f: + content = f.read() + + links = find_internal_links(content) + + for text, url, link_type, line_start in links: + is_working, status = check_link( + base_url, url, str(md_file.relative_to(docs_dir)) + ) + + # Calculate full URL for display + if not url.startswith("#"): + full_url = urljoin(base_url, url) + else: + full_url = urljoin( + base_url, + str(md_file.relative_to(docs_dir)).replace(".md", "/") + url, + ) + + result = { + "file": str(md_file.relative_to(docs_dir)), + "text": text, + "url": url, + "full_url": full_url, + "status": status, + "line": content[:line_start].count("\n") + 1, + "link_type": link_type, + } + + if is_working: + working_links.append(result) + else: + broken_links.append(result) + + except Exception as e: + print(f"❌ Error reading {md_file}: {e}") + + # Print summary + print(f"✅ Working links: {len(working_links)}") + print(f"❌ Broken links: {len(broken_links)}") + + # Save results to JSON + results = { + "summary": { + "total_files_scanned": len(list(docs_dir.rglob("*.md"))), + "working_links": len(working_links), + "broken_links": len(broken_links), + "base_url": base_url, + }, + "broken_links": broken_links, + "working_links": working_links, + } + + # Save to JSON file + output_file = "broken_links.json" + with open(output_file, "w", encoding="utf-8") as f: + json.dump(results, f, indent=2, ensure_ascii=False) + + print(f"\n📄 Results saved to: {output_file}") + + # Show some broken links in console + if broken_links: + print(f"\n🔴 BROKEN LINKS (showing first 10):") + print("-" * 50) + for link in broken_links[:10]: + print(f"📄 {link['file']}:{link['line']}") + print(f" Text: {link['text']}") + print(f" URL: {link['url']}") + print(f" Full URL: {link['full_url']}") + print(f" Status: {link['status']}") + print() + + +if __name__ == "__main__": + main() diff --git a/scripts/fix_broken_links.py b/scripts/fix_broken_links.py new file mode 100644 index 0000000..cf0849c --- /dev/null +++ b/scripts/fix_broken_links.py @@ -0,0 +1,200 @@ +#!/usr/bin/env python3 +""" +Script to fix broken links based on broken_links.json +""" + +import json +import re +from pathlib import Path +from typing import Dict, List, Tuple + + +def load_broken_links(json_file: str = "broken_links.json") -> Dict: + """Load broken links from JSON file.""" + try: + with open(json_file, "r", encoding="utf-8") as f: + return json.load(f) + except FileNotFoundError: + print(f"❌ File {json_file} not found. Run check_links.py first.") + return {} + except json.JSONDecodeError as e: + print(f"❌ Error parsing JSON: {e}") + return {} + + +def suggest_fix(url: str) -> str: + """Suggest a fix for a broken URL.""" + # Primero: /index.md o index.md + if url.endswith("/index.md"): + return url[:-9] + "/" + if url.endswith("index.md"): + return url[:-8] + "/" + # Después: cualquier otro .md + if url.endswith(".md"): + return url[:-3] + "/" + + # Handle meetup individual links - add trailing slash + if re.match(r"^\d{6}-[a-z]+$", url): + return url + "/" + + # Handle meetup individual links with .md - remove .md and add / + if re.match(r"^\d{6}-[a-z]+\.md$", url): + return url[:-3] + "/" + + # Handle /index/ links - remove the /index/ part + if url.endswith("/index/"): + return url[:-7] + "/" + + # Add trailing slash for directory-like URLs that don't have it + if not url.endswith("/") and "." not in url.split("/")[-1]: + return url + "/" + + # Handle specific patterns for comunidad links + if url.startswith("/comunidad/") and not url.endswith("/"): + return url + "/" + + if url.startswith("comunidad/") and not url.endswith("/"): + return url + "/" + + # Handle meetup directory links + if "meetups/" in url and url.endswith(".md"): + return url[:-3] + "/" + + return url + + +def fix_file_links(file_path: str, broken_links: List[Dict]) -> Tuple[bool, List[Dict]]: + """Fix broken links in a specific file.""" + file_links = [link for link in broken_links if link["file"] == file_path] + + if not file_links: + return False, [] + + try: + with open(f"docs/{file_path}", "r", encoding="utf-8") as f: + content = f.read() + + original_content = content + fixes_applied = [] + + for link in file_links: + old_url = link["url"] + new_url = suggest_fix(old_url) + link_type = link.get("link_type", "markdown") + + if new_url != old_url: + if link_type == "markdown": + # Fix markdown links: [text](url) + pattern = ( + f'\\[{re.escape(link["text"])}\\]\\({re.escape(old_url)}\\)' + ) + replacement = f'[{link["text"]}]({new_url})' + elif link_type == "html": + # Fix HTML links: text + # Handle both single and double quotes + pattern1 = f']*>{re.escape(link["text"])}' + replacement1 = f'{link["text"]}' + + # Try with double quotes first + new_content = re.sub(pattern1, replacement1, content) + + # If no change, try with single quotes + if new_content == content: + pattern2 = f']*>{re.escape(link["text"])}' + new_content = re.sub(pattern2, replacement1, content) + else: + # Fallback to markdown pattern + pattern = ( + f'\\[{re.escape(link["text"])}\\]\\({re.escape(old_url)}\\)' + ) + replacement = f'[{link["text"]}]({new_url})' + new_content = re.sub(pattern, replacement, content) + + if new_content != content: + content = new_content + fixes_applied.append( + { + "line": link["line"], + "text": link["text"], + "old_url": old_url, + "new_url": new_url, + "link_type": link_type, + } + ) + + # Write the fixed content back + if fixes_applied: + with open(f"docs/{file_path}", "w", encoding="utf-8") as f: + f.write(content) + return True, fixes_applied + + return False, [] + + except Exception as e: + print(f"❌ Error fixing {file_path}: {e}") + return False, [] + + +def main(): + """Main function to fix broken links.""" + print("🔧 Fixing broken links...") + print("=" * 50) + + # Load broken links + data = load_broken_links() + if not data: + return + + broken_links = data.get("broken_links", []) + if not broken_links: + print("✅ No broken links to fix!") + return + + print(f"📄 Found {len(broken_links)} broken links") + + # Group links by file + files_to_fix = {} + for link in broken_links: + file_path = link["file"] + if file_path not in files_to_fix: + files_to_fix[file_path] = [] + files_to_fix[file_path].append(link) + + print(f"📁 Files to fix: {len(files_to_fix)}") + + # Fix each file + total_fixes = 0 + files_fixed = 0 + + for file_path, links in files_to_fix.items(): + print(f"\n🔧 Fixing {file_path}...") + + was_fixed, fixes = fix_file_links(file_path, links) + + if was_fixed: + files_fixed += 1 + total_fixes += len(fixes) + + print(f" ✅ Fixed {len(fixes)} links:") + for fix in fixes: + print(f" Line {fix['line']}: {fix['old_url']} → {fix['new_url']}") + else: + print(f" ⚠️ No fixes applied") + + # Summary + print("\n" + "=" * 50) + print("📊 FIX SUMMARY") + print("=" * 50) + print(f"📁 Files processed: {len(files_to_fix)}") + print(f"🔧 Files fixed: {files_fixed}") + print(f"✅ Total fixes applied: {total_fixes}") + + if total_fixes > 0: + print(f"\n💡 Run 'python scripts/check_links.py' again to verify fixes!") + else: + print(f"\n⚠️ No automatic fixes could be applied.") + print(f" Some links may need manual correction.") + + +if __name__ == "__main__": + main()