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

11
src/pages/index.tsx
View File

@ -12,14 +12,17 @@ export default function Home() {
<meta name="description" content="XCL's homepage" /> <meta name="description" content="XCL's homepage" />
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" />
</Head> </Head>
<main className="flex min-h-screen flex-col items-center justify-center bg-gradient-to-b from-[#993800] to-[#250e00]"> {/* <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 "> <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]"> <h1 className="text-5xl font-extrabold tracking-tight text-white sm:text-[5rem]">
<Image src="/xcl.png" alt="XCL" width={209} height={105} /> <Image src="/xcl.png" alt="XCL" width={209} height={105} />
</h1> </h1>
<div className="grid grid-cols-1 gap-4 sm:grid-cols-1 md:gap-8"> <div className="grid grid-cols-1 gap-4 sm:grid-cols-1 md:gap-8">
<Link <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" 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" href="https://github.com/experimental-celestial-laboratories"
target="_blank" target="_blank"
> >
@ -29,6 +32,8 @@ export default function Home() {
</div> </div>
<div className="flex flex-col items-center gap-2"></div> <div className="flex flex-col items-center gap-2"></div>
</div> </div>
</div>
</div>
</main> </main>
</> </>
); );