Skip to content

feat(meetup): add talks and speakers sections for La Meetup III, including speaker profiles and social links#149

Closed
agustints wants to merge 19 commits intomainfrom
feat/speakers
Closed

feat(meetup): add talks and speakers sections for La Meetup III, including speaker profiles and social links#149
agustints wants to merge 19 commits intomainfrom
feat/speakers

Conversation

@agustints
Copy link
Member

📋 Overview

This PR introduces a complete speakers section for La Meetup III, including speaker profiles, talk descriptions, and an engaging UI with interactive effects.

✨ Features Added

1. New Speaker Profiles

Added 5 new speaker profiles with complete information:

  • Carlos Martinez - CTO / Gerente de Tecnología
  • Nicolas Antoniello - Regional Technical Engagement Manager
  • Mauro Eldritch - Hacker & Founder
  • Johana Rios - QA & Methodology Manager
  • Gastón Cabana - Quality Assurance Lead

Each profile includes:

  • Profile picture
  • Job title
  • Social media links (GitHub, LinkedIn, X/Twitter)

2. Talks Configuration

Added 3 talks to the meetup agenda:

a) "¿Internet funciona? ¿Cómo? ¿… Y es segura?"

  • Speakers: Carlos Martinez & Nicolas Antoniello
  • Topics: Internet functionality, DNS, regional registries, and cybersecurity

b) "LockSkin: un ransomware para bioimplantes"

  • Speaker: Mauro Eldritch
  • Topics: Bioimplants (NFC+RFID), educational ransomware, biohacking security challenges

c) "Debugging Organizacional: Cuando el problema no es el código"

  • Speakers: Johana Rios & Gastón Cabana
  • Topics: Organizational bugs, team communication, collaboration issues

3. New Speakers Component (src/components/Meetups/2025/Speakers/)

Created a complete speakers section with:

Main Features:

  • Animated marquee displaying all speaker names
  • Talk-centric layout - groups speakers by their talks
  • Rich text descriptions with markdown support
  • Responsive design for mobile, tablet, and desktop

Sub-components:

  • SpeakerCard.tsx - Individual speaker card with image and details
  • SocialLinks.tsx - Social media links with hover effects
  • index.tsx - Main speakers section component

4. Interactive UI Effects

Speaker Image Effects:

  • Grayscale by default with smooth color restoration on hover
  • 500ms transition duration for smooth animations
  • Cursor pointer to indicate interactivity
  • Gradient mask for elegant fade-out effect

Social Links:

  • Scale animation (1.5x) on hover
  • Color change to yellow-400 on hover
  • Accessible with proper ARIA labels

5. Markdown Support for Descriptions

Implemented ReactMarkdown with custom styling:

  • Paragraphs with proper spacing (mb-4)
  • Bold text rendered in yellow-400 for emphasis
  • Line breaks properly preserved between paragraphs

6. Content Formatting

Added strategic formatting to all talk descriptions:

  • Bold emphasis on key concepts and terms
  • Paragraph breaks for improved readability
  • Italic text for disclaimers/notes

@agustints agustints changed the title feat(meetup): add talks and speakers sections for La Meetup 2025, including speaker profiles and social links feat(meetup): add talks and speakers sections for La Meetup III, including speaker profiles and social links Oct 7, 2025
@github-actions
Copy link

github-actions bot commented Oct 7, 2025

Deploy preview for owu ready!

✅ Preview
https://owu-n321lhk9x-owu.vercel.app

Built with commit 8b24e60.
This pull request is being automatically deployed with vercel-action

@agustints agustints closed this Oct 13, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant