format using prettier

package.json

@@ -6,7 +6,8 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "next lint",
+    "format": "prettier -w ."
   },
   "browserslist": "defaults, not ie <= 11",
   "dependencies": {

src/components/Footer.jsx

@@ -23,11 +23,14 @@ export function Footer() {
             <div className="flex flex-col items-center justify-between gap-6 sm:flex-row">
               <div className="flex flex-wrap justify-center gap-x-6 gap-y-1 text-sm font-medium text-zinc-800 dark:text-zinc-200">
                 {menu_items.map((item) => (
-                  <NavLink key={item.url} href={item.url}>{item.name}</NavLink>
+                  <NavLink key={item.url} href={item.url}>
+                    {item.name}
+                  </NavLink>
                 ))}
               </div>
               <p className="text-sm text-zinc-400 dark:text-zinc-500">
-                &copy; {new Date().getFullYear()} Jip J. Dekker. All rights reserved.
+                &copy; {new Date().getFullYear()} Jip J. Dekker. All rights
+                reserved.
               </p>
             </div>
           </Container.Inner>

src/components/Header.jsx

@@ -11,11 +11,11 @@ import { ChevronDownIcon, CloseIcon } from '@/components/SVGIcons'
 import { ThemeSelector } from './ThemeSelector'
 
 export const menu_items = [
-  { "name": "About", "url": "/about" },
+  { name: 'About', url: '/about' },
-  { "name": "Articles", "url": "/articles" },
+  { name: 'Articles', url: '/articles' },
-  { "name": "Projects", "url": "/projects" },
+  { name: 'Projects', url: '/projects' },
-  { "name": "Speaking", "url": "/speaking" },
+  { name: 'Speaking', url: '/speaking' },
-  { "name": "Uses", "url": "/uses" },
+  { name: 'Uses', url: '/uses' },
 ]
 
 function MobileNavItem({ href, children }) {
@@ -70,9 +70,11 @@ function MobileNavigation(props) {
             </div>
             <nav className="mt-6">
               <ul className="-my-2 divide-y divide-zinc-100 text-base text-zinc-800 dark:divide-zinc-100/5 dark:text-zinc-300">
-                {menu_items.map((item) =>
+                {menu_items.map((item) => (
-                  <MobileNavItem key={item.url} href={item.url}>{item.name}</MobileNavItem>
+                  <MobileNavItem key={item.url} href={item.url}>
-                )}
+                    {item.name}
+                  </MobileNavItem>
+                ))}
               </ul>
             </nav>
           </Popover.Panel>
@@ -109,9 +111,11 @@ function DesktopNavigation(props) {
   return (
     <nav {...props}>
       <ul className="flex rounded-xl bg-white/90 px-3 text-sm font-medium text-zinc-800 shadow-lg shadow-zinc-800/5 ring-1 ring-zinc-900/5 backdrop-blur dark:bg-zinc-800/90 dark:text-zinc-200 dark:ring-white/10">
-        {menu_items.map((item) =>
+        {menu_items.map((item) => (
-          <NavItem key={item.url} href={item.url}>{item.name}</NavItem>
+          <NavItem key={item.url} href={item.url}>
-        )}
+            {item.name}
+          </NavItem>
+        ))}
       </ul>
     </nav>
   )

src/components/SVGIcons.jsx

@@ -181,7 +181,6 @@ export function ORCIDIcon(props) {
   )
 }
 
-
 export function ResearchGateIcon(props) {
   return (
     <svg viewBox="0 0 448 512" aria-hidden="true" {...props}>

src/pages/about.jsx

@@ -99,16 +99,32 @@ export default function About() {
               <SocialLink href="https://github.com/Dekker1" icon={GitHubIcon}>
                 Follow me on GitHub
               </SocialLink>
-              <SocialLink href="https://soapbox.network/@Dekker1" icon={MastodonIcon} className="mt-4">
+              <SocialLink
+                href="https://soapbox.network/@Dekker1"
+                icon={MastodonIcon}
+                className="mt-4"
+              >
                 Follow me on Mastodon
               </SocialLink>
-              <SocialLink href="https://www.linkedin.com/in/dekker1/" icon={LinkedInIcon} className="mt-4">
+              <SocialLink
+                href="https://www.linkedin.com/in/dekker1/"
+                icon={LinkedInIcon}
+                className="mt-4"
+              >
                 Connect with me on LinkedIn
               </SocialLink>
-              <SocialLink href="https://orcid.org/0000-0002-0053-6724" icon={ORCIDIcon} className="mt-4">
+              <SocialLink
+                href="https://orcid.org/0000-0002-0053-6724"
+                icon={ORCIDIcon}
+                className="mt-4"
+              >
                 Find me on ORCID
               </SocialLink>
-              <SocialLink href="https://www.researchgate.net/profile/Jip-Dekker-2" icon={ResearchGateIcon} className="mt-4">
+              <SocialLink
+                href="https://www.researchgate.net/profile/Jip-Dekker-2"
+                icon={ResearchGateIcon}
+                className="mt-4"
+              >
                 Follow me on ResearchGate
               </SocialLink>
               <SocialLink

src/pages/index.jsx

@@ -108,7 +108,8 @@ function Resume() {
               <dt className="sr-only">Date</dt>
               <dd
                 className="ml-auto text-xs text-zinc-400 dark:text-zinc-500"
-                aria-label={`${role.start.label ?? role.start} until ${role.end.label ?? role.end
+                aria-label={`${role.start.label ?? role.start} until ${
+                  role.end.label ?? role.end
                 }`}
               >
                 <time dateTime={role.start.dateTime ?? role.start}>
@@ -178,7 +179,11 @@ export default function Home({ articles }) {
             Optimisation Expert & Programming Language Designer
           </h1>
           <p className="mt-6 text-base text-zinc-600 dark:text-zinc-400">
-            I’m Jip, a researcher at the OPTIMA ARC research centre and Monash University, where we aim to make complex decisions easier through decision support and data insights. We design state-of-the-art optimization techniques, such as the MiniZinc modelling language, ready to be used in industry.
+            I’m Jip, a researcher at the OPTIMA ARC research centre and Monash
+            University, where we aim to make complex decisions easier through
+            decision support and data insights. We design state-of-the-art
+            optimization techniques, such as the MiniZinc modelling language,
+            ready to be used in industry.
           </p>
           <div className="mt-6 flex gap-6">
             <SocialLink

src/pages/projects.jsx

@@ -13,7 +13,8 @@ import { LinkIcon } from '@/components/SVGIcons'
 const projects = [
   {
     name: 'MiniZinc',
-    description: 'A constraint modelling language for almost all types of optimization solvers.',
+    description:
+      'A constraint modelling language for almost all types of optimization solvers.',
     link: { href: 'http://www.minizinc.org', label: 'minizinc.org' },
     logo: logoMiniZinc,
   },
@@ -26,19 +27,27 @@ const projects = [
   {
     name: 'Shackle',
     description: 'The next generation of constraint model rewriting tooling.',
-    link: { href: 'https://github.com/shackle-rs/shackle', label: 'github.com' },
+    link: {
+      href: 'https://github.com/shackle-rs/shackle',
+      label: 'github.com',
+    },
     logo: logoShackle,
   },
   {
     name: 'Pindakaas',
-    description: 'A library that helps you create state-of-the-art encodings for Boolean satisfiability solvers.',
+    description:
+      'A library that helps you create state-of-the-art encodings for Boolean satisfiability solvers.',
     link: { href: '#', label: 'TBA' },
     logo: logoPindakaas,
   },
   {
     name: 'MiniZinc Python',
-    description: 'Easily run MiniZinc from Python, with incremental solving and direct data access.',
+    description:
-    link: { href: 'https://github.com/MiniZinc/minizinc-python', label: 'github.com' },
+      'Easily run MiniZinc from Python, with incremental solving and direct data access.',
+    link: {
+      href: 'https://github.com/MiniZinc/minizinc-python',
+      label: 'github.com',
+    },
     logo: logoMZNPy,
   },
 ]
@@ -48,10 +57,7 @@ export default function Projects() {
     <>
       <Head>
         <title>Projects - Jip J. Dekker</title>
-        <meta
+        <meta name="description" content="From my brain to your computer" />
-          name="description"
-          content="From my brain to your computer"
-        />
       </Head>
       <SimpleLayout
         title="From my brain to your computer"