remove css reset as a dependency

app/notes/[slug]/opengraph-image.tsx

@@ -14,7 +14,6 @@ export const size = {
 };
 
 // generate and cache these images at build-time for each slug, since doing this on-demand is mega slow...
-export const dynamic = "force-static";
 export const dynamicParams = false;
 
 export const generateStaticParams = async () => {

app/notes/[slug]/page.module.css

@@ -20,7 +20,7 @@
   display: inline-block;
   width: 1.2em;
   height: 1.2em;
-  vertical-align: -0.25em;
+  vertical-align: -0.225em;
   margin-right: 0.6em;
 }
 

app/notes/page.module.css

@@ -35,7 +35,7 @@
   margin-bottom: 0;
 }
 
-.postDate {
+.date {
   width: 5.25em;
   flex-shrink: 0;
   color: var(--colors-medium);

app/notes/page.tsx

@@ -38,7 +38,7 @@ const Page = async () => {
         <ul className={styles.list}>
           {posts.map(({ slug, date, title, htmlTitle }) => (
             <li className={styles.post} key={slug}>
-              <Time date={date} format="MMM d" className={styles.postDate} />
+              <Time date={date} format="MMM d" className={styles.date} />
               <span>
                 <Link href={`/${POSTS_DIR}/${slug}`} dangerouslySetInnerHTML={{ __html: htmlTitle || title }} />
               </span>