feat(website): reverse buttons, add dropshadow

This commit is contained in:
xHyroM 2023-08-03 16:03:45 +02:00
parent 38166658f3
commit 75fd59d754
No known key found for this signature in database
GPG key ID: BE0423F386C436AA
2 changed files with 12 additions and 9 deletions

View file

@ -32,6 +32,7 @@ import { GoogleFontsOptimizer } from "astro-google-fonts-optimizer";
<!--<meta property="twitter:image" content={image} /> --> <!--<meta property="twitter:image" content={image} /> -->
<!-- <meta name="twitter:image:alt" content={imageAlt} /> --> <!-- <meta name="twitter:image:alt" content={imageAlt} /> -->
<meta name="theme-color" content={CONFIG.themeColor} /> <meta name="theme-color" content={CONFIG.themeColor} />
<meta name="darkreader-lock" />
<GoogleFontsOptimizer <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" 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"
/> />

View file

@ -2,7 +2,7 @@
import Layout from "~/layouts/Layout.astro"; import Layout from "~/layouts/Layout.astro";
import Invite from "~/components/Invite.astro"; import Invite from "~/components/Invite.astro";
import Computer from "~/components/Computer.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"; 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! yourself how <strong>easy</strong> it is to use!
</p> </p>
<div class="mt-6 flex flex-col gap-6 md:flex-row"> <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 <a
href="https://github.com/xHyroM/roles-bot" 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 /> <Computer />
GitHub</a 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> </div>
</div> </div>