Update pages

EVY-Platform · Dec 1, 2024 · 6c24f2a · 6c24f2a · deno-deploy · Dec 1, 2024
1 parent 436f9df
commit 6c24f2a
Show file tree

Hide file tree

Showing 7 changed files with 52 additions and 51 deletions.
diff --git a/web/fresh.gen.ts b/web/fresh.gen.ts
@@ -4,22 +4,22 @@
 
 import * as $_404 from "./routes/_404.tsx";
 import * as $_app from "./routes/_app.tsx";
-import * as $api_joke from "./routes/api/joke.ts";
-import * as $greet_name_ from "./routes/greet/[name].tsx";
+import * as $about_index from "./routes/about/index.tsx";
 import * as $index from "./routes/index.tsx";
 import * as $Counter from "./islands/Counter.tsx";
+import * as $Logo from "./islands/Logo.tsx";
 import type { Manifest } from "$fresh/server.ts";
 
 const manifest = {
   routes: {
     "./routes/_404.tsx": $_404,
     "./routes/_app.tsx": $_app,
-    "./routes/api/joke.ts": $api_joke,
-    "./routes/greet/[name].tsx": $greet_name_,
+    "./routes/about/index.tsx": $about_index,
     "./routes/index.tsx": $index,
   },
   islands: {
     "./islands/Counter.tsx": $Counter,
+    "./islands/Logo.tsx": $Logo,
   },
   baseUrl: import.meta.url,
 } satisfies Manifest;

diff --git a/web/islands/Logo.tsx b/web/islands/Logo.tsx
@@ -0,0 +1,11 @@
+export default function Logo() {
+	return (
+		<img
+			class="my-6"
+			src="/logo.svg"
+			width="128"
+			height="128"
+			alt="EVY, the everything app"
+		/>
+	);
+}
diff --git a/web/routes/_app.tsx b/web/routes/_app.tsx
@@ -1,16 +1,19 @@
 import { type PageProps } from "$fresh/server.ts";
 export default function App({ Component }: PageProps) {
-  return (
-    <html>
-      <head>
-        <meta charset="utf-8" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>evy</title>
-        <link rel="stylesheet" href="/styles.css" />
-      </head>
-      <body>
-        <Component />
-      </body>
-    </html>
-  );
+	return (
+		<html>
+			<head>
+				<meta charset="utf-8" />
+				<meta
+					name="viewport"
+					content="width=device-width, initial-scale=1.0"
+				/>
+				<title>EVY</title>
+				<link rel="stylesheet" href="/styles.css" />
+			</head>
+			<body>
+				<Component />
+			</body>
+		</html>
+	);
 }
diff --git a/web/routes/about/index.tsx b/web/routes/about/index.tsx
@@ -0,0 +1,18 @@
+import { PageProps } from "$fresh/server.ts";
+import Logo from "../../islands/Logo.tsx";
+
+export default function About(props: PageProps) {
+	return (
+		<div class="px-4 py-8">
+			<div class="max-w-screen-md mx-auto flex flex-col items-center justify-center">
+				<Logo />
+				<h1 class="text-4xl font-bold">Why we exist</h1>
+				<div class="pt-8">
+					<h4 class="text-xl font-bold text-left">- Data Privacy</h4>
+					<h4 class="text-xl font-bold">- Fair Trade</h4>
+					<h4 class="text-xl font-bold">- No Distractions</h4>
+				</div>
+			</div>
+		</div>
+	);
+}
diff --git a/web/routes/api/joke.ts b/web/routes/api/joke.ts
diff --git a/web/routes/greet/[name].tsx b/web/routes/greet/[name].tsx
diff --git a/web/routes/index.tsx b/web/routes/index.tsx
@@ -1,18 +1,13 @@
 import { useSignal } from "@preact/signals";
 import Counter from "../islands/Counter.tsx";
+import Logo from "../islands/Logo.tsx";
 
 export default function Home() {
 	const count = useSignal(3);
 	return (
-		<div class="px-4 py-8 mx-auto bg-[#FFFFFF]">
+		<div class="px-4 py-8">
 			<div class="max-w-screen-md mx-auto flex flex-col items-center justify-center">
-				<img
-					class="my-6"
-					src="/logo.svg"
-					width="128"
-					height="128"
-					alt="EVY, the everything app"
-				/>
+				<Logo />
 				<h1 class="text-4xl font-bold">App builder</h1>
 				<Counter count={count} />
 			</div>