Nicholai/jan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make a card discord and github clickable

Browse Source
This commit is contained in:
Faisal Amir 2023-11-16 17:17:07 +07:00
parent c810c44ee2
commit afb63b7e2b
1 changed files with 31 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
docs/src/pages/index.js
View File

@ -238,6 +238,7 @@ export default function Home() {
</h2> </h2>
<div class="mt-14"> <div class="mt-14">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6"> <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
<a href="https://discord.com/invite/FTk2MvZwJH" target="_blank">
<div class="card h-52 relative flex items-center justify-center"> <div class="card h-52 relative flex items-center justify-center">
<div class="relative z-50"> <div class="relative z-50">
<img <img
@ -246,14 +247,10 @@ export default function Home() {
className="w-28" className="w-28"
/> />
</div> </div>
<a
href="https://discord.com/invite/FTk2MvZwJH"
target="_blank"
>
<div class="card-link card-link-bg dark:card-link-bg-dark absolute right-4 top-5"> <div class="card-link card-link-bg dark:card-link-bg-dark absolute right-4 top-5">
Join our Discord Join our Discord
</div> </div>
</a>
<ThemedImage <ThemedImage
alt="Discord Element" alt="Discord Element"
sources={{ sources={{
@ -263,21 +260,22 @@ export default function Home() {
className="absolute" className="absolute"
/> />
</div> </div>
</a>
<a href="https://github.com/janhq/jan" target="_blank">
<div class="card h-52 relative flex items-center justify-center"> <div class="card h-52 relative flex items-center justify-center">
<div class="relative z-50"> <div class="relative z-50">
<AiOutlineGithub className="text-8xl dark:text-white text-black" /> <AiOutlineGithub className="text-8xl dark:text-white text-black" />
</div> </div>
<a href="https://github.com/janhq/jan" target="_blank">
<div class="card-link card-link-bg dark:card-link-bg-dark absolute right-4 top-5"> <div class="card-link card-link-bg dark:card-link-bg-dark absolute right-4 top-5">
View Github View Github
</div> </div>
</a>
<img <img
alt="Github Element" alt="Github Element"
src="/img/github-element-dark.png" src="/img/github-element-dark.png"
className="absolute left-8" className="absolute left-8"
/> />
</div> </div>
</a>
</div> </div>
</div> </div>
</div> </div>