Dekker1/dekker.one
1
0
Fork 0
Code Issues Pull Requests Activity

Update formatting

Browse Source
This commit is contained in:
Jip J. Dekker 2023-11-29 22:34:40 +11:00
parent 70cd0d801f
commit f51fe0b80a
No known key found for this signature in database
4 changed files with 20 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
.build.yml
View File

@ -3,8 +3,8 @@ packages:
- npm - npm
oauth: pages.sr.ht/PAGES:RW oauth: pages.sr.ht/PAGES:RW
environment: environment:
site: "dekker.one" site: 'dekker.one'
NEXT_PUBLIC_SITE_URL: "https://dekker.one" NEXT_PUBLIC_SITE_URL: 'https://dekker.one'
tasks: tasks:
- package: | - package: |
cd $site cd $site

16
src/app/layout.tsx
View File

@ -27,10 +27,10 @@ const atkinson = Atkinson_Hyperlegible({
display: 'swap', display: 'swap',
}) })
const jetbrains = JetBrains_Mono({ const jetbrains = JetBrains_Mono({
weight: "variable", weight: 'variable',
subsets: ["latin"], subsets: ['latin'],
variable: "--font-jetbrains-mono", variable: '--font-jetbrains-mono',
display: "swap", display: 'swap',
}) })
export default function RootLayout({ export default function RootLayout({
@ -40,7 +40,13 @@ export default function RootLayout({
}) { }) {
return ( return (
<html lang="en" className="h-full antialiased" suppressHydrationWarning> <html lang="en" className="h-full antialiased" suppressHydrationWarning>
<body className={clsx('flex h-full bg-zinc-50 dark:bg-black', atkinson.className, jetbrains.variable)}> <body
className={clsx(
'flex h-full bg-zinc-50 dark:bg-black',
atkinson.className,
jetbrains.variable,
)}
>
<Providers> <Providers>
<div className="flex w-full"> <div className="flex w-full">
<Layout>{children}</Layout> <Layout>{children}</Layout>

5
src/components/Header.tsx
View File

@ -10,10 +10,7 @@ import clsx from 'clsx'
import { Container } from '@/components/Container' import { Container } from '@/components/Container'
import avatarImage from '@/images/avatar.jpg' import avatarImage from '@/images/avatar.jpg'
import { ThemeSelector } from '@/components/ThemeSelector' import { ThemeSelector } from '@/components/ThemeSelector'
import { import { ChevronDownIcon, CloseIcon } from '@/components/SVGIcons'
ChevronDownIcon,
CloseIcon,
} from '@/components/SVGIcons'
export const menu_items = [ export const menu_items = [
{ name: 'About', url: '/about' }, { name: 'About', url: '/about' },

8
src/components/ThemeSelector.tsx
View File

@ -34,13 +34,17 @@ export function ThemeSelector(
<SunIcon <SunIcon
className={clsx( className={clsx(
'h-6 w-6 dark:hidden', 'h-6 w-6 dark:hidden',
theme === 'system' ? 'fill-zinc-400 stroke-zinc-400' : 'fill-teal-400 stroke-teal-400', theme === 'system'
? 'fill-zinc-400 stroke-zinc-400'
: 'fill-teal-400 stroke-teal-400',
)} )}
/> />
<MoonIcon <MoonIcon
className={clsx( className={clsx(
'hidden h-6 w-6 dark:block', 'hidden h-6 w-6 dark:block',
theme === 'system' ? 'fill-zinc-400 stroke-zinc-400' : 'fill-teal-400 stroke-teal-400', theme === 'system'
? 'fill-zinc-400 stroke-zinc-400'
: 'fill-teal-400 stroke-teal-400',
)} )}
/> />
</Listbox.Button> </Listbox.Button>