fix: prerender

scripts/prerender-meta.mjs

@@ -8,7 +8,7 @@ const SRC_CONFIG = path.join(ROOT, "src", "config.ts");
 
 const DEFAULTS = {
   BLOG_NAME: "hyperzine",
-  BLOG_SITE_URL: "https://hyperzine.xyz";
+  BLOG_SITE_URL: "https://hyperzine.xyz",
   BLOG_DEFAULT_DESCRIPTION: "hyperzine",
   MANIFEST_TX_ID: ""
 };

src/App.tsx

@@ -336,7 +336,7 @@ function PostPage({
       <header className="post-header">
         <h1>{title}</h1>
         <p>{description}</p>
-        <div className="meta-row">
+        <div className="meta-row post-meta-row">
           {publishedDate && <span>Published {publishedDate}</span>}
           {updatedDate && <span>Updated {updatedDate}</span>}
           {post.readingTime && <span>{post.readingTime} min read</span>}

src/styles.css

@@ -207,6 +207,15 @@ a {
   transform: translateY(-50%);
 }
 
+.post-meta-row > span + span::before {
+  content: "|";
+  width: auto;
+  height: auto;
+  background: none;
+  top: 0;
+  transform: none;
+}
+
 .post {
   max-width: 760px;
 }