Add links and, html and generic formatting to staging.zemn.me

zemn-me · Jun 6, 2023 · fdd1325 · fdd1325
1 parent 92f80b1
commit fdd1325
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 2 deletions.
diff --git a/project/zemn.me/next/BUILD.bazel b/project/zemn.me/next/BUILD.bazel
@@ -10,8 +10,11 @@ ts_project(
         "//:node_modules/@types/react",
         "//:node_modules/next",
         "//:node_modules/react",
+        "//:node_modules/immutable",
+        "//project/zemn.me/bio",
         "//project/zemn.me/elements/TimeEye",
         "//ts/next.js",
+        "//ts/react/lang",
     ],
 )
 

diff --git a/project/zemn.me/next/pages/index.tsx b/project/zemn.me/next/pages/index.tsx
@@ -1,21 +1,48 @@
 import Head from 'next/head';
+import * as bio from 'project/zemn.me/bio';
 import { TimeEye } from 'project/zemn.me/elements/TimeEye';
+import * as lang from 'ts/react/lang';
 
 export default function Main() {
 	return (
 		<>
 			<Head>
-				<title>zemn.me</title>
+				<title lang={lang.get(bio.Bio.who.handle)}>
+					{lang.text(bio.Bio.who.handle)}
+				</title>
 				<meta
 					content="zemn.me git https://github.com/zemnmez/go.git"
 					name="go-import"
 				/>
 			</Head>
 
 			<header>
-				<h1>zemnmez</h1>
+				<h1 lang={lang.get(bio.Bio.who.handle)}>
+					{lang.text(bio.Bio.who.handle)}
+				</h1>
 			</header>
 			<main>
+				<section>
+					<header>
+						<TimeEye />
+						<h2 lang={lang.get(bio.Bio.who.fullName)}>
+							{lang.text(bio.Bio.who.fullName)}
+						</h2>
+					</header>
+					{bio.Bio.links !== undefined ? (
+						<nav>
+							{bio.Bio.links.map(([text, url]) => (
+								<a
+									href={url.toString()}
+									key={lang.get(text)}
+									lang={lang.get(text)}
+								>
+									{lang.text(text)}
+								</a>
+							))}
+						</nav>
+					) : null}
+				</section>
 				<TimeEye />
 			</main>
 		</>