winsdominoes
/
website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added donation page

This commit is contained in:
Win 2024-09-18 18:29:17 +07:00
parent 8bd9dfb5ab
commit 429f8d615c
4 changed files with 676 additions and 730 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/components/Navbar.tsx
View File

@ -21,6 +21,11 @@ const Navbar = () => {
id: 3,
text: "Hobbies",
link: "hobbies"
},
{
id: 4,
text: "Donate",
link: "donate"
}
];

49
app/donate/page.tsx Normal file
View File

@ -0,0 +1,49 @@
import React, { useState, useEffect } from "react";
import Link from 'next/link';
import Photo from '../components/Photo'
export default function Hobbies() {
return (
<main>
<div className="min-w-0 mt-6 flex flex-col gap-8 max-lg:mx-4">
<div className="grid grid-cols-3 gap-8 max-lg:flex max-lg:flex-col max-lg:justify-center">
<div className="col-span-3 flex flex-col max-lg:items-center max-sm:items-start">
<h2 className="text-5xl font-bold mt-2">Donate</h2>
<p className="text-base mt-4">
Want to help me run my WinsCloud Empire? Here are ways you can help support!
</p>
</div>
</div>
<div className="col-span-6">
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
<div className="grid gap-4 content-center">
<div>
<h3 className='text-2xl font-bold my-2'>OpenCollective</h3>
<p className="text-base">
<Link href="https://opencollective.com/winscloud">https://opencollective.com/winscloud</Link>
</p>
</div>
</div>
<div className="grid gap-4 content-center">
<h3 className='text-2xl font-bold my-2'>Bank Transfer <span className='font-bold underline decoration-2 decoration-red-500'>(Thai Citizens Only)</span></h3>
<p className="text-base">
SCB: 433-1383337
</p>
</div>
<div className="grid gap-4 content-center">
<div>
<h3 className='text-2xl font-bold my-2'>Monero</h3>
<p className="text-base">
<code>
467eMkLCwdxBEWsgtY5akKU6gEaN4V39T9sddoKhLv487c8HJ7SqaDSVhTCtVanhyihavuG8Fe3CkYFCAkzdJfChKBH4KYB
</code>
</p>
</div>
</div>
</div>
</div>
</div>
</main>
);
}

2
app/layout.tsx
View File

@ -20,7 +20,7 @@ export default function RootLayout({
}) {
return (
<html className={`${inter.className} text-black bg-white dark:text-white dark:bg-slate-900`} lang="en">
<body className="antialiased mt-8 mb-8 lg:max-w-screen-xl min-lg:flex min-lg:flex-col xl:mx-auto lg:mx-4 max-lg:grid max-lg:place-items-center max-sm:place-items-start">
<body className="antialiased mt-8 mb-8 lg:max-w-screen-xl min-lg:flex min-lg:flex-col 2xl:mx-auto xl:mx-4 lg:mx-4 max-lg:grid max-lg:place-items-center max-sm:place-items-start">
<Navbar />
{children}
<Footer />

1350
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff