diff options
Diffstat (limited to 'src/pages')
| -rw-r--r-- | src/pages/blog/index.astro | 17 | ||||
| -rw-r--r-- | src/pages/downloads/osft-software-archive.astro | 6 |
2 files changed, 21 insertions, 2 deletions
diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro index 94687fa..1614f2f 100644 --- a/src/pages/blog/index.astro +++ b/src/pages/blog/index.astro @@ -7,9 +7,10 @@ const allBlogPosts = (await getCollection('blog')).sort((a, b) => b.data.date.va --- <Page title="Blog" description="Where I post can be anything!"> <main> + <!-- Add tags selection below --> {allBlogPosts.map((post) => ( <article> - <h2><a href={`/blog/${post.slug}`}>{post.data.title}</a></h2> + <h1><a href={`/blog/${post.slug}`}>{post.data.title}</a></h1> <small>{formatDate(post.data.date)}</small> <p>{post.data.description}</p> <a href={`/blog/${post.slug}`}>Read more</a> @@ -20,7 +21,7 @@ const allBlogPosts = (await getCollection('blog')).sort((a, b) => b.data.date.va </main> </Page> <style> - h2 { + h1 { margin-top: 2px; margin-bottom: 2px; } @@ -32,4 +33,16 @@ const allBlogPosts = (await getCollection('blog')).sort((a, b) => b.data.date.va gap: 0.5em; margin: 0.5em; } + + main { + display: grid; + grid-template-columns: repeat(2, 1fr); + } + + /* Mobile view */ + @media (max-width: 992px) { + main { + grid-template-columns: 1fr; + } + } </style> diff --git a/src/pages/downloads/osft-software-archive.astro b/src/pages/downloads/osft-software-archive.astro new file mode 100644 index 0000000..1c86e63 --- /dev/null +++ b/src/pages/downloads/osft-software-archive.astro @@ -0,0 +1,6 @@ +--- +import Page from "../../layouts/Page.astro"; +--- +<Page> + +</Page> |