fixes to get the compile actually working (slightly hacky lol)

astro.config.mjs

@@ -41,10 +41,9 @@ export default defineConfig({
   },
 
   integrations: [react(), tailwind(), mdx({
-    syntaxHighlight: 'false',
+    syntaxHighlight: false,
     remarkPlugins: [[m2dx, m2dxOptions]],
     rehypePlugins: [rehypeSlug, [rehypeMdxCodeProps, {tagName: 'code'}]],
-    extendDefaultPlugins: true,
   }), icon()],
 
   output: 'server',

package.json

@@ -4,7 +4,7 @@
   "version": "0.0.1",
   "scripts": {
     "dev": "astro dev",
-    "start": "astro dev",
+    "start": "astro start -p 8080",
     "build": "astro check && astro build",
     "preview": "astro preview",
     "astro": "astro"
@@ -29,7 +29,6 @@
     "feed": "^4.2.2",
     "github-slugger": "^2.0.0",
     "linkedom": "^0.18.5",
-    "lodash": "^4.17.21",
     "prism": "^4.1.2",
     "prism-react-renderer": "^2.4.0",
     "react": "^18.3.1",
@@ -45,8 +44,10 @@
   },
   "packageManager": "pnpm@9.10.0+sha512.73a29afa36a0d092ece5271de5177ecbf8318d454ecd701343131b8ebc0c1a91c487da46ab77c8e596d6acf1461e3594ced4becedf8921b074fbd8653ed7051c",
   "devDependencies": {
+    "@types/lodash": "^4.17.13",
     "astro-auto-import": "^0.4.4",
     "astro-mdx-code-blocks": "^0.0.6",
+    "lodash": "^4.17.21",
     "node-html-parser": "^6.1.13"
   }
 }

pnpm-lock.yaml

@@ -65,9 +65,6 @@ importers:
       linkedom:
         specifier: ^0.18.5
         version: 0.18.5
-      lodash:
-        specifier: ^4.17.21
-        version: 4.17.21
       prism:
         specifier: ^4.1.2
         version: 4.1.2(react@18.3.1)
@@ -105,12 +102,18 @@ importers:
         specifier: ^5.6.2
         version: 5.6.2
     devDependencies:
+      '@types/lodash':
+        specifier: ^4.17.13
+        version: 4.17.13
       astro-auto-import:
         specifier: ^0.4.4
         version: 0.4.4(astro@4.16.10(@types/node@18.19.55)(rollup@4.24.0)(typescript@5.6.2))
       astro-mdx-code-blocks:
         specifier: ^0.0.6
         version: 0.0.6(astro@4.16.10(@types/node@18.19.55)(rollup@4.24.0)(typescript@5.6.2))
+      lodash:
+        specifier: ^4.17.21
+        version: 4.17.21
       node-html-parser:
         specifier: ^6.1.13
         version: 6.1.13
@@ -835,6 +838,9 @@ packages:
   '@types/hast@3.0.4':
     resolution: {integrity: sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==}
 
+  '@types/lodash@4.17.13':
+    resolution: {integrity: sha512-lfx+dftrEZcdBPczf9d0Qv0x+j/rfNCMuC6OcfXmO8gkfeNAY88PgKUbvG56whcN23gc27yenwF6oJZXGFpYxg==}
+
   '@types/mdast@3.0.15':
     resolution: {integrity: sha512-LnwD+mUEfxWMa1QpDraczIn6k0Ee3SMicuYSSzS6ZYl2gKS09EClnJYGd8Du6rfc5r/GZEk5o1mRb8TaTj03sQ==}
 
@@ -4058,6 +4064,8 @@ snapshots:
     dependencies:
       '@types/unist': 3.0.3
 
+  '@types/lodash@4.17.13': {}
+
   '@types/mdast@3.0.15':
     dependencies:
       '@types/unist': 2.0.11

src/_components.ts

