mikeconrad/blog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Improve blog design

Browse Source
This commit is contained in:
prototypa
2023-01-08 19:39:31 -05:00
parent b21275bc9e
commit 842b17f493
7 changed files with 23 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/pages/[...blog]/[...page].astro
View File

@ -3,7 +3,7 @@ import { SITE, BLOG } from '~/config.mjs';
import Layout from '~/layouts/PageLayout.astro';
import BlogList from '~/components/blog/List.astro';
import Title from '~/components/blog/Title.astro';
import Headline from '~/components/blog/Headline.astro';
import Pagination from '~/components/common/Pagination.astro';
import { fetchPosts } from '~/utils/blog';
@ -29,8 +29,10 @@ const meta = {
---
<Layout {meta}>
<section class="px-6 sm:px-6 py-12 sm:py-16 lg:py-20 mx-auto max-w-3xl">
<Title>News and tutorials about AstroWind</Title>
<section class="px-6 sm:px-6 py-12 sm:py-16 lg:py-20 mx-auto max-w-4xl">
<Headline subtitle="A statically generated blog example with news, tutorials, resources and other interesting content related to AstroWind">
Blog
</Headline>
<BlogList posts={page.data} />
<Pagination prevUrl={page.url.prev} nextUrl={page.url.next} />
</section>

4
src/pages/[...blog]/[category]/[...page].astro
View File

@ -3,7 +3,7 @@ import { SITE, BLOG } from '~/config.mjs';
import Layout from '~/layouts/PageLayout.astro';
import BlogList from '~/components/blog/List.astro';
import Title from '~/components/blog/Title.astro';
import Headline from '~/components/blog/Headline.astro';
import Pagination from '~/components/common/Pagination.astro';
import { fetchPosts } from '~/utils/blog';
@ -42,7 +42,7 @@ const meta = {
<Layout meta={meta}>
<section class="px-6 sm:px-6 py-12 sm:py-16 lg:py-20 mx-auto max-w-3xl">
<Title>Category {category}</Title>
<Headline>Category {category}</Headline>
<BlogList posts={page.data} />
<Pagination prevUrl={page.url.prev} nextUrl={page.url.next} />
</section>

4
src/pages/[...blog]/[tag]/[...page].astro
View File

@ -7,7 +7,7 @@ import Pagination from '~/components/common/Pagination.astro';
import { fetchPosts } from '~/utils/blog';
import { TAG_BASE } from '~/utils/permalinks';
import Title from '~/components/blog/Title.astro';
import Headline from '~/components/blog/Headline.astro';
export async function getStaticPaths({ paginate }) {
if (BLOG?.disabled || BLOG?.tag?.disabled) return [];
@ -42,7 +42,7 @@ const meta = {
<Layout meta={meta}>
<section class="px-6 sm:px-6 py-12 sm:py-16 lg:py-20 mx-auto max-w-3xl">
<Title>Tag: {tag}</Title>
<Headline>Tag: {tag}</Headline>
<BlogList posts={page.data} />
<Pagination prevUrl={page.url.prev} nextUrl={page.url.next} />
</section>