diff options
| author |  Fred K. Schott <fkschott@gmail.com>
| 2022-08-13 00:09:40 -0700 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2022-08-13 00:09:40 -0700 |
| commit | d54588c7a4adfa05969713111d36673f3a9b988e (patch) | |
| tree | 3f41bf5171a9121517ced0f0e49160b3d86e932e /examples/blog/src/components/BlogPostPreview.astro | |
| parent | d4b06f9d8e5d62893743b191c6bd108fc33b7805 (diff) | |
| download | astro-d54588c7a4adfa05969713111d36673f3a9b988e.tar.gz astro-d54588c7a4adfa05969713111d36673f3a9b988e.tar.zst astro-d54588c7a4adfa05969713111d36673f3a9b988e.zip | |
Update: blog template (#4283)
* add new blog template
* update placeholder images
* use svg favicon
* Update examples/blog/src/pages/blog/using-mdx.mdx
Co-authored-by: Sarah Rainsberger <sarah@rainsberger.ca>
* fred pass
* more fred pass
Co-authored-by: Nate Moore <nate@astro.build>
Co-authored-by: Sarah Rainsberger <sarah@rainsberger.ca>
Diffstat (limited to 'examples/blog/src/components/BlogPostPreview.astro')
| -rw-r--r-- | examples/blog/src/components/BlogPostPreview.astro | 43 |
1 files changed, 0 insertions, 43 deletions
diff --git a/examples/blog/src/components/BlogPostPreview.astro b/examples/blog/src/components/BlogPostPreview.astro deleted file mode 100644 index 865eeeb7f..000000000 --- a/examples/blog/src/components/BlogPostPreview.astro +++ /dev/null @@ -1,43 +0,0 @@ ---- -export interface Props { - title: string; - description: string; - publishDate: string; - url: string; -} - -const { title, description, publishDate, url } = Astro.props as Props; ---- - -<article class="post-preview"> - <header> - <time>{publishDate}</time> - <a href={url}><h1 class="title">{title}</h1></a> - </header> - <p>{description}</p> - <a href={url}>Read more</a> -</article> - -<style> - .post-preview { - padding-bottom: 2rem; - margin-bottom: 2rem; - border-bottom: 4px solid var(--theme-divider); - } - - .title, - time { - margin: 0; - } - - time { - font-size: 1.25rem; - color: var(--theme-text-lighter); - } - - .title { - font-size: 2.25rem; - font-weight: 700; - color: var(--theme-text); - } -</style> |