@@ -1,7 +1,7 @@
-import HR from '/src/components/HR.astro'
+import HR from './components/HR.astro'
-import MDXImage from '/src/components/mdx/MDXImage.astro'
+import MDXImage from './components/mdx/MDXImage.astro'
-import MDXCallout from '/src/components/mdx/MDXCallout.astro'
+import MDXCallout from './components/mdx/MDXCallout.astro'
-import MDXCodeBlock from '/src/components/mdx/MDXCodeBlock.astro'
+import MDXCodeBlock from './components/mdx/MDXCodeBlock.astro'
 
 export const components = {
 	hr: HR,

src/components/Footer.astro

@@ -11,14 +11,17 @@ const iconClass = 'fill-current hover:fill-crusta-800 dark:hover:fill-night-400'
     <HR/>
     <div class="flex items-center">contact&ensp;&mdash;&ensp;
     	<a href='https://plush.city/@kebokyo' target='_blank' rel='noopener noreferrer' aria-label="fediverse">
+            {/* @ts-ignore */}
             <Icon icon="PiFediverseLogoFill" class={iconClass} title="fediverse" aria-label="fediverse"/>
         </a>
         &emsp;
         <a href='https://bsky.app/profile/kebokyo.eleboog.com' target='_blank' rel='noopener noreferrer' aria-label="bluesky">
+            {/* @ts-ignore */}
             <Icon icon="FaBluesky" class={iconClass} title="bluesky" aria-label="bluesky"/>
         </a>
         &emsp;
         <a href='mailto:kebokyo@eleboog.com' target='_blank' rel='noopener noreferrer' aria-label="email">
+            {/* @ts-ignore */}
             <Icon icon="MdMail" class={iconClass} title="email" aria-label="email"/>
         </a>
 

src/components/Icon.astro

@@ -5,7 +5,7 @@ import { parse } from 'node-html-parser';
 // https://ellodave.dev/blog/article/using-svgs-as-astro-components-and-inline-css/
 
 export interface Props {
-  icon: string;
+  icon: string
 }
 
 function getSVG(name: string) {
@@ -21,6 +21,7 @@ function getSVG(name: string) {
   const root = parse(files[filepath]);
 
   const svg = root.querySelector('svg');
+  // @ts-ignore
   const { attributes, innerHTML } = svg;
 
   return {
@@ -29,7 +30,7 @@ function getSVG(name: string) {
   };
 }
 
-const { icon, ...attributes } = Astro.props as Props;
+const { icon, ...attributes } = Astro.props;
 const { attributes: baseAttributes, innerHTML } = getSVG(icon);
 
 const svgAttributes = { ...baseAttributes, ...attributes };

src/components/mdx/MDXCodeBlock.astro

@@ -1,6 +1,8 @@
 ---
 
-import React, { ReactNode } from 'react';
+import React from 'react';
+import type { ReactNode } from 'react';
+
 //import { CodeBlock } from 'react-code-block';
 //import { themes } from 'prism-react-renderer';
 import { Highlight } from 'prism-react-renderer';
@@ -46,14 +48,15 @@ let filename: string = '';
 
 const code_html = await Astro.slots.render('default');
 
+// @ts-ignore
 const renderCode = (html) => {
     const { document } = parseHTML(html);
     const child = document.children
     const match = /language-(\w+)/.exec(child[0].className);
     lang = match ? match[1] : 'plaintext';
     
-    const match2 = /filename="(.*?)"/.exec(child[0].getAttribute('metastring'))
+    const match2 = /filename="(.*?)"/.exec(child[0].getAttribute('metastring') ?? '')
-    filename = match2 ? match2[1] : null;
+    filename = match2 ? match2[1] : '';
     //console.log(match)
     return unescape(child[0].innerHTML);
 }

src/components/mdx/PostHeader.tsx

@@ -1,48 +0,0 @@
-import { Post } from "@/.contentlayer/generated"
-import MDXImage from "./MDXImage"
-
-import { format, parseISO } from 'date-fns'
-
-export default function PostHeader(post: Post) {
-
-    const numberToWord = (num: number) => {
-        switch(num) {
-            case 1: return "one";
-            case 2: return "two";
-            case 3: return "three";
-            case 4: return "four";
-        }
-      }
-      
-    return (<>
-        { ( post.cover && post.cover_alt ) ? (
-          <div className="mb-4">
-            <MDXImage src={post.cover} alt={post.cover_alt}/>
-          </div>
-        ) : '' }
-       
-        <h1 className="text-4xl font-serif font-bold text-title">{post.title}</h1>
-        <h2 className="font-mono">&mdash; {format(parseISO(post.date), 'LLLL d, yyyy')}
-          {(post.updated) ? (
-            <span>, <span className="text-subtitle">updated {format(parseISO(post.updated), 'LLLL d, yyyy')}</span></span>
-          ) : ''}
-        </h2>
-        <h2 className="text-sm italic mb-4 text-subtitle">{post.summary}</h2>
-
-        {(post.toc) ? ( <>
-            <h3 className="font-mono text-xl text-title">table of contents</h3>
-            <div id="toc" className="mb-4 ml-2 pl-2 border-l border-neutral-400 ">
-                {post.headings.map((heading: {level: number, text: string, slug: string}) => {
-                return (
-                    <div key={`#${heading.slug}`}>
-                    <a className="font-serif text-sm text-subtitle hover:underline data-[level=two]:pl-3 data-[level=three]:pl-6" data-level={numberToWord(heading.level)} href={'#' + heading.slug}>
-                        {(heading.level > 1) ? '> ' : ''}
-                        {heading.text}
-                    </a>
-                    </div>
-                )
-                })}
-            </div>
-        </>):''}
-    </>)
-}

src/layouts/BaseLayout.astro

@@ -20,7 +20,7 @@ const { title } = Astro.props
 		<meta name="generator" content={Astro.generator} />
 		<title>{title ? title + ' - eleboog.com' : 'eleboog.com'}</title>
 	</head>
-	<body class="flex-col mx-auto min-h-screen max-w-screen-md p-8 py-4"">
+	<body class="flex-col mx-auto min-h-screen max-w-screen-md p-8 py-4">
 		<Header current={title}/>
 		<main>
 			<slot/>

src/layouts/PostLayout.astro

@@ -6,6 +6,7 @@ import '../styles/markdown.css'
 
 import { format } from 'date-fns'
 import { toZonedTime } from 'date-fns-tz'
+import { timeZone } from "../lib/utils";
 
 import Header from '../components/Header.astro'
 import Footer from '../components/Footer.astro'
@@ -13,8 +14,6 @@ import MDXImage from '../components/mdx/MDXImage.astro'
 
 import HR from '../components/HR.astro'
 
-import { mdxComponents } from '@l/mdx.tsx';
-
 const fm = Astro.props.frontmatter
 const headings = await Astro.props.headings
 
@@ -40,7 +39,7 @@ const numberToWord = (num: number) => {
 		<meta name="generator" content={Astro.generator} />
 		<title>{title ? title + ' - eleboog.com' : 'eleboog.com'}</title>
 	</head>
-	<body class="flex-col mx-auto min-h-screen max-w-screen-md p-8 py-4"">
+	<body class="flex-col mx-auto min-h-screen max-w-screen-md p-8 py-4">
 		<Header current='blog post'/>
 		<main>
 			{ ( fm.cover && fm.cover_alt ) ? (
@@ -50,9 +49,9 @@ const numberToWord = (num: number) => {
 	        ) : '' }
 	       
 	        <h1 class="text-4xl font-serif font-bold text-title">{fm.title}</h1>
-	        <h2 class="font-mono">&mdash; {format(toZonedTime(fm.date), 'LLLL d, yyyy')}
+	        <h2 class="font-mono">&mdash; {format(toZonedTime(fm.date, timeZone), 'LLLL d, yyyy')}
 	          {(fm.updated) ? (
-	            <span>, <span class="text-subtitle">updated {format(toZonedTime(fm.updated), 'LLLL d, yyyy')}</span></span>
+	            <span>, <span class="text-subtitle">updated {format(toZonedTime(fm.updated, timeZone), 'LLLL d, yyyy')}</span></span>
 	          ) : ''}
 	        </h2>
 	        <h2 class="text-sm italic mb-4 mt-2 text-subtitle">{fm.summary}</h2>
@@ -73,7 +72,7 @@ const numberToWord = (num: number) => {
 	            <div id="toc" class="mb-4 ml-2 pl-2 border-l border-neutral-400 ">
 	                {headings.map((heading: {depth: number, slug: string, text: string}) => {
 	                return (
-	                    <div key={`#${heading.slug}`}>
+	                    <div>
 	                    <a class="font-serif text-sm text-subtitle hover:underline data-[level=two]:pl-3 data-[level=three]:pl-6" data-level={numberToWord(heading.depth)} href={'#' + heading.slug}>
 	                        {(heading.depth > 1) ? '> ' : ''}
 	                        {heading.text}

src/layouts/StandaloneMDXLayout.astro

@@ -9,8 +9,6 @@ import Footer from '../components/Footer.astro'
 
 import HR from '../components/HR.astro'
 
-import { mdxComponents } from '@l/mdx.tsx';
-
 const { frontmatter } = Astro.props
 
 const title = frontmatter.slug ?? 'me'
@@ -26,14 +24,14 @@ const title = frontmatter.slug ?? 'me'
 		<meta name="generator" content={Astro.generator} />
 		<title>{title ? title + ' - eleboog.com' : 'eleboog.com'}</title>
 	</head>
-	<body class="flex-col mx-auto min-h-screen max-w-screen-md p-8 py-4"">
+	<body class="flex-col mx-auto min-h-screen max-w-screen-md p-8 py-4">
 		<Header current={title}/>
 		<main>
 			<h1 class="text-3xl font-serif my-2">{frontmatter.title}</h1>
         	<h2 class="text-sm mb-4 text-subtitle">{frontmatter.summary}</h2>
 
 			<article>
-				<slot components={{hr: HR}}/>
+				<slot />
 			</article>
 		</main>
 		<Footer/>

src/lib/blog.ts

@@ -1,6 +1,6 @@
-export allTags = [
+export const allTags = [
 	// type of content
-	"meta", "reply", "self-promo", "rant", "critique", "tutorial"
+	"meta", "reply", "self-promo", "rant", "critique", "tutorial",
 	// mood
 	"silly", "angry", "curious", "happy", "sad", "introspective",
 	// topic

src/lib/feed.ts

@@ -1,11 +1,11 @@
-import { getCollection, getEntry } from "astro:content";
+import { getCollection } from "astro:content";
 import { Feed } from "feed";
 
 import { compareDesc } from "date-fns"
 import { toZonedTime } from 'date-fns-tz'
 
-import sfjson from '/src/data/sharefeed.json'
+import sfjson from '../data/sharefeed.json'
-import type { ShareFeedEntry } from "/src/lib/utils";
+import type { ShareFeedEntry } from "../lib/utils";
 
 export const baseURL = "localhost:4321"//"https://eleboog.com"
 export const author = {
@@ -14,6 +14,8 @@ export const author = {
     link: baseURL
 };
 
+import { timeZone } from "./utils";
+
 export async function computeFeed() {
     const mainFeed = new Feed({
         title: "eleboog.com feed",
@@ -63,7 +65,7 @@ export function addSharefeedEntriesToFeed(feed: Feed, main?: boolean) {
             author: [{
                 name: entry.author
             }],
-            date: toZonedTime(entry.date)
+            date: toZonedTime(entry.date, timeZone)
         })
     })
 }
@@ -71,11 +73,11 @@ export function addSharefeedEntriesToFeed(feed: Feed, main?: boolean) {
 export async function addPostsToFeed(feed: Feed, main?: boolean) {
     const posts = await getCollection('posts')
 
-    posts.sort((a:Post,b:Post) => compareDesc(new Date(a.data.date), new Date(b.data.date)))
+    posts.sort((a, b) => compareDesc(new Date(a.data.date), new Date(b.data.date)))
-        .filter((post:Post) => !post.data.draft)
+        .filter((post) => !post.data.draft)
         .slice(0,20);
 
-    posts.forEach((post: Post) => {
+    posts.forEach((post) => {
         const url: string = `${baseURL}/posts/${post.id}`
         let title: string = '';
         if (main) {
@@ -90,7 +92,7 @@ export async function addPostsToFeed(feed: Feed, main?: boolean) {
             description: post.data.summary ?? "Whoops, I didn't write a summary for this. Yell at me that I need to do so.",
             content: post.data.summary ?? "Whoops, I didn't write a summary for this. Yell at me that I need to do so.",
             author: [author],
-            date: toZonedTime(post.data.date),
+            date: toZonedTime(post.data.date, timeZone),
         });
     })
 }

src/lib/utils.ts

@@ -8,4 +8,6 @@ export type ShareFeedEntry = {
   title: string,
   note: string,
   draft?: boolean
-}
+}
+
+export const timeZone = "America/Chicago";

src/pages/blog.astro

@@ -1,15 +1,14 @@
 ---
 
-import { compareDesc, format, parseISO } from 'date-fns'
+import { compareDesc, format } from 'date-fns'
-import { fromZonedTime, toZonedTime } from 'date-fns-tz'
+import { toZonedTime } from 'date-fns-tz'
+import { timeZone } from "../lib/utils";
 
 import BaseLayout from '../layouts/BaseLayout.astro';
-import cri from "./chills_going_waaaaah.png"
-import { Picture } from 'astro:assets';
 
 import HR from "../components/HR.astro"
 
-import { getCollection, getEntry } from 'astro:content';
+import { getCollection } from 'astro:content';
 
 const posts = await getCollection('posts');
 const archives = await getCollection('archives');
@@ -22,13 +21,13 @@ const archives = await getCollection('archives');
   
   <h2 class="text-2xl font-serif text-crusta-600 dark:text-night-200 my-2">current content</h2>
   <ul class="space-y-2">
-    {posts.sort((a, b) => compareDesc(new Date(a.data.date), new Date(b.data.date))).map((post, idx, array) => {
+    {posts.sort((a, b) => compareDesc(new Date(a.data.date), new Date(b.data.date))).map((post) => {
-      if (post.data.archive) return;
+      if (post.data.draft) return;
-      console.log(toZonedTime(post.data.date));
+      console.log(toZonedTime(post.data.date, timeZone));
       return (
-        <li key={idx}>
+        <li>
           <a href={'/posts/' + post.slug} class="font-serif text-lg text-crusta-400 dark:text-night-300 hover:underline">{post.data.title}</a>
-          &emsp;<span class="font-mono text-md">{format(toZonedTime(post.data.date), 'LLL d, yyyy')}</span>
+          &emsp;<span class="font-mono text-md">{format(toZonedTime(post.data.date, timeZone), 'LLL d, yyyy')}</span>
           <p>{post.data.summary}</p>
         </li>
       );
@@ -42,13 +41,13 @@ const archives = await getCollection('archives');
   Please check the date of publication before making any comments.</p>
 
   <ul class="space-y-2">
-    {archives.sort((a, b) => compareDesc(new Date(a.data.date), new Date(b.data.date))).map((post, idx, array) => {
+    {archives.sort((a, b) => compareDesc(new Date(a.data.date), new Date(b.data.date))).map((post) => {
-      if (post.data.archive) return;
+      if (post.data.draft) return;
-      console.log(toZonedTime(post.data.date));
+      console.log(toZonedTime(post.data.date, timeZone));
       return (
-        <li key={idx}>
+        <li>
           <a href={'/posts/' + post.slug} class="font-serif text-lg text-crusta-400 dark:text-night-300 hover:underline">{post.data.title}</a>
-          &emsp;<span class="font-mono text-md">{format(toZonedTime(post.data.date), 'LLL d, yyyy')}</span>
+          &emsp;<span class="font-mono text-md">{format(toZonedTime(post.data.date, timeZone), 'LLL d, yyyy')}</span>
           <p>{post.data.summary}</p>
         </li>
       );

src/pages/feeds/feed.json.ts

@@ -1,7 +1,7 @@
-import { computeFeed } from "/src/lib/feed.ts";
+import { computeFeed } from "../../lib/feed.ts";
 import type { APIContext } from 'astro';
 
-export async function GET({request, url, cookies}: APIContext): Promise<Response> {
+export async function GET(context: APIContext): Promise<Response> {
   const feed = await computeFeed();
 
   return new Response(feed.json1())

src/pages/feeds/feed.xml.ts

@@ -1,7 +1,6 @@
-import { computeFeed, injectXSL } from "/src/lib/feed.ts";
+import { computeFeed, injectXSL } from "../../lib/feed.ts";
-import type { APIContext } from 'astro';
 
-export async function GET({request, url, cookies}: APIContext): Promise<Response> {
+export async function GET(): Promise<Response> {
   const feed = await computeFeed();
 
   return new Response(injectXSL(feed.atom1(), "/feed.xsl"))

src/pages/index.astro

@@ -1,7 +1,7 @@
 ---
 
-import { compareDesc, format, parseISO } from 'date-fns'
+import { compareDesc, format } from 'date-fns'
-import { fromZonedTime, toZonedTime } from 'date-fns-tz'
+import { toZonedTime } from 'date-fns-tz'
 
 import BaseLayout from '../layouts/BaseLayout.astro';
 import cri from "./chills_going_waaaaah.png"
@@ -9,10 +9,12 @@ import { Picture } from 'astro:assets';
 
 import MDXCallout from "../components/mdx/MDXCallout.astro"
 
-import { getCollection, getEntry } from 'astro:content';
+import { getCollection } from 'astro:content';
 
 const posts = await getCollection('posts')
 
+import { timeZone } from "../lib/utils";
+
 ---
 
 <BaseLayout title="home">
@@ -44,13 +46,13 @@ const posts = await getCollection('posts')
       
       <h2 class="font-serif text-2xl mb-2">recent posts</h2>
       <ul class="space-y-2">
-        {posts.sort((a, b) => compareDesc(new Date(a.data.date), new Date(b.data.date))).map((post, idx, array) => {
+        {posts.sort((a, b) => compareDesc(new Date(a.data.date), new Date(b.data.date))).map((post, idx) => {
           if (idx >= 3 || post.data.draft) return;
-          console.log(toZonedTime(post.data.date));
+          console.log(toZonedTime(post.data.date, timeZone));
           return (
-            <li key={idx}>
+            <li >
               <a href={'/posts/' + post.slug} class="font-serif text-lg text-crusta-400 dark:text-night-300 hover:underline">{post.data.title}</a>
-              &emsp;<span class="font-mono text-md">{format(toZonedTime(post.data.date), 'LLL d, yyyy')}</span>
+              &emsp;<span class="font-mono text-md">{format(toZonedTime(post.data.date, timeZone), 'LLL d, yyyy')}</span>
               <p>{post.data.summary}</p>
             </li>
           );

src/pages/newest/index.ts

@@ -1,7 +1,6 @@
-import { compareDesc, format, parseISO } from 'date-fns'
+import { compareDesc } from 'date-fns'
-import { fromZonedTime, toZonedTime } from 'date-fns-tz'
 
-import { getCollection, getEntry } from 'astro:content';
+import { getCollection } from 'astro:content';
 
 import type { APIRoute } from 'astro';
 

src/pages/posts/[...slug].astro

@@ -2,7 +2,6 @@
 export const prerender = true;
 
 import {getCollection} from 'astro:content'
-import PostLayout from '../../layouts/PostLayout.astro'
 
 export async function getStaticPaths() {
 	const posts = await getCollection('posts');

src/pages/sharefeed.astro

@@ -1,6 +1,6 @@
 ---
 
-import { compareDesc, format, parseISO } from 'date-fns'
+import { compareDesc, format } from 'date-fns'
 import { toZonedTime } from 'date-fns-tz'
 
 import BaseLayout from '../layouts/BaseLayout.astro';
@@ -8,13 +8,11 @@ import BaseLayout from '../layouts/BaseLayout.astro';
 import HR from "../components/HR.astro";
 import MDXCallout from '../components/mdx/MDXCallout.astro';
 
-import { getCollection, getEntry } from 'astro:content';
-
 import sfjson from "../data/sharefeed.json";
 import type { ShareFeedEntry } from "../lib/utils";
 
 const entries = sfjson.sharefeed
-    .sort((a:ShareFeedEntry,b:ShareFeedEntry) => compareDesc(new Date(a.posted), new Date(b.posted)))
+    .sort((a:ShareFeedEntry,b:ShareFeedEntry) => compareDesc(new Date(a.date), new Date(b.date)))
     .filter((entry: ShareFeedEntry) => !(entry.draft))
 
 ---
@@ -28,10 +26,9 @@ const entries = sfjson.sharefeed
 
 	<HR/>
 
-  	<ul classs="space-y-2">
+  	<ul class="space-y-2">
-    	{entries.map((entry: ShareFeedEntry, idx: number, array: ShareFeedEntry[]) => (
+    	{entries.map((entry: ShareFeedEntry) => (
-    		<>
+    		<li class="mb-2">
-    		<li key={idx} class="mb-2">
                 <a href={entry.url} class="font-serif text-lg text-crusta-400 dark:text-night-300 hover:underline">
                     {entry.author ? `${entry.author}: ` : ''}
                     {entry.title}
@@ -43,8 +40,6 @@ const entries = sfjson.sharefeed
                 </p>
                 <p>{entry.note}</p>
             </li>
-            {((idx + 1) % 10 == 0) ? (<HR/>) : ''}
-            </>
       	))}
   </ul>
 </BaseLayout>