@@ -4,57 +4,59 @@ import {Icon} from "astro-icon/components";
44import ContentSection from " ~/components/content-section.astro" ;
55
66const communities: Array <CommunityItem > = [
7- {
8- url: " https://bit.ly/slack-bcnjug" ,
9- title: " Slack" ,
10- description: " Join our Slack channel to talk with us!" ,
11- icon: " fa-brands:slack" ,
12- },
13- {
14- url: " https://www.meetup.com/BarcelonaJUG/" ,
15- title: " Meetup" ,
16- description: " Join our Meetup group to know about our events" ,
17- icon: " fa-brands:meetup" ,
18- },
19- {
20- url: " https://twitter.com/BarcelonaJUG" ,
21- title: " Twitter" ,
22- description: " Follow us on Twitter to know about the latest updates" ,
23- icon: " fa-brands:twitter" ,
24- },
25- {
26- url: " https://www.linkedin.com/company/barcelonajug" ,
27- title: " Linkedin" ,
28- description: " Add us to Linkedin to know about the latest updates" ,
29- icon: " fa-brands:linkedin" ,
30- },
31- {
32- url: " https://www.youtube.com/user/BarcelonaJUG" ,
33- title: " Youtube" ,
34- description: " See all recordings of talks in our Youtube channel" ,
35- icon: " fa-brands:youtube" ,
36- },
7+ {
8+ url: " https://bit.ly/slack-bcnjug" ,
9+ title: " Slack" ,
10+ description: " Join our Slack channel to talk with us!" ,
11+ icon: " fa-brands:slack" ,
12+ },
13+ {
14+ url: " https://www.meetup.com/BarcelonaJUG/" ,
15+ title: " Meetup" ,
16+ description: " Join our Meetup group to know about our events" ,
17+ icon: " fa-brands:meetup" ,
18+ },
19+ {
20+ url: " https://twitter.com/BarcelonaJUG" ,
21+ title: " Twitter" ,
22+ description: " Follow us on Twitter to know about the latest updates" ,
23+ icon: " fa-brands:twitter" ,
24+ },
25+ {
26+ url: " https://www.linkedin.com/company/barcelonajug" ,
27+ title: " Linkedin" ,
28+ description: " Add us to Linkedin to know about the latest updates" ,
29+ icon: " fa-brands:linkedin" ,
30+ },
31+ {
32+ url: " https://www.youtube.com/user/BarcelonaJUG" ,
33+ title: " Youtube" ,
34+ description: " See all recordings of talks in our Youtube channel" ,
35+ icon: " fa-brands:youtube" ,
36+ },
3737];
3838---
3939
4040<ContentSection title =" Community" id =" community" >
41- <Fragment slot =" lead" >
42- Join our <span class =" text-primary" >community</span >.
43- </Fragment >
44- <ul class =" grid max-w-6xl grid-cols-1 md:grid-cols-2 lg:grid-cols-3" >
45- {
46- communities .map (({title , url , icon , description }) => (
47- <li class = " flex flex-col items-center gap-4 border border-default bg-offset p-6" >
48- <div class = " size-16 rounded-full border-2 border-current p-3" >
49- <Icon name = { icon } class = " size-full" />
50- </div >
41+ <Fragment slot =" lead" >
42+ Join our <span class =" text-primary" >community</span >.
43+ </Fragment >
44+ <ul class =" grid max-w-6xl grid-cols-1 md:grid-cols-2 lg:grid-cols-3" >
45+ {
46+ communities .map (({title , url , icon , description }) => (
47+ <li class = " flex flex-col items-center gap-4 border border-default bg-offset p-6" >
48+ <div class = " size-16 rounded-full border-2 border-current p-3" >
49+ <Icon name = { icon } class = " size-full" />
50+ </div >
5151
52- <a href = { url }
53- class = " text-center font-extrabold text-xl" >{ title } </a >
54- <a href = { url }
55- class = " text-center text-offset text-sm" >{ description } </a >
56- </li >
57- ))
58- }
59- </ul >
52+ <a href = { url } class = " text-center font-extrabold text-xl" >
53+ { title }
54+ </a >
55+ <a href = { url } class = " text-center text-offset text-sm" >
56+ { description }
57+ </a >
58+ </li >
59+ ))
60+ }
61+ </ul >
6062</ContentSection >
0 commit comments