From ec3edc3b93d6559b30698533297909426bd8a1eb Mon Sep 17 00:00:00 2001 From: DragonSenseiGuy Date: Thu, 28 May 2026 16:18:21 -0400 Subject: [PATCH 1/5] Change font to Zarathustra and add a gradient on teens --- lib/theme.js | 8 +++++-- next.config.js | 5 ---- pages/_app.js | 1 - pages/_document.js | 35 ++++++++++++++++++++++++++- pages/index.js | 36 ++++++++++++++++++++++++---- public/fonts/zarathustra-kerned.ttf | Bin 0 -> 25072 bytes public/fonts/zarathustra-v01.otf | Bin 0 -> 18320 bytes 7 files changed, 72 insertions(+), 13 deletions(-) create mode 100644 public/fonts/zarathustra-kerned.ttf create mode 100644 public/fonts/zarathustra-v01.otf diff --git a/lib/theme.js b/lib/theme.js index ee58687..5a21d1c 100644 --- a/lib/theme.js +++ b/lib/theme.js @@ -2,6 +2,11 @@ import { merge } from 'lodash' import base from '@hackclub/theme' const theme = merge(base, { + fonts: { + heading: + '"Zarathustra", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif', + body: 'system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif' + }, cards: { event: { display: 'flex', @@ -42,8 +47,7 @@ const theme = merge(base, { transform: 'scale(1.0625)', boxShadow: 'elevated' } - }, - + } } }) diff --git a/next.config.js b/next.config.js index 90c3d1c..b340423 100644 --- a/next.config.js +++ b/next.config.js @@ -7,11 +7,6 @@ const nextConfig = { eslint: { ignoreDuringBuilds: true }, - turbopack: { - resolveAlias: { - '@theme-ui/mdx': './lib/theme-ui-mdx-stub.js' - } - }, webpack(config) { config.resolve.alias['@theme-ui/mdx'] = path.resolve(__dirname, 'lib/theme-ui-mdx-stub.js') return config diff --git a/pages/_app.js b/pages/_app.js index e29f82e..19b9648 100644 --- a/pages/_app.js +++ b/pages/_app.js @@ -2,7 +2,6 @@ import React from 'react' import Head from 'next/head' import Meta from '@hackclub/meta' -import '@hackclub/theme/fonts/reg-bold.css' import 'mapbox-gl/dist/mapbox-gl.css'; import theme from '../lib/theme' import { ThemeProvider } from 'theme-ui' diff --git a/pages/_document.js b/pages/_document.js index 3ddda90..2107f19 100644 --- a/pages/_document.js +++ b/pages/_document.js @@ -1,6 +1,23 @@ import Document, { Html, Head, Main, NextScript } from 'next/document' import { InitializeColorMode } from 'theme-ui' +const fontFaceCss = ` +@font-face { + font-family: 'Zarathustra'; + src: url('/fonts/zarathustra-kerned.ttf') format('truetype'); + font-weight: 400; + font-style: normal; + font-display: swap; +} +@font-face { + font-family: 'Zarathustra'; + src: url('/fonts/zarathustra-v01.otf') format('opentype'); + font-weight: 700; + font-style: normal; + font-display: swap; +} +` + export default class extends Document { static async getInitialProps(ctx) { const initialProps = await Document.getInitialProps(ctx) @@ -10,7 +27,23 @@ export default class extends Document { render() { return ( - + + + +