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

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

@ -238,46 +238,44 @@ 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">
<div class="card h-52 relative flex items-center justify-center"> <a href="https://discord.com/invite/FTk2MvZwJH" target="_blank">
<div class="relative z-50"> <div class="card h-52 relative flex items-center justify-center">
<img <div class="relative z-50">
src="/img/discord-logo.png" <img
alt="Discord logo" src="/img/discord-logo.png"
className="w-28" alt="Discord logo"
/> className="w-28"
</div> />
<a </div>
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={{ light: useBaseUrl("/img/discord-element-light.png"),
light: useBaseUrl("/img/discord-element-light.png"), dark: useBaseUrl("/img/discord-element-dark.png"),
dark: useBaseUrl("/img/discord-element-dark.png"), }}
}} className="absolute"
className="absolute" />
/>
</div>
<div class="card h-52 relative flex items-center justify-center">
<div class="relative z-50">
<AiOutlineGithub className="text-8xl dark:text-white text-black" />
</div> </div>
<a href="https://github.com/janhq/jan" target="_blank"> </a>
<a href="https://github.com/janhq/jan" target="_blank">
<div class="card h-52 relative flex items-center justify-center">
<div class="relative z-50">
<AiOutlineGithub className="text-8xl dark:text-white text-black" />
</div>
<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>