mirror of
https://github.com/xHyroM/roles-bot.git
synced 2024-11-12 20:18:06 +01:00
feat(website): reverse buttons, add dropshadow
This commit is contained in:
parent
38166658f3
commit
75fd59d754
2 changed files with 12 additions and 9 deletions
|
@ -32,6 +32,7 @@ import { GoogleFontsOptimizer } from "astro-google-fonts-optimizer";
|
|||
<!--<meta property="twitter:image" content={image} /> -->
|
||||
<!-- <meta name="twitter:image:alt" content={imageAlt} /> -->
|
||||
<meta name="theme-color" content={CONFIG.themeColor} />
|
||||
<meta name="darkreader-lock" />
|
||||
<GoogleFontsOptimizer
|
||||
url="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,500;1,700;1,900&display=swap"
|
||||
/>
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
import Layout from "~/layouts/Layout.astro";
|
||||
import Invite from "~/components/Invite.astro";
|
||||
import Computer from "~/components/Computer.astro";
|
||||
import { Image, Picture } from "@astrojs/image/components";
|
||||
import { Image } from "@astrojs/image/components";
|
||||
import Logo from "~/assets/logo.png";
|
||||
---
|
||||
|
||||
|
@ -30,20 +30,22 @@ import Logo from "~/assets/logo.png";
|
|||
yourself how <strong>easy</strong> it is to use!
|
||||
</p>
|
||||
<div class="mt-6 flex flex-col gap-6 md:flex-row">
|
||||
<a
|
||||
href="https://discord.com/api/oauth2/authorize?client_id=923267906941370368&permissions=268435456&scope=bot%20applications.commands"
|
||||
class="broder-1 duration-400 flex items-center justify-center gap-x-3 rounded-lg border border-[#5865F2] bg-[#5865F2]/25 px-10 py-3 text-lg font-semibold text-white shadow-2xl shadow-[#5865F2]/25 transition-colors ease-out hover:bg-[#5865F2]/40 hover:shadow-[#5865F2]/30"
|
||||
target="_blank"
|
||||
>
|
||||
<Invite />
|
||||
Add to Discord</a
|
||||
>
|
||||
<a
|
||||
href="https://github.com/xHyroM/roles-bot"
|
||||
class="broder-1 flex items-center justify-center gap-x-3 rounded-lg border border-[#4e59d6] bg-[#373a54]/50 px-10 py-3 text-lg font-semibold text-white transition-colors hover:bg-[#373a54]"
|
||||
class="broder-1 duration-400 flex items-center justify-center gap-x-3 rounded-lg border border-[#FFA500] bg-[#FFA500]/25 px-10 py-3 text-lg font-semibold text-white shadow-2xl shadow-[#FFA500]/25 transition-colors ease-out hover:bg-[#FFA500]/40 hover:shadow-[#FFA500]/30"
|
||||
target="_blank"
|
||||
>
|
||||
<Computer />
|
||||
GitHub</a
|
||||
>
|
||||
<a
|
||||
href="https://discord.com/api/oauth2/authorize?client_id=923267906941370368&permissions=268435456&scope=bot%20applications.commands"
|
||||
class="broder-1 flex items-center justify-center gap-x-3 rounded-lg border border-[#fbc11a] bg-[#735d1d]/50 px-10 py-3 text-lg font-semibold text-white transition-colors hover:bg-[#735d1d]"
|
||||
>
|
||||
<Invite />
|
||||
Invite</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
Loading…
Reference in a new issue