diff options
| author |  Nate Moore <natemoo-re@users.noreply.github.com>
| 2021-04-26 16:54:20 -0500 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2021-04-26 15:54:20 -0600 |
| commit | dea1a6dfc9dec54034d2b872b4cd36c0174814c6 (patch) | |
| tree | 49569a511201b4defc23b6654b475e458452596a /examples/blog/src/pages/index.astro | |
| parent | 0ea4a986e207238bf0ac1db841b2a5d5b567d84d (diff) | |
| download | astro-dea1a6dfc9dec54034d2b872b4cd36c0174814c6.tar.gz astro-dea1a6dfc9dec54034d2b872b4cd36c0174814c6.tar.zst astro-dea1a6dfc9dec54034d2b872b4cd36c0174814c6.zip | |
Update defaults directory structure to `src` and `dist` (#132)
* chore: update defaults in docs
* chore: update config defaults
* test: update tests to config defaults
* chore: update gitignore to new defaults
* docs: update readme to new defaults
* chore: update examples to new defaults
* chore: update default exclude in lang server
* chore: update tests
* test: fix failing tests
* chore: update www defaults
Diffstat (limited to 'examples/blog/src/pages/index.astro')
| -rw-r--r-- | examples/blog/src/pages/index.astro | 39 |
1 files changed, 39 insertions, 0 deletions
diff --git a/examples/blog/src/pages/index.astro b/examples/blog/src/pages/index.astro new file mode 100644 index 000000000..2af3a1a03 --- /dev/null +++ b/examples/blog/src/pages/index.astro @@ -0,0 +1,39 @@ +--- +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 = 'Muppet Blog: Home'; +let description = 'An example blog on Astro'; + +// collection +// note: we want to show first 3 posts here, but we don’t want to paginate at /1, /2, /3, etc. +// so we show a preview of posts here, but actually paginate from $posts.astro +import authorData from '../data/authors.json'; + +let allPosts = Astro.fetchContent('./post/*.md'); +allPosts.sort((a, b) => new Date(b.date) - new Date(a.date)); +let firstThree = allPosts.slice(0, 3); +--- + +<html> + <head> + <title>{title}</title> + <MainHead title={title} description={description} /> + </head> + + <body> + <Nav /> + + <main class="wrapper"> + <h1>Recent posts</h1> + {firstThree.map((post) => <PostPreview post={post} author={authorData[post.author]} />)} + </main> + + <footer> + <Pagination nextUrl="/posts/2" /> + </footer> + </body> +</html> |