From 583a62400f1a5f73952b5ed9dcf83315fb6e8156 Mon Sep 17 00:00:00 2001 From: Christian Gomez Date: Mon, 14 Sep 2026 21:11:33 -0600 Subject: [PATCH] Add communities --- .../communities/CommunityAllyLogo.tsx | 7 +- src/data/communites.ts | 66 +++++++------- src/index.css | 91 +++---------------- src/types/types.ts | 1 + 4 files changed, 53 insertions(+), 112 deletions(-) diff --git a/src/components/communities/CommunityAllyLogo.tsx b/src/components/communities/CommunityAllyLogo.tsx index 62c98a0..c59967a 100644 --- a/src/components/communities/CommunityAllyLogo.tsx +++ b/src/components/communities/CommunityAllyLogo.tsx @@ -1,4 +1,5 @@ import React from "react"; +import { cn } from "@/lib/utils"; import { ICommunity } from "@/types/types.ts"; interface CommunityAllyLogoProps { @@ -9,7 +10,11 @@ const CommunityAllyLogo: React.FC = ({ community }) => { const badge = (
- {community.name} + {community.name}
); diff --git a/src/data/communites.ts b/src/data/communites.ts index 25f8c7b..aff9c8e 100644 --- a/src/data/communites.ts +++ b/src/data/communites.ts @@ -18,6 +18,7 @@ export const communitiesAllies: Array = [ description: "", link: "https://www.facebook.com/share/19r2SzioLV/", image: technologyEventsLogo, + sticker: false, socials: [ { title: "Instagram", @@ -40,11 +41,11 @@ export const communitiesAllies: Array = [ linkType: LinkType.TikTok } ] - }/*, + }, { name: "GDG Guadalajara", description: "", - link: "https://gdg.community.dev/events/details/google-gdg-guadalajara-presents-devfest-2025-kickoff-in-guadalajara/", + link: "https://www.instagram.com/gdg_guadalajara/", image: GDGLogo, socials: [{ title: "LinkedIn", @@ -57,6 +58,35 @@ export const communitiesAllies: Array = [ } ] }, + { + name: "Playas on tech", + description: "", + link: "https://playasontech.com/", + image: playasOnTechLogo, + sticker: false, + socials: [ + { + title:"Facebook", + url:"https://www.facebook.com/playasontech", + linkType: LinkType.Facebook + }, + { + title:"Instagram", + url:"https://www.instagram.com/playasontech_mzo/", + linkType: LinkType.Instagram + }, + { + title:"LinkedIn", + url:"https://www.linkedin.com/company/playasontech", + linkType: LinkType.LinkedIn + }, + { + title:"TikTok", + url:"https://www.tiktok.com/@playasontech", + linkType: LinkType.TikTok + } + ] + }, { name: "Mobile Developer Community (MDC)", description: "", @@ -76,7 +106,7 @@ export const communitiesAllies: Array = [ linkType: LinkType.LinkedIn } ] - }, + }/*, { name: "AWS User Group Ajolotes en la Nube ", description: "", @@ -95,35 +125,6 @@ export const communitiesAllies: Array = [ } ] }, - { - name: "Playas on tech", - description: "", - link: "https://playasontech.com/", - image: playasOnTechLogo, - darkBg: true, - socials: [ - { - title:"Facebook", - url:"https://www.facebook.com/playasontech", - linkType: LinkType.Facebook - }, - { - title:"Instagram", - url:"https://www.instagram.com/playasontech_mzo/", - linkType: LinkType.Instagram - }, - { - title:"LinkedIn", - url:"https://www.linkedin.com/company/playasontech", - linkType: LinkType.LinkedIn - }, - { - title:"TikTok", - url:"https://www.tiktok.com/@playasontech", - linkType: LinkType.TikTok - } - ] - }, { name: "Calzada Code", description: "", @@ -249,6 +250,7 @@ export const communitiesAllies: Array = [ description: "", link: "https://community.cncf.io/kcd-guadalajara/", image: kcdLogo, + sticker: false, socials: [ { title: "Facebook", diff --git a/src/index.css b/src/index.css index 15b7d00..13920c9 100644 --- a/src/index.css +++ b/src/index.css @@ -510,6 +510,18 @@ overflow: hidden; } .ally-circle img { max-width: 100%; max-height: 100%; object-fit: contain; } +.ally-circle img.sticker { + filter: + drop-shadow(1.5px 0 0 var(--paper)) + drop-shadow(-1.5px 0 0 var(--paper)) + drop-shadow(0 1.5px 0 var(--paper)) + drop-shadow(0 -1.5px 0 var(--paper)) + drop-shadow(1.1px 1.1px 0 var(--paper)) + drop-shadow(-1.1px 1.1px 0 var(--paper)) + drop-shadow(1.1px -1.1px 0 var(--paper)) + drop-shadow(-1.1px -1.1px 0 var(--paper)) + drop-shadow(2px 2px 0 var(--ink)); +} .ally-name { margin-top: 16px; font-family: "Pixelify Sans", monospace; font-weight: 700; font-size: 17px; color: var(--ink); text-decoration: underline; text-underline-offset: 3px; @@ -526,85 +538,6 @@ .ally-grid { grid-template-columns: 1fr; } } -/* ── Kit de prensa ───────────────────────────────────────────────── */ -.presskit-subtitle { - font-family: "Pixelify Sans", monospace; font-weight: 700; - font-size: 22px; color: var(--ink); margin: 28px 0 14px; -} -.dl-btn { - display: inline-flex; align-items: center; gap: 8px; - height: 38px; padding: 0 14px; margin-top: 12px; - background: var(--paper); border: 2px solid var(--ink); - box-shadow: var(--win-shadow-sm); color: var(--ink); - font-family: "Pixelify Sans", monospace; font-weight: 700; font-size: 13px; - text-decoration: none; cursor: pointer; - transition: transform 80ms, box-shadow 80ms; -} -.dl-btn:hover { transform: translate(3px, 3px); box-shadow: none; } - -.presskit-logos { - display: grid; grid-template-columns: repeat(2, 1fr); - gap: 16px; margin-bottom: 8px; -} -.presskit-logo-card { - display: flex; flex-direction: column; align-items: center; justify-content: center; - padding: 32px 20px; background: var(--paper); - border: 2px solid var(--ink); box-shadow: var(--win-shadow-sm); -} -.presskit-logo-card.dark { background: var(--xmas-green); } -.presskit-logo-card img { max-width: 100%; height: auto; } -@media (max-width: 600px) { - .presskit-logos { grid-template-columns: 1fr; } -} - -.presskit-colors { - display: grid; grid-template-columns: repeat(4, 1fr); - gap: 12px; -} -.color-swatch { - display: flex; flex-direction: column; align-items: stretch; - border: 2px solid var(--ink); background: var(--paper); - padding: 0; cursor: pointer; font: inherit; - transition: transform 80ms, box-shadow 80ms; box-shadow: var(--win-shadow-sm); -} -.color-swatch:hover { transform: translate(3px, 3px); box-shadow: none; } -.color-swatch-fill { display: block; height: 56px; } -.color-swatch-meta { - display: flex; flex-direction: column; gap: 2px; - padding: 8px 10px; text-align: left; -} -.color-swatch-hex { - font-family: "JetBrains Mono", monospace; font-weight: 600; - font-size: 13px; color: var(--ink); -} -.color-swatch-name { - font-family: "Space Grotesk", sans-serif; font-size: 11px; color: var(--ink-2); -} -@media (max-width: 768px) { - .presskit-colors { grid-template-columns: repeat(3, 1fr); } -} -@media (max-width: 500px) { - .presskit-colors { grid-template-columns: repeat(2, 1fr); } -} - -.presskit-decor-grid { - display: grid; grid-template-columns: repeat(4, 1fr); - gap: 16px; -} -.decor-tile { - display: flex; flex-direction: column; align-items: center; justify-content: center; - padding: 18px 12px; background: var(--paper); - border: 2px solid var(--ink); box-shadow: var(--win-shadow-sm); - text-align: center; -} -.decor-tile img { max-width: 100%; height: 90px; object-fit: contain; } -@media (max-width: 768px) { - .presskit-decor-grid { grid-template-columns: repeat(3, 1fr); } -} -@media (max-width: 500px) { - .presskit-decor-grid { grid-template-columns: repeat(2, 1fr); } -} - /* ── Patrocinio / BecomeSponsor ──────────────────────────────────── */ .patron-grid { display: grid; grid-template-columns: 1.1fr 1fr; diff --git a/src/types/types.ts b/src/types/types.ts index 1da230f..24269a6 100644 --- a/src/types/types.ts +++ b/src/types/types.ts @@ -7,6 +7,7 @@ export interface ICommunity { image: string; socials: ILink[]; darkBg?: boolean; + sticker?: boolean; } export interface IImage { id: number