root layout #4312

zemn-me · Dec 23, 2023 · 9a4aefd · 9a4aefd
1 parent c266d9f
commit 9a4aefd
Show file tree

Hide file tree

Showing 19 changed files with 514 additions and 472 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -2,7 +2,7 @@
 	"typescript.tsdk": "node_modules\\typescript\\lib",
 	"html.autoClosingTags": false,
 	"editor.wordWrapColumn": 80,
-	"editor.wordBasedSuggestions": false,
+	"editor.wordBasedSuggestions": "off",
 	"[mdx]": {
 		"editor.wordWrap": "bounded",
 		"editor.wordWrapColumn": 80
@@ -22,7 +22,7 @@
 	"eslint.format.enable": true,
 	"eslint.onIgnoredFiles": "warn",
 	"editor.codeActionsOnSave": {
-		"source.fixAll.eslint": true
+		"source.fixAll.eslint": "explicit"
 	},
 	"go.goroot": "${workspaceFolder}/bazel-${workspaceFolderBasename}/external/go_sdk",
 	"go.toolsEnvVars": {

diff --git a/project/zemn.me/BUILD.bazel b/project/zemn.me/BUILD.bazel
@@ -14,10 +14,10 @@ ts_project(
         "//:node_modules/react",
 		"//:node_modules/seedrandom",
         "//project/zemn.me/bio",
-        "//project/zemn.me/assets/kenwood",
         "//project/zemn.me/components",
         "//project/zemn.me/components/TimeEye",
         "//project/zemn.me/components/ZemnmezLogo",
+		"//project/zemn.me/components/HeroLayout",
         "//ts/next.js",
         "//ts/react/lang",
         "//ts/iter",

diff --git a/project/zemn.me/app/ClientLayout.tsx b/project/zemn.me/app/ClientLayout.tsx
diff --git a/project/zemn.me/app/layout.tsx b/project/zemn.me/app/layout.tsx
@@ -1,4 +1,6 @@
-import ClientLayout from 'project/zemn.me/app/ClientLayout';
+import 'project/zemn.me/app/base.css';
+
+import { HeroLayout } from 'project/zemn.me/components/HeroLayout/HeroLayout';
 import { ReactNode } from 'react';
 
 export interface Props {
@@ -9,6 +11,10 @@ export function RootLayout({ children }: Props) {
 	return (
 		<html>
 			<head>
+				<meta
+					content="width=device-width,initial-scale=1,shrink-to-fit=no,viewport-fit=cover"
+					name="viewport"
+				/>
 				<meta
 					content="Personal website and profile of Thomas Neil James Shadwell, also known as Zemnmez."
 					name="description"
@@ -25,7 +31,7 @@ export function RootLayout({ children }: Props) {
 				/>
 			</head>
 			<body>
-				<ClientLayout>{children}</ClientLayout>
+				<HeroLayout>{children}</HeroLayout>
 			</body>
 		</html>
 	);