From e2d9f84464a8e1b41e9b0c5d0972a16afd327065 Mon Sep 17 00:00:00 2001 From: Taras Mankovski Date: Sun, 17 Dec 2023 21:45:27 -0500 Subject: [PATCH 1/7] Added header to the page --- www/components/header.tsx | 58 +++++++++++++++++++++++++++++++++++++++ www/routes/app.html.tsx | 56 ++----------------------------------- 2 files changed, 61 insertions(+), 53 deletions(-) create mode 100644 www/components/header.tsx diff --git a/www/components/header.tsx b/www/components/header.tsx new file mode 100644 index 00000000..82c599d9 --- /dev/null +++ b/www/components/header.tsx @@ -0,0 +1,58 @@ +import { ProjectSelect } from "./project-select.tsx"; +import { IconGithHub } from "./icons/github.tsx"; +import { IconDiscord } from "./icons/discord.tsx"; + +export function Header() { + return ( +
+
+
+ + Effection Logo + +
+ +
+
+ ) +} \ No newline at end of file diff --git a/www/routes/app.html.tsx b/www/routes/app.html.tsx index 6bc876db..30f6d56f 100644 --- a/www/routes/app.html.tsx +++ b/www/routes/app.html.tsx @@ -2,9 +2,8 @@ import type { Operation } from "effection"; import type { JSXChild } from "revolution"; import { useAbsoluteUrl } from "../plugins/rebase.ts"; -import { ProjectSelect } from "../components/project-select.tsx"; -import { IconGithHub } from "../components/icons/github.tsx"; -import { IconDiscord } from "../components/icons/discord.tsx"; +import { Header } from "../components/header.tsx"; + export interface Options { title: string; @@ -62,56 +61,7 @@ export function* useAppHtml({ -
-
-
- - Effection Logo - -
- -
-
+
{children}
From ecf23839fd18cc8e393f3767ea8aa692c0f78bc7 Mon Sep 17 00:00:00 2001 From: Taras Mankovski Date: Sun, 17 Dec 2023 21:55:40 -0500 Subject: [PATCH 2/7] Do not use sticky for the header --- www/components/header.tsx | 2 +- www/routes/app.html.tsx | 6 ++++-- 2 files changed, 5 insertions(+), 3 deletions(-) diff --git a/www/components/header.tsx b/www/components/header.tsx index 82c599d9..42b62a40 100644 --- a/www/components/header.tsx +++ b/www/components/header.tsx @@ -4,7 +4,7 @@ import { IconDiscord } from "./icons/discord.tsx"; export function Header() { return ( -
+
-
-
{children}
+
+
+
{children}
+
); From c237a42ad92c75e66c6bac8b1ae0a15bc452b73d Mon Sep 17 00:00:00 2001 From: Taras Mankovski Date: Sun, 17 Dec 2023 22:21:41 -0500 Subject: [PATCH 3/7] Made header and footer always visible --- www/components/footer.tsx | 34 +++------------------------------- www/routes/app.html.tsx | 4 +++- www/routes/docs-route.tsx | 17 +++++++---------- www/routes/index-route.tsx | 5 ++--- 4 files changed, 15 insertions(+), 45 deletions(-) diff --git a/www/components/footer.tsx b/www/components/footer.tsx index 5fdc3158..c4b5ae1d 100644 --- a/www/components/footer.tsx +++ b/www/components/footer.tsx @@ -2,41 +2,13 @@ import { IconExternal } from "./icons/external.tsx"; export function Footer(): JSX.Element { return ( -
-
-

- About -

+
+
Created by Frontside
-
-

- OSS Projects -

- - Interactors - - - Effectionv2 - -
-
-

- Community -

- - Discord - - - GitHub - -
-

+

Copyright © 2019 - {new Date().getFullYear()}{" "} The Frontside Software, Inc.

diff --git a/www/routes/app.html.tsx b/www/routes/app.html.tsx index d72daaad..638c631d 100644 --- a/www/routes/app.html.tsx +++ b/www/routes/app.html.tsx @@ -3,6 +3,7 @@ import type { JSXChild } from "revolution"; import { useAbsoluteUrl } from "../plugins/rebase.ts"; import { Header } from "../components/header.tsx"; +import { Footer } from "../components/footer.tsx"; export interface Options { @@ -63,7 +64,8 @@ export function* useAppHtml({
-
{children}
+
{children}
+
diff --git a/www/routes/docs-route.tsx b/www/routes/docs-route.tsx index 18d87c75..881fe059 100644 --- a/www/routes/docs-route.tsx +++ b/www/routes/docs-route.tsx @@ -32,7 +32,7 @@ export function docsRoute(docs: Docs): JSXHandler { return ( -
+

-
); diff --git a/www/routes/index-route.tsx b/www/routes/index-route.tsx index c5a38dc3..93a5e20a 100644 --- a/www/routes/index-route.tsx +++ b/www/routes/index-route.tsx @@ -16,7 +16,7 @@ export function indexRoute(): JSXHandler { return ( <> -
+
-
+

It's just JavaScript @@ -197,7 +197,6 @@ export function indexRoute(): JSXHandler {

-