From c446b9dc0889e45ef56388b04805411af764a8bf Mon Sep 17 00:00:00 2001 From: Andreas Thomas Date: Sat, 25 Feb 2023 00:14:46 +0100 Subject: [PATCH] feat: /projects --- app/layout.tsx | 71 ++--- app/page.tsx | 35 ++- app/projects/default/page.tsx | 138 ++++++++++ app/projects/layout.tsx | 9 + app/projects/page.tsx | 258 ++++++++++++++++++ public/fonts/PangeaAfrikanTrial-Bold.woff2 | Bin 79420 -> 0 bytes public/fonts/PangeaAfrikanTrial-Light.woff2 | Bin 75524 -> 0 bytes public/fonts/PangeaAfrikanTrial-Medium.woff2 | Bin 84032 -> 0 bytes public/fonts/PangeaAfrikanTrial-Regular.woff2 | Bin 82824 -> 0 bytes public/fonts/PangeaAfrikanTrial-SemiBold.woff | Bin 94068 -> 0 bytes .../fonts/PangeaAfrikanTrial-SemiBold.woff2 | Bin 83876 -> 0 bytes tailwind.config.js | 18 +- 12 files changed, 484 insertions(+), 45 deletions(-) create mode 100644 app/projects/default/page.tsx create mode 100644 app/projects/layout.tsx create mode 100644 app/projects/page.tsx delete mode 100644 public/fonts/PangeaAfrikanTrial-Bold.woff2 delete mode 100644 public/fonts/PangeaAfrikanTrial-Light.woff2 delete mode 100644 public/fonts/PangeaAfrikanTrial-Medium.woff2 delete mode 100644 public/fonts/PangeaAfrikanTrial-Regular.woff2 delete mode 100644 public/fonts/PangeaAfrikanTrial-SemiBold.woff delete mode 100644 public/fonts/PangeaAfrikanTrial-SemiBold.woff2 diff --git a/app/layout.tsx b/app/layout.tsx index 0a4c55c..b92cb9e 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,38 +1,38 @@ import Image from "next/image"; import Link from "next/link"; import "../global.css"; -import { Inter } from "@next/font/google"; -import font from "@next/font/local"; -const pangea = font({ - src: [ - { - path: "../public/fonts/PangeaAfrikanTrial-Light.woff2", - weight: "100", - style: "normal", - }, - { - path: "../public/fonts/PangeaAfrikanTrial-Regular.woff2", - weight: "300", - style: "normal", - }, - { - path: "../public/fonts/PangeaAfrikanTrial-Medium.woff2", - weight: "500", - style: "normal", - }, - { - path: "../public/fonts/PangeaAfrikanTrial-SemiBold.woff2", - weight: "700", - style: "normal", - }, - { - path: "../public/fonts/PangeaAfrikanTrial-Bold.woff2", - weight: "900", - style: "normal", - }, - ], - variable: "--font-pangea", -}); +import { Inter, Hanken_Grotesk } from "@next/font/google"; +// import font from "@next/font/local"; +// const pangea = font({ +// src: [ +// { +// path: "../public/fonts/PangeaAfrikanTrial-Light.woff2", +// weight: "100", +// style: "normal", +// }, +// { +// path: "../public/fonts/PangeaAfrikanTrial-Regular.woff2", +// weight: "300", +// style: "normal", +// }, +// { +// path: "../public/fonts/PangeaAfrikanTrial-Medium.woff2", +// weight: "500", +// style: "normal", +// }, +// { +// path: "../public/fonts/PangeaAfrikanTrial-SemiBold.woff2", +// weight: "700", +// style: "normal", +// }, +// { +// path: "../public/fonts/PangeaAfrikanTrial-Bold.woff2", +// weight: "900", +// style: "normal", +// }, +// ], +// variable: "--font-pangea", +// }); export const metadata = { title: "chronark.com", @@ -44,13 +44,18 @@ const inter = Inter({ variable: "--font-inter", }); +const grotesk = Hanken_Grotesk({ + subsets: ["latin"], + variable: "--font-grotesk", +}); + export default function RootLayout({ children, }: { children: React.ReactNode; }) { return ( - + -
-

- CHRONARK -

- -
-