diff options
| author | nsfisis <nsfisis@gmail.com> | 2025-08-18 01:11:24 +0900 |
|---|---|---|
| committer | nsfisis <nsfisis@gmail.com> | 2025-08-18 01:11:24 +0900 |
| commit | 4d89c5bbf6b4c9474b505d14c40a48fb23913d3b (patch) | |
| tree | a75a51718e87e8686e7774062d3d43e3bdbf1189 | |
| parent | ce4b880fafa25ec04be23c678b47a4bf57cadd74 (diff) | |
| download | iosdc-japan-2025-albatross-4d89c5bbf6b4c9474b505d14c40a48fb23913d3b.tar.gz iosdc-japan-2025-albatross-4d89c5bbf6b4c9474b505d14c40a48fb23913d3b.tar.zst iosdc-japan-2025-albatross-4d89c5bbf6b4c9474b505d14c40a48fb23913d3b.zip | |
feat(frontend): apply iOSDC Japan 2025 color
| -rw-r--r-- | frontend/app/routes/_index.tsx | 8 | ||||
| -rw-r--r-- | frontend/app/tailwind.css | 4 |
2 files changed, 8 insertions, 4 deletions
diff --git a/frontend/app/routes/_index.tsx b/frontend/app/routes/_index.tsx index 02ce558..58e4e53 100644 --- a/frontend/app/routes/_index.tsx +++ b/frontend/app/routes/_index.tsx @@ -15,15 +15,15 @@ export async function loader({ request }: LoaderFunctionArgs) { export default function Index() { return ( - <div className="min-h-screen bg-sky-600 flex flex-col items-center justify-center gap-y-6"> + <div className="min-h-screen bg-gray-100 flex flex-col items-center justify-center gap-y-6"> <img src={`${BASE_PATH}logo.svg`} alt="iOSDC Japan 2025" - className="w-64 h-64" + className="w-96 h-auto" /> <div className="text-center"> - <div className="font-bold text-sky-50 flex flex-col gap-y-2"> - <div className="text-5xl">SWIFT CODE BATTLE</div> + <div className="font-bold text-transparent bg-clip-text bg-iosdc-japan"> + <div className="text-6xl">Swift Code Battle</div> </div> </div> <div className="mx-2"> diff --git a/frontend/app/tailwind.css b/frontend/app/tailwind.css index 9e56140..1151645 100644 --- a/frontend/app/tailwind.css +++ b/frontend/app/tailwind.css @@ -3,3 +3,7 @@ @theme { --text-10xl: 16rem; } + +@utility bg-iosdc-japan { + background-image: linear-gradient(to right, #e03468, #ff523d, #f060b2, #a05cff, #008ccf); +} |