pmndrs defaults

pmndrs · Jul 11, 2024 · 339b4f2 · 339b4f2
1 parent 209a947
commit 339b4f2
Show file tree

Hide file tree

Showing 34 changed files with 136 additions and 147 deletions.
diff --git a/.github/workflows/pages.yml b/.github/workflows/pages.yml
@@ -3,7 +3,7 @@ name: GitHub Pages
 
 on:
   push:
-    branches: main
+    branches: pmndrs
   workflow_dispatch:
 
 permissions:

diff --git a/app/Main.tsx b/app/Main.tsx
@@ -3,6 +3,7 @@ import Tag from '@/components/Tag'
 import siteMetadata from '@/data/siteMetadata'
 import { formatDate } from 'pliny/utils/formatDate'
 import NewsletterForm from 'pliny/ui/NewsletterForm'
+import { H1 } from '@/components/Typography'
 
 const MAX_DISPLAY = 5
 
@@ -11,9 +12,7 @@ export default function Home({ posts }) {
     <>
       <div className="divide-y divide-gray-200 dark:divide-gray-700">
         <div className="space-y-2 pb-8 pt-6 md:space-y-5">
-          <h1 className="text-3xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-4xl sm:leading-10 md:text-6xl md:leading-14">
-            Latest
-          </h1>
+          <H1>Latest</H1>
           <p className="text-lg leading-7 text-gray-500 dark:text-gray-400">
             {siteMetadata.description}
           </p>

diff --git a/app/layout.tsx b/app/layout.tsx
@@ -2,7 +2,7 @@ import 'css/tailwind.css'
 import 'pliny/search/algolia.css'
 import 'remark-github-blockquote-alert/alert.css'
 
-import { Space_Grotesk } from 'next/font/google'
+import { Inter } from 'next/font/google'
 import { Analytics, AnalyticsConfig } from 'pliny/analytics'
 import { SearchProvider, SearchConfig } from 'pliny/search'
 import Header from '@/components/Header'
@@ -12,10 +12,10 @@ import siteMetadata from '@/data/siteMetadata'
 import { ThemeProviders } from './theme-providers'
 import { Metadata } from 'next'
 
-const space_grotesk = Space_Grotesk({
+const inter = Inter({
   subsets: ['latin'],
   display: 'swap',
-  variable: '--font-space-grotesk',
+  variable: '--font-inter',
 })
 
 export const metadata: Metadata = {
@@ -62,7 +62,7 @@ export default function RootLayout({ children }: { children: React.ReactNode })
   return (
     <html
       lang={siteMetadata.language}
-      className={`${space_grotesk.variable} scroll-smooth`}
+      className={`${inter.variable} scroll-smooth`}
       suppressHydrationWarning
     >
       <link rel="apple-touch-icon" sizes="76x76" href="/static/favicons/apple-touch-icon.png" />
@@ -74,7 +74,7 @@ export default function RootLayout({ children }: { children: React.ReactNode })
       <meta name="theme-color" media="(prefers-color-scheme: light)" content="#fff" />
       <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#000" />
       <link rel="alternate" type="application/rss+xml" href="/feed.xml" />
-      <body className="bg-white pl-[calc(100vw-100%)] text-black antialiased dark:bg-gray-950 dark:text-white">
+      <body className="bg-white pl-[calc(100vw-100%)] text-black antialiased dark:bg-[rgb(13,13,13)] dark:text-white">
         <ThemeProviders>
           <Analytics analyticsConfig={siteMetadata.analytics as AnalyticsConfig} />
           <SectionContainer>

diff --git a/app/projects/page.tsx b/app/projects/page.tsx
@@ -1,6 +1,7 @@
 import projectsData from '@/data/projectsData'
 import Card from '@/components/Card'
 import { genPageMetadata } from 'app/seo'
+import { H1 } from '@/components/Typography'
 
 export const metadata = genPageMetadata({ title: 'Projects' })
 
@@ -9,9 +10,7 @@ export default function Projects() {
     <>
       <div className="divide-y divide-gray-200 dark:divide-gray-700">
         <div className="space-y-2 pb-8 pt-6 md:space-y-5">
-          <h1 className="text-3xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-4xl sm:leading-10 md:text-6xl md:leading-14">
-            Projects
-          </h1>
+          <H1>Projects</H1>
           <p className="text-lg leading-7 text-gray-500 dark:text-gray-400">
             Showcase your projects with a hero image (16 x 9)
           </p>

diff --git a/app/tags/page.tsx b/app/tags/page.tsx
@@ -3,6 +3,7 @@ import Tag from '@/components/Tag'
 import { slug } from 'github-slugger'
 import tagData from 'app/tag-data.json'
 import { genPageMetadata } from 'app/seo'
+import { H1 } from '@/components/Typography'
 
 export const metadata = genPageMetadata({ title: 'Tags', description: 'Things I blog about' })
 
@@ -14,9 +15,7 @@ export default async function Page() {
     <>
       <div className="flex flex-col items-start justify-start divide-y divide-gray-200 dark:divide-gray-700 md:mt-24 md:flex-row md:items-center md:justify-center md:space-x-6 md:divide-y-0">
         <div className="space-x-2 pb-8 pt-6 md:space-y-5">
-          <h1 className="text-3xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-4xl sm:leading-10 md:border-r-2 md:px-6 md:text-6xl md:leading-14">
-            Tags
-          </h1>
+          <H1>Tags</H1>
         </div>
         <div className="flex max-w-lg flex-wrap">
           {tagKeys.length === 0 && 'No tags found.'}

diff --git a/components/Header.tsx b/components/Header.tsx
@@ -13,10 +13,10 @@ const Header = () => {
         <Link href="/" aria-label={siteMetadata.headerTitle}>
           <div className="flex items-center justify-between">
             <div className="mr-3">
-              <Logo />
+              <Logo className="size-20 dark:invert" />
             </div>
             {typeof siteMetadata.headerTitle === 'string' ? (
-              <div className="hidden h-6 text-2xl font-semibold sm:block">
+              <div className="hidden h-6 text-2xl font-semibold leading-none sm:block">
                 {siteMetadata.headerTitle}
               </div>
             ) : (

diff --git a/components/PageTitle.tsx b/components/PageTitle.tsx
@@ -1,13 +1,10 @@
 import { ReactNode } from 'react'
+import { H1 } from './Typography'
 
 interface Props {
   children: ReactNode
 }
 
 export default function PageTitle({ children }: Props) {
-  return (
-    <h1 className="text-3xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-4xl sm:leading-10 md:text-5xl md:leading-14">
-      {children}
-    </h1>
-  )
+  return <H1>{children}</H1>
 }
diff --git a/components/Typography.tsx b/components/Typography.tsx
@@ -0,0 +1,7 @@
+export function H1({ children }: { children?: React.ReactNode }) {
+  return (
+    <h1 className="text-4xl uppercase leading-none tracking-tight sm:text-5xl md:text-7xl">
+      {children}
+    </h1>
+  )
+}
diff --git a/data/authors/default.mdx b/data/authors/default.mdx
@@ -1,16 +1,9 @@
 ---
-name: Tails Azimuth
-avatar: /static/images/avatar.png
-occupation: Professor of Atmospheric Science
-company: Stanford University
-email: [email protected]
-twitter: https://twitter.com/Twitter
-linkedin: https://www.linkedin.com
-github: https://github.com
+name: pmndrs
+avatar: /static/images/avatar-pmndrs.svg
+occupation:
+company: Poimandres
+email:
+twitter: https://x.com/pmndrs
+github: https://github.com/pmndrs
 ---
-
-Tails Azimuth is a professor of atmospheric sciences at the Stanford AI Lab. His research interests includes complexity modelling of tailwinds, headwinds and crosswinds.
-
-He leads the clean energy group which develops 3D air pollution-climate models, writes differential equation solvers, and manufactures titanium plated air ballons. In his free time he bakes raspberry pi.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque elit, tristique placerat feugiat ac, facilisis vitae arcu. Proin eget egestas augue. Praesent ut sem nec arcu pellentesque aliquet. Duis dapibus diam vel metus tempus vulputate.
diff --git a/data/authors/paulh.mdx b/data/authors/paulh.mdx
@@ -0,0 +1,9 @@
+---
+name: paulh
+avatar: /static/images/avatar-paulh.jpg
+occupation:
+company: Poimandres
+email:
+twitter: https://x.com/0xca0a
+github: https://github.com/drcmda
+---
diff --git a/data/authors/sparrowhawk.mdx b/data/authors/sparrowhawk.mdx
diff --git a/data/logo.svg b/data/logo.svg
diff --git a/data/projectsData.ts b/data/projectsData.ts
@@ -1,26 +1,22 @@
 interface Project {
-  title: string,
-  description: string,
-  href?: string,
-  imgSrc?: string,
+  title: string
+  description: string
+  href?: string
+  imgSrc?: string
 }
 
 const projectsData: Project[] = [
   {
-    title: 'A Search Engine',
-    description: `What if you could look up any information in the world? Webpages, images, videos
-    and more. Google has many features to help you find exactly what you're looking
-    for.`,
-    imgSrc: '/static/images/google.png',
-    href: 'https://www.google.com',
+    title: 'Fiber',
+    description: `React renderer for three.js`,
+    imgSrc: '/static/images/fiber-logo.webp',
+    href: 'https://docs.pmnd.rs/react-three-fiber',
   },
   {
-    title: 'The Time Machine',
-    description: `Imagine being able to travel back in time or to the future. Simple turn the knob
-    to the desired date and press "Go". No more worrying about lost keys or
-    forgotten headphones with this simple yet affordable solution.`,
-    imgSrc: '/static/images/time-machine.jpg',
-    href: '/blog/the-time-machine',
+    title: 'Drei',
+    description: `Useful helpers for react-three-fiber`,
+    imgSrc: '/static/images/drei-logo.jpeg',
+    href: 'https://drei.pmnd.rs',
   },
 ]
 

diff --git a/data/siteMetadata.js b/data/siteMetadata.js
@@ -1,37 +1,37 @@
 /** @type {import("pliny/config").PlinyConfig } */
 const siteMetadata = {
-  title: 'Next.js Starter Blog',
-  author: 'Tails Azimuth',
-  headerTitle: 'TailwindBlog',
-  description: 'A blog created with Next.js and Tailwind.css',
+  title: 'Poimandres',
+  author: 'pmndrs',
+  headerTitle: 'Pmndrs',
+  description: 'Open source developer collective',
   language: 'en-us',
   theme: 'system', // system, dark or light
-  siteUrl: 'https://tailwind-nextjs-starter-blog.vercel.app',
-  siteRepo: 'https://github.com/timlrx/tailwind-nextjs-starter-blog',
+  siteUrl: 'https://pmndrs.github.io',
+  siteRepo: 'https://github.com/pmndrs/pmndrs.github.io',
   siteLogo: '/static/images/logo.png',
   socialBanner: '/static/images/twitter-card.png',
-  mastodon: 'https://mastodon.social/@mastodonuser',
-  email: '[email protected]',
-  github: 'https://github.com',
-  x: 'https://twitter.com/x',
+  // mastodon: 'https://mastodon.social/@pmndrs',
+  // email: '[email protected]',
+  github: 'https://github.com/pmndrs',
+  x: 'https://twitter.com/pmndrs',
   // twitter: 'https://twitter.com/Twitter',
-  facebook: 'https://facebook.com',
-  youtube: 'https://youtube.com',
-  linkedin: 'https://www.linkedin.com',
-  threads: 'https://www.threads.net',
-  instagram: 'https://www.instagram.com',
+  // facebook: 'https://facebook.com',
+  // youtube: 'https://youtube.com',
+  linkedin: 'https://www.linkedin.com/company/pmndrs/',
+  // threads: 'https://www.threads.net',
+  // instagram: 'https://www.instagram.com',
   locale: 'en-US',
   analytics: {
     // If you want to use an analytics provider you have to add it to the
     // content security policy in the `next.config.js` file.
     // supports Plausible, Simple Analytics, Umami, Posthog or Google Analytics.
-    umamiAnalytics: {
-      // We use an env variable for this site to avoid other users cloning our analytics ID
-      umamiWebsiteId: process.env.NEXT_UMAMI_ID, // e.g. 123e4567-e89b-12d3-a456-426614174000
-      // You may also need to overwrite the script if you're storing data in the US - ex:
-      // src: 'https://us.umami.is/script.js'
-      // Remember to add 'us.umami.is' in `next.config.js` as a permitted domain for the CSP
-    },
+    // umamiAnalytics: {
+    //   // We use an env variable for this site to avoid other users cloning our analytics ID
+    //   umamiWebsiteId: process.env.NEXT_UMAMI_ID, // e.g. 123e4567-e89b-12d3-a456-426614174000
+    //   // You may also need to overwrite the script if you're storing data in the US - ex:
+    //   // src: 'https://us.umami.is/script.js'
+    //   // Remember to add 'us.umami.is' in `next.config.js` as a permitted domain for the CSP
+    // },
     // plausibleAnalytics: {
     //   plausibleDataDomain: '', // e.g. tailwind-nextjs-starter-blog.vercel.app
     // },
@@ -46,37 +46,37 @@ const siteMetadata = {
   newsletter: {
     // supports mailchimp, buttondown, convertkit, klaviyo, revue, emailoctopus
     // Please add your .env file and modify it according to your selection
-    provider: 'buttondown',
+    // provider: 'buttondown',
   },
   comments: {
     // If you want to use an analytics provider you have to add it to the
     // content security policy in the `next.config.js` file.
     // Select a provider and use the environment variables associated to it
     // https://vercel.com/docs/environment-variables
-    provider: 'giscus', // supported providers: giscus, utterances, disqus
-    giscusConfig: {
-      // Visit the link below, and follow the steps in the 'configuration' section
-      // https://giscus.app/
-      repo: process.env.NEXT_PUBLIC_GISCUS_REPO,
-      repositoryId: process.env.NEXT_PUBLIC_GISCUS_REPOSITORY_ID,
-      category: process.env.NEXT_PUBLIC_GISCUS_CATEGORY,
-      categoryId: process.env.NEXT_PUBLIC_GISCUS_CATEGORY_ID,
-      mapping: 'pathname', // supported options: pathname, url, title
-      reactions: '1', // Emoji reactions: 1 = enable / 0 = disable
-      // Send discussion metadata periodically to the parent window: 1 = enable / 0 = disable
-      metadata: '0',
-      // theme example: light, dark, dark_dimmed, dark_high_contrast
-      // transparent_dark, preferred_color_scheme, custom
-      theme: 'light',
-      // theme when dark mode
-      darkTheme: 'transparent_dark',
-      // If the theme option above is set to 'custom`
-      // please provide a link below to your custom theme css file.
-      // example: https://giscus.app/themes/custom_example.css
-      themeURL: '',
-      // This corresponds to the `data-lang="en"` in giscus's configurations
-      lang: 'en',
-    },
+    // provider: 'giscus', // supported providers: giscus, utterances, disqus
+    // giscusConfig: {
+    //   // Visit the link below, and follow the steps in the 'configuration' section
+    //   // https://giscus.app/
+    //   repo: process.env.NEXT_PUBLIC_GISCUS_REPO,
+    //   repositoryId: process.env.NEXT_PUBLIC_GISCUS_REPOSITORY_ID,
+    //   category: process.env.NEXT_PUBLIC_GISCUS_CATEGORY,
+    //   categoryId: process.env.NEXT_PUBLIC_GISCUS_CATEGORY_ID,
+    //   mapping: 'pathname', // supported options: pathname, url, title
+    //   reactions: '1', // Emoji reactions: 1 = enable / 0 = disable
+    //   // Send discussion metadata periodically to the parent window: 1 = enable / 0 = disable
+    //   metadata: '0',
+    //   // theme example: light, dark, dark_dimmed, dark_high_contrast
+    //   // transparent_dark, preferred_color_scheme, custom
+    //   theme: 'light',
+    //   // theme when dark mode
+    //   darkTheme: 'transparent_dark',
+    //   // If the theme option above is set to 'custom`
+    //   // please provide a link below to your custom theme css file.
+    //   // example: https://giscus.app/themes/custom_example.css
+    //   themeURL: '',
+    //   // This corresponds to the `data-lang="en"` in giscus's configurations
+    //   lang: 'en',
+    // },
   },
   search: {
     provider: 'kbar', // kbar or algolia

diff --git a/layouts/AuthorLayout.tsx b/layouts/AuthorLayout.tsx
@@ -2,6 +2,7 @@ import { ReactNode } from 'react'
 import type { Authors } from 'contentlayer/generated'
 import SocialIcon from '@/components/social-icons'
 import Image from '@/components/Image'
+import { H1 } from '@/components/Typography'
 
 interface Props {
   children: ReactNode
@@ -15,9 +16,7 @@ export default function AuthorLayout({ children, content }: Props) {
     <>
       <div className="divide-y divide-gray-200 dark:divide-gray-700">
         <div className="space-y-2 pb-8 pt-6 md:space-y-5">
-          <h1 className="text-3xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-4xl sm:leading-10 md:text-6xl md:leading-14">
-            About
-          </h1>
+          <H1>About</H1>
         </div>
         <div className="items-start space-y-2 xl:grid xl:grid-cols-3 xl:gap-x-8 xl:space-y-0">
           <div className="flex flex-col items-center space-x-2 pt-8">

diff --git a/public/static/favicons/android-chrome-192x192.png b/public/static/favicons/android-chrome-192x192.png
diff --git a/public/static/favicons/android-chrome-512x512.png b/public/static/favicons/android-chrome-512x512.png
diff --git a/public/static/favicons/apple-touch-icon.png b/public/static/favicons/apple-touch-icon.png
diff --git a/public/static/favicons/favicon-16x16.png b/public/static/favicons/favicon-16x16.png
diff --git a/public/static/favicons/favicon-32x32.png b/public/static/favicons/favicon-32x32.png
diff --git a/public/static/favicons/favicon.ico b/public/static/favicons/favicon.ico
diff --git a/public/static/favicons/mstile-144x144.png b/public/static/favicons/mstile-144x144.png
diff --git a/public/static/favicons/mstile-150x150.png b/public/static/favicons/mstile-150x150.png
diff --git a/public/static/favicons/mstile-310x150.png b/public/static/favicons/mstile-310x150.png
diff --git a/public/static/favicons/mstile-310x310.png b/public/static/favicons/mstile-310x310.png
diff --git a/public/static/favicons/mstile-70x70.png b/public/static/favicons/mstile-70x70.png