Skip to content

Add communities #259

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
chrisom79 merged 1 commit into from
Sep 15, 2026
Merged

Add communities #259

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 6 additions & 1 deletion src/components/communities/CommunityAllyLogo.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
import React from "react";
import { cn } from "@/lib/utils";
import { ICommunity } from "@/types/types.ts";

interface CommunityAllyLogoProps {
Expand All @@ -9,7 +10,11 @@ const CommunityAllyLogo: React.FC<CommunityAllyLogoProps> = ({ community }) => {
const badge = (
<div className="ally-circle">
<div className="ally-circle-inner">
<img src={community.image} alt={community.name} />
<img
src={community.image}
alt={community.name}
className={cn(community.sticker !== false && "sticker")}
/>
</div>
</div>
);
Expand Down
66 changes: 34 additions & 32 deletions src/data/communites.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,7 @@ export const communitiesAllies: Array<ICommunity> = [
description: "",
link: "https://www.facebook.com/share/19r2SzioLV/",
image: technologyEventsLogo,
sticker: false,
socials: [
{
title: "Instagram",
Expand All @@ -40,11 +41,11 @@ export const communitiesAllies: Array<ICommunity> = [
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",
Expand All @@ -57,6 +58,35 @@ export const communitiesAllies: Array<ICommunity> = [
}
]
},
{
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: "",
Expand All @@ -76,7 +106,7 @@ export const communitiesAllies: Array<ICommunity> = [
linkType: LinkType.LinkedIn
}
]
},
}/*,
{
name: "AWS User Group Ajolotes en la Nube ",
description: "",
Expand All @@ -95,35 +125,6 @@ export const communitiesAllies: Array<ICommunity> = [
}
]
},
{
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: "",
Expand Down Expand Up @@ -249,6 +250,7 @@ export const communitiesAllies: Array<ICommunity> = [
description: "",
link: "https://community.cncf.io/kcd-guadalajara/",
image: kcdLogo,
sticker: false,
socials: [
{
title: "Facebook",
Expand Down
91 changes: 12 additions & 79 deletions src/index.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand All @@ -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;
Expand Down
1 change: 1 addition & 0 deletions src/types/types.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@ export interface ICommunity {
image: string;
socials: ILink[];
darkBg?: boolean;
sticker?: boolean;
}
export interface IImage {
id: number
Expand Down
Loading