diff options
Diffstat (limited to 'examples/blog/src/pages/blog.astro')
-rw-r--r-- | examples/blog/src/pages/blog.astro | 59 |
1 files changed, 0 insertions, 59 deletions
diff --git a/examples/blog/src/pages/blog.astro b/examples/blog/src/pages/blog.astro deleted file mode 100644 index cedf505b0..000000000 --- a/examples/blog/src/pages/blog.astro +++ /dev/null @@ -1,59 +0,0 @@ ---- -import BaseHead from '../components/BaseHead.astro'; -import Header from '../components/Header.astro'; -import Footer from '../components/Footer.astro'; -import { SITE_TITLE, SITE_DESCRIPTION } from '../config'; - -// Use Astro.glob() to fetch all posts, and then sort them by date. -const posts = (await Astro.glob('./blog/*.{md,mdx}')).sort( - (a, b) => new Date(b.frontmatter.pubDate).valueOf() - new Date(a.frontmatter.pubDate).valueOf() -); ---- - -<!DOCTYPE html> -<html lang="en"> - <head> - <BaseHead title={SITE_TITLE} description={SITE_DESCRIPTION} /> - <style> - ul { - list-style-type: none; - padding: unset; - } - ul li { - display: flex; - } - ul li time { - flex: 0 0 130px; - font-style: italic; - color: #595959; - } - ul li a:visited { - color: #8e32dc; - } - </style> - </head> - <body> - <Header /> - <main> - <section> - <ul> - { - posts.map((post) => ( - <li> - <time datetime={post.frontmatter.pubDate}> - {new Date(post.frontmatter.pubDate).toLocaleDateString('en-us', { - year: 'numeric', - month: 'short', - day: 'numeric', - })} - </time> - <a href={post.url}>{post.frontmatter.title}</a> - </li> - )) - } - </ul> - </section> - </main> - <Footer /> - </body> -</html> |