xcl
/
xcl-website
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update background

This commit is contained in:
Hri7566 2023-07-07 06:30:55 -04:00
parent 824cd26bc9
commit 39e03ca332
2 changed files with 20 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 MiB

35
src/pages/index.tsx
View File

@ -12,22 +12,27 @@ export default function Home() {
<meta name="description" content="XCL's homepage" />
<link rel="icon" href="/favicon.ico" />
</Head>
<main className="flex min-h-screen flex-col items-center justify-center bg-gradient-to-b from-[#993800] to-[#250e00]">
<div className="container flex flex-col items-center justify-center gap-12 px-4 py-16 ">
<h1 className="text-5xl font-extrabold tracking-tight text-white sm:text-[5rem]">
<Image src="/xcl.png" alt="XCL" width={209} height={105} />
</h1>
<div className="grid grid-cols-1 gap-4 sm:grid-cols-1 md:gap-8">
<Link
className="flex max-w-xs flex-col gap-4 rounded-xl bg-white/10 p-4 text-white shadow-lg transition-all hover:bg-white/20 hover:shadow-2xl"
href="https://github.com/experimental-celestial-laboratories"
target="_blank"
>
<h3 className="text-2xl font-bold">GitHub →</h3>
<div className="text-lg">Learn more about XCL.</div>
</Link>
{/* <main className="flex min-h-screen flex-col items-center justify-center bg-gradient-to-b from-[#993800] to-[#250e00]"> */}
<main className="bg-[url(/bg.png)]">
<div className="bg-black/60">
<div className="flex min-h-screen flex-col items-center justify-center bg-orange-800/40">
<div className="container flex flex-col items-center justify-center gap-12 px-4 py-16">
<h1 className="text-5xl font-extrabold tracking-tight text-white sm:text-[5rem]">
<Image src="/xcl.png" alt="XCL" width={209} height={105} />
</h1>
<div className="grid grid-cols-1 gap-4 sm:grid-cols-1 md:gap-8">
<Link
className="flex max-w-xs flex-col gap-4 rounded-xl bg-white/10 p-4 text-white shadow-lg backdrop-blur-sm transition-all hover:bg-white/20 hover:shadow-2xl hover:backdrop-blur"
href="https://github.com/experimental-celestial-laboratories"
target="_blank"
>
<h3 className="text-2xl font-bold">GitHub →</h3>
<div className="text-lg">Learn more about XCL.</div>
</Link>
</div>
<div className="flex flex-col items-center gap-2"></div>
</div>
</div>
<div className="flex flex-col items-center gap-2"></div>
</div>
</main>
</>