summaryrefslogtreecommitdiff
path: root/examples/blog/src/pages/$posts.astro
diff options
context:
space:
mode:
Diffstat (limited to 'examples/blog/src/pages/$posts.astro')
-rw-r--r--examples/blog/src/pages/$posts.astro83
1 files changed, 0 insertions, 83 deletions
diff --git a/examples/blog/src/pages/$posts.astro b/examples/blog/src/pages/$posts.astro
deleted file mode 100644
index 0975e8007..000000000
--- a/examples/blog/src/pages/$posts.astro
+++ /dev/null
@@ -1,83 +0,0 @@
----
-import MainHead from '../components/MainHead.astro';
-import Nav from '../components/Nav.astro';
-import PostPreview from '../components/PostPreview.astro';
-import Pagination from '../components/Pagination.astro';
-
-// page
-let title = 'Don’s Blog';
-let description = 'An example blog on Astro';
-let canonicalURL = Astro.request.canonicalURL;
-
-// collection
-import authorData from '../data/authors.json';
-let { collection } = Astro.props;
-export async function createCollection() {
- return {
- /** Load posts, sort newest -> oldest */
- async data() {
- let allPosts = Astro.fetchContent('./post/*.md');
- allPosts.sort((a, b) => new Date(b.date) - new Date(a.date));
- return allPosts;
- },
- /** Set page size */
- pageSize: 2,
- /** Generate RSS feed (only for main /posts/ feed) */
- rss: {
- title: 'Don’s Blog',
- description: 'An example blog on Astro',
- customData: `<language>en-us</language>`,
- item: (item) => ({
- title: item.title,
- description: item.description,
- link: item.url,
- pubDate: item.date,
- }),
- }
- };
-}
----
-
-<html>
- <head>
- <title>{title}</title>
- <MainHead
- title={title}
- description={description}
- image={collection.data[0].image}
- canonicalURL={canonicalURL}
- prev={collection.url.prev}
- next={collection.url.next}
- />
-
- <style lang="scss">
- .title {
- font-size: 3em;
- letter-spacing: -0.04em;
- margin-top: 2rem;
- margin-bottom: 0;
- text-align: center;
- }
-
- .count {
- font-size: 1em;
- display: block;
- text-align: center;
- }
- </style>
- </head>
-
- <body>
- <Nav title={title} />
-
- <main class="wrapper">
- <h2 class="title">All Posts</h2>
- <small class="count">{collection.start + 1}–{collection.end + 1} of {collection.total}</small>
- {collection.data.map((post) => <PostPreview post={post} author={authorData[post.author]} />)}
- </main>
-
- <footer>
- <Pagination prevUrl={collection.url.prev} nextUrl={collection.url.next} />
- </footer>
- </body>
-</html>