From bfd938a84304f701d98e444ba41949b146ccab39 Mon Sep 17 00:00:00 2001 From: Helloyunho Date: Sat, 12 Feb 2022 19:58:37 +0900 Subject: [PATCH] =?UTF-8?q?=F0=9F=92=A9=20feat:=20try=20to=20make=20navbar?= =?UTF-8?q?=20but=20it=20doesnt=20work=20properly?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- components/navbar.tsx | 49 ++++++++++++++++++++++++++++++++++++++++++ images/harmony.png | Bin 0 -> 14588 bytes pages/index.tsx | 4 +++- 3 files changed, 52 insertions(+), 1 deletion(-) create mode 100644 components/navbar.tsx create mode 100755 images/harmony.png diff --git a/components/navbar.tsx b/components/navbar.tsx new file mode 100644 index 0000000..dfee8e8 --- /dev/null +++ b/components/navbar.tsx @@ -0,0 +1,49 @@ +import { h, tw } from "../deps.ts"; + +const NavBar = ( + props: { + size?: "small" | "large"; + theme?: "light" | "dark"; + }, +) => { + const { size = "large", theme = "light" } = props; + let bgColor, textColor, padding, imageSize, textSize; + if (theme === "light") { + bgColor = "bg-white"; + textColor = "text-black"; + } else { + bgColor = "bg-black"; + textColor = "text-white"; + } + if (size === "small") { + padding = "p-5"; + imageSize = "h-16"; + textSize = "text-4xl"; + } else { + padding = "p-6"; + imageSize = "h-20"; + textSize = "text-5xl"; + } + + return ( +
+ +

+ Harmony{" "} +

+

+ by Example +

+
+ ); +}; + +export default NavBar; diff --git a/images/harmony.png b/images/harmony.png new file mode 100755 index 0000000000000000000000000000000000000000..9a0d68eb9cc49586d04c23d8ed814825b3e5a47b GIT binary patch literal 14588 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%0DU~R6md5pF2~+C9B}%< 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 literal 0 HcmV?d00001 diff --git a/pages/index.tsx b/pages/index.tsx index fa13a4a..c6435e0 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -2,13 +2,15 @@ import { h, html, Page, ssr, tw } from "./common.ts"; import { examples, parseExample } from "../examples/mod.ts"; +import NavBar from "../components/navbar.tsx"; let cached: string | null; function Index() { return ssr(() => [ Harmony by Example, -
+
+

Harmony by Example