add splitfire web
Seto Elkahfi committed
Jul 30, 2024 at 00:23 UTC
80e6416696f5ffcb04f93998e763ebd61e242de3
21 files changed
+78
-121
frontend/splitfire-web/.eslintrc.json
renamed
frontend/splitfire-web/.gitignore
renamed
frontend/splitfire-web/.npmrc
renamed
frontend/splitfire-web/.nvmrc
renamed
frontend/splitfire-web/README.md
renamed
frontend/splitfire-web/app/favicon.ico
Binary files /dev/null and b/frontend/splitfire-web/app/favicon.ico differ
frontend/splitfire-web/app/globals.css
renamed
frontend/splitfire-web/app/layout.tsx
renamed
+2
-2
@@ -5,8 +5,8 @@ import "./globals.css";
5
const inter = Inter({ subsets: ["latin"] });
6
7
export const metadata: Metadata = {
8
- title: "Create Next App",
9
- description: "Generated by create next app",
8
+ title: "SplitFire",
9
+ description: "an intelligent exression engine.",
10
};
11
12
export default function RootLayout({
frontend/splitfire-web/app/page.tsx
new
+73
@@ -0,0 +1,73 @@
1
+import Image from "next/image";
2
+import Link from "next/link";
3
+
4
+export default function Home() {
5
+ return (
6
+ <main className="flex min-h-screen flex-col items-center justify-between p-24">
7
+ <div className="z-10 w-full max-w-5xl items-center justify-between font-mono text-sm lg:flex">
8
+ <p className="fixed left-0 top-0 flex w-full justify-center border-b border-gray-300 bg-gradient-to-b from-zinc-200 pb-6 pt-8 backdrop-blur-2xl dark:border-neutral-800 dark:bg-zinc-800/30 dark:from-inherit lg:static lg:w-auto lg:rounded-xl lg:border lg:bg-gray-200 lg:p-4 lg:dark:bg-zinc-800/30">
9
+ <Link href="/about" className="underline">SplitFire</Link>
10
+ <code className="font-mono font-bold">intelligent expression engine.</code>
11
+ </p>
12
+ <div className="fixed bottom-0 left-0 flex h-48 w-full items-end justify-center bg-gradient-to-t from-white via-white dark:from-black dark:via-black lg:static lg:size-auto lg:bg-none">
13
+ <Link href="/" className="pointer-events-none flex place-items-center gap-2 p-8 lg:pointer-events-auto lg:p-0">
14
+ <Image
15
+ src="/128x128@2x.png"
16
+ alt="SplitFire logo"
17
+ width={100}
18
+ height={24}
19
+ priority
20
+ />
21
+ </Link>
22
+ </div>
23
+ </div>
24
+
25
+
26
+ <div className="relative z-[-1] flex place-items-center before:absolute before:h-[300px] before:w-full before:-translate-x-1/2 before:rounded-full before:bg-gradient-radial before:from-white before:to-transparent before:blur-2xl before:content-[''] after:absolute after:-z-20 after:h-[180px] after:w-full after:translate-x-1/3 after:bg-gradient-conic after:from-sky-200 after:via-blue-200 after:blur-2xl after:content-[''] before:dark:bg-gradient-to-br before:dark:from-transparent before:dark:to-blue-700 before:dark:opacity-10 after:dark:from-sky-900 after:dark:via-[#0141ff] after:dark:opacity-40 sm:before:w-[480px] sm:after:w-[240px] before:lg:h-[360px]">
27
+ <h1 className="text-6xl font-bold text-center text-transparent bg-clip-text bg-gradient-to-br from-sky-500 to-blue-500 dark:from-sky-900 dark:to-blue-900 sm:text-8xl">
28
+ Just play!
29
+ </h1>
30
+ </div>
31
+
32
+ <div className="mb-32 grid text-center lg:mb-0 lg:w-full lg:max-w-5xl lg:grid-cols-4 lg:text-left">
33
+ <Link href="/just-play" className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30">
34
+ <h2 className="mb-3 text-2xl font-semibold">
35
+ Just play!
36
+ </h2>
37
+ <p className="m-0 max-w-[30ch] text-sm opacity-50">
38
+ No hassle. No waste time.
39
+ </p>
40
+ </Link>
41
+
42
+ <Link href="/learn" className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30">
43
+ <h2 className="mb-3 text-2xl font-semibold">
44
+ Learn!{" "}
45
+ </h2>
46
+ <p className="m-0 max-w-[30ch] text-sm opacity-50">
47
+ Learn, practice, repeat! When you're done, just play!
48
+ </p>
49
+ </Link>
50
+
51
+ <Link href="/community" className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30">
52
+ <h2 className="mb-3 text-2xl font-semibold">
53
+ Community{" "}
54
+ </h2>
55
+ <p className="m-0 max-w-[30ch] text-sm opacity-50">
56
+ Play with your friends.
57
+ </p>
58
+ </Link>
59
+ <Link href="/download" className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30">
60
+ <h2 className="mb-3 text-2xl font-semibold">
61
+ Download desktop app{" "}
62
+ <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
63
+ ->
64
+ </span>
65
+ </h2>
66
+ <p className="m-0 max-w-[30ch] text-sm opacity-50">
67
+ And start playing now!
68
+ </p>
69
+ </Link>
70
+ </div>
71
+ </main>
72
+ );
73
+}
frontend/splitfire-web/next.config.mjs
renamed
frontend/splitfire-web/package-lock.json
renamed
frontend/splitfire-web/package.json
renamed
frontend/splitfire-web/postcss.config.mjs
renamed
frontend/splitfire-web/public/128x128@2x.png
new
+3
@@ -0,0 +1,3 @@
1
+version https://git-lfs.github.com/spec/v1
2
+oid sha256:2f725dc1ade537732060561cd5f371cf7f1b1f8446541bb6fd8883613b9a71f9
3
+size 20309
frontend/splitfire-web/public/next.svg
renamed
frontend/splitfire-web/public/vercel.svg
renamed
frontend/splitfire-web/tailwind.config.ts
renamed
frontend/splitfire-web/tsconfig.json
renamed
frontend/web-app/my-app/app/favicon.ico
Binary files a/frontend/web-app/my-app/app/favicon.ico and /dev/null differ
frontend/web-app/my-app/app/page.tsx
deleted
-113
@@ -1,113 +0,0 @@
1
-import Image from "next/image";
2
-
3
-export default function Home() {
4
- return (
5
- <main className="flex min-h-screen flex-col items-center justify-between p-24">
6
- <div className="z-10 w-full max-w-5xl items-center justify-between font-mono text-sm lg:flex">
7
- <p className="fixed left-0 top-0 flex w-full justify-center border-b border-gray-300 bg-gradient-to-b from-zinc-200 pb-6 pt-8 backdrop-blur-2xl dark:border-neutral-800 dark:bg-zinc-800/30 dark:from-inherit lg:static lg:w-auto lg:rounded-xl lg:border lg:bg-gray-200 lg:p-4 lg:dark:bg-zinc-800/30">
8
- Get started by editing
9
- <code className="font-mono font-bold">app/page.tsx</code>
10
- </p>
11
- <div className="fixed bottom-0 left-0 flex h-48 w-full items-end justify-center bg-gradient-to-t from-white via-white dark:from-black dark:via-black lg:static lg:size-auto lg:bg-none">
12
- <a
13
- className="pointer-events-none flex place-items-center gap-2 p-8 lg:pointer-events-auto lg:p-0"
14
- href="https://vercel.com?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
15
- target="_blank"
16
- rel="noopener noreferrer"
17
- >
18
- By{" "}
19
- <Image
20
- src="/vercel.svg"
21
- alt="Vercel Logo"
22
- className="dark:invert"
23
- width={100}
24
- height={24}
25
- priority
26
- />
27
- </a>
28
- </div>
29
- </div>
30
-
31
- <div className="relative z-[-1] flex place-items-center before:absolute before:h-[300px] before:w-full before:-translate-x-1/2 before:rounded-full before:bg-gradient-radial before:from-white before:to-transparent before:blur-2xl before:content-[''] after:absolute after:-z-20 after:h-[180px] after:w-full after:translate-x-1/3 after:bg-gradient-conic after:from-sky-200 after:via-blue-200 after:blur-2xl after:content-[''] before:dark:bg-gradient-to-br before:dark:from-transparent before:dark:to-blue-700 before:dark:opacity-10 after:dark:from-sky-900 after:dark:via-[#0141ff] after:dark:opacity-40 sm:before:w-[480px] sm:after:w-[240px] before:lg:h-[360px]">
32
- <Image
33
- className="relative dark:drop-shadow-[0_0_0.3rem_#ffffff70] dark:invert"
34
- src="/next.svg"
35
- alt="Next.js Logo"
36
- width={180}
37
- height={37}
38
- priority
39
- />
40
- </div>
41
-
42
- <div className="mb-32 grid text-center lg:mb-0 lg:w-full lg:max-w-5xl lg:grid-cols-4 lg:text-left">
43
- <a
44
- href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
45
- className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30"
46
- target="_blank"
47
- rel="noopener noreferrer"
48
- >
49
- <h2 className="mb-3 text-2xl font-semibold">
50
- Docs{" "}
51
- <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
52
- ->
53
- </span>
54
- </h2>
55
- <p className="m-0 max-w-[30ch] text-sm opacity-50">
56
- Find in-depth information about Next.js features and API.
57
- </p>
58
- </a>
59
-
60
- <a
61
- href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
62
- className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30"
63
- target="_blank"
64
- rel="noopener noreferrer"
65
- >
66
- <h2 className="mb-3 text-2xl font-semibold">
67
- Learn{" "}
68
- <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
69
- ->
70
- </span>
71
- </h2>
72
- <p className="m-0 max-w-[30ch] text-sm opacity-50">
73
- Learn about Next.js in an interactive course with quizzes!
74
- </p>
75
- </a>
76
-
77
- <a
78
- href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
79
- className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30"
80
- target="_blank"
81
- rel="noopener noreferrer"
82
- >
83
- <h2 className="mb-3 text-2xl font-semibold">
84
- Templates{" "}
85
- <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
86
- ->
87
- </span>
88
- </h2>
89
- <p className="m-0 max-w-[30ch] text-sm opacity-50">
90
- Explore starter templates for Next.js.
91
- </p>
92
- </a>
93
-
94
- <a
95
- href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
96
- className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30"
97
- target="_blank"
98
- rel="noopener noreferrer"
99
- >
100
- <h2 className="mb-3 text-2xl font-semibold">
101
- Deploy{" "}
102
- <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
103
- ->
104
- </span>
105
- </h2>
106
- <p className="m-0 max-w-[30ch] text-balance text-sm opacity-50">
107
- Instantly deploy your Next.js site to a shareable URL with Vercel.
108
- </p>
109
- </a>
110
- </div>
111
- </main>
112
- );
113
-}
frontend/web-app/package-lock.json
deleted
-6
@@ -1,6 +0,0 @@
1
-{
2
- "name": "web-app",
3
- "lockfileVersion": 3,
4
- "requires": true,
5
- "packages": {}
6
-}