diff --git a/src/lib/components/Article.svelte b/src/lib/components/Article.svelte new file mode 100644 index 0000000000..cbe2052411 --- /dev/null +++ b/src/lib/components/Article.svelte @@ -0,0 +1,34 @@ + + +
  • + +
    + {title} +
    +
    +

    + {title} +

    +
    +
    + {author} +
    +

    {author}

    +
      +
    • {date.toLocaleDateString()}
      • +
    • {timeToRead} min
      • +
    +
    +
    +
    +
    +     +
    • diff --git a/src/lib/components/index.ts b/src/lib/components/index.ts index e49546e66a..6d13e00cee 100644 --- a/src/lib/components/index.ts +++ b/src/lib/components/index.ts @@ -5,3 +5,4 @@ export { default as MobileNav } from './MobileNav.svelte'; export { default as Phone } from './Phone.svelte'; export { default as Newsletter } from './Newsletter.svelte'; export { default as Tooltip } from './Tooltip.svelte'; +export { default as Article } from './Article.svelte'; diff --git a/src/markdoc/layouts/Author.svelte b/src/markdoc/layouts/Author.svelte index 9427c9de8e..026f74dbab 100644 --- a/src/markdoc/layouts/Author.svelte +++ b/src/markdoc/layouts/Author.svelte @@ -12,7 +12,7 @@ @@ -233,36 +233,17 @@ {@const author = data.authors.find( (author) => author.name.toLowerCase() === post.author.toLowerCase() )} -
  • - -
    - -
    -
    -

    - {post.title} -

    -
    -
    - -
    -

    {author?.name}

    -
      -
    • {post.date.toLocaleDateString()}
      • -
    • {post.timeToRead} min
      • -
    -
    -
    -
    -
    -     -
    • + {#if author} +
    + {/if} {/each}