-
Notifications
You must be signed in to change notification settings - Fork 6
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #41 from ashkan-o/main
minor fixes
- Loading branch information
Showing
11 changed files
with
189 additions
and
72 deletions.
There are no files selected for viewing
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,58 @@ | ||
const category = { | ||
develop: { | ||
en: 'Develop', | ||
fa: 'توسعه' | ||
}, | ||
communication: { | ||
en: 'Communication', | ||
fa: 'ارتباطات' | ||
}, | ||
multimedia: { | ||
en: 'Multimedia', | ||
fa: 'چندرسانهای' | ||
}, | ||
} | ||
|
||
const communityData = { | ||
categories: Object.values(category), | ||
apps: [ | ||
{ | ||
name: { | ||
en: 'Neovim', | ||
fa: 'نئوویم', | ||
}, | ||
desc: { | ||
en: 'Powerful and extendable text editor', | ||
fa: 'ویرایشگر متن قدرتمند و قابل تمدید', | ||
}, | ||
cat: category.develop, | ||
href: '#' | ||
}, | ||
{ | ||
name: { | ||
en: 'Discord', | ||
fa: 'دیسکورد', | ||
}, | ||
desc: { | ||
en: 'Voice & text chat application', | ||
fa: 'اپلیکیشن چت صوتی و متنی', | ||
}, | ||
cat: category.communication, | ||
href: '#' | ||
}, | ||
{ | ||
name: { | ||
en: 'OBS Studio', | ||
fa: 'OBS استودیو', | ||
}, | ||
desc: { | ||
en: 'Screen recorder and streaming software', | ||
fa: 'نرمافزار ضبط صفحه نمایش و پخش زنده', | ||
}, | ||
cat: category.multimedia, | ||
href: '#' | ||
}, | ||
] | ||
} | ||
|
||
export default communityData; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,67 @@ | ||
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" | ||
import { useTranslation } from "@/utils/translation" | ||
import { Users, Book, MessageCircle, Code, ArrowLeftCircle, ArrowRightCircle } from 'lucide-react' | ||
import { Button } from "@/components/ui/button" | ||
import Link from "next/link" | ||
import { SiBluesky, SiDiscord, SiMastodon, SiTelegram, SiX } from "@icons-pack/react-simple-icons"; | ||
|
||
const JoinCard = ({ icon: Icon, caption, link, text, url, arrow: Arrow }) => ( | ||
<Card className="animate-in fade-in zoom-in duration-300"> | ||
<CardHeader> | ||
<div className="flex gap-4 justify-between"> | ||
<CardTitle> | ||
<Icon className="h-6 w-6 inline-block align-middle me-2" /> | ||
{caption} | ||
</CardTitle> | ||
<Button asChild variant="outline" className="rounded-full"> | ||
<Link href={url}>{link} <Arrow size={16} /></Link> | ||
</Button> | ||
</div> | ||
</CardHeader> | ||
<CardContent>{text}</CardContent> | ||
</Card> | ||
) | ||
|
||
export default function Join() { | ||
const { t, lang } = useTranslation(); | ||
|
||
const arrow = lang == 'fa' ? ArrowLeftCircle : ArrowRightCircle | ||
|
||
return ( | ||
<main className="py-12 md:py-24 lg:py-32"> | ||
<div className="container mx-auto px-4 md:px-6"> | ||
<h2 className="text-3xl font-bold sm:text-4xl md:text-5xl text-center mb-8">{t('join.title')}</h2> | ||
<div className="grid grid-cols-1 md:grid-cols-2 gap-6"> | ||
<JoinCard | ||
icon={Users} | ||
caption={t('join.caption.forum')} | ||
url="#" | ||
link={t('join.link.forum')} | ||
text={t('join.text.forum')} | ||
arrow={arrow} /> | ||
<JoinCard | ||
icon={Book} | ||
caption={t('join.caption.wiki')} | ||
url="#" | ||
link={t('join.link.wiki')} | ||
text={t('join.text.wiki')} | ||
arrow={arrow} /> | ||
<JoinCard | ||
icon={MessageCircle} | ||
caption={t('join.caption.chat')} | ||
url="#" | ||
link={t('join.link.chat')} | ||
text={t('join.text.chat')} | ||
arrow={arrow} /> | ||
<JoinCard | ||
icon={Code} | ||
caption={t('join.caption.contrib')} | ||
url="#" | ||
link={t('join.link.contrib')} | ||
text={t('join.text.contrib')} | ||
arrow={arrow} /> | ||
</div> | ||
</div> | ||
</main> | ||
) | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters