|
1 | 1 | ---
|
2 | 2 | import type {CommunityItem} from "../types";
|
3 |
| -import { Icon } from "astro-icon/components"; |
| 3 | +import {Icon} from "astro-icon/components"; |
4 | 4 | import ContentSection from "~/components/content-section.astro";
|
5 | 5 |
|
6 | 6 | const communities: Array<CommunityItem> = [
|
7 |
| - { |
8 |
| - url: "http://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: "http://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: "http://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: "http://bit.ly/BCNjug", |
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 |
| - }, |
37 |
| - { |
38 |
| - url: "http://bit.ly/BarcelonaJUG", |
39 |
| - title: "Google Group", |
40 |
| - description: "Join our Google Group to receive updates", |
41 |
| - icon: "fa-brands:google", |
42 |
| - }, |
43 |
| - { |
44 |
| - url: "https://www.facebook.com/BarcelonaJUG", |
45 |
| - title: "Facebook", |
46 |
| - description: "Follow us on Facebook to know about the latest updates", |
47 |
| - icon: "fa-brands:facebook", |
48 |
| - }, |
| 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 | + }, |
49 | 37 | ];
|
50 | 38 | ---
|
51 | 39 |
|
52 | 40 | <ContentSection title="Community" id="community">
|
53 |
| - <Fragment slot="lead"> |
54 |
| - Join our <span class="text-primary">community</span>. |
55 |
| - </Fragment> |
56 |
| - <ul class="grid max-w-6xl grid-cols-1 md:grid-cols-2 lg:grid-cols-3"> |
57 |
| - { |
58 |
| - communities.map(({ title, url, icon, description }) => ( |
59 |
| - <li class="flex flex-col items-center gap-4 border border-default bg-offset p-6"> |
60 |
| - <div class="size-16 rounded-full border-2 border-current p-3"> |
61 |
| - <Icon name={icon} class="size-full" /> |
62 |
| - </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> |
63 | 51 |
|
64 |
| - <a href={url} class="text-center font-extrabold text-xl">{title}</a> |
65 |
| - <a href={url} class="text-center text-offset text-sm">{description}</a> |
66 |
| - </li> |
67 |
| - )) |
68 |
| - } |
69 |
| - </ul> |
| 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> |
70 | 60 | </ContentSection>
|
0 commit comments