JohnCosta27/JohnTech
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

very simple blog page

Browse Source
This commit is contained in:
John Costa
2022-08-20 16:21:12 +01:00
parent 217c4f6f81
commit 400cb3203f
2 changed files with 11 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/pages/blog.astro
View File

@ -6,14 +6,15 @@ console.log(posts[0].url);
<head>
<title>Blog</title>
</head>
<body class="w-full flex justify-center">
<div class="w-1/2 flex flex-col">
{posts.map((post) => {
console.log(post.frontmatter);
return (
<h1>{post.frontmatter.title}</h1>
<a href={post.url}>Read</a>
)})}
<body class="w-full flex justify-center bg-polar-night-400 p-8">
<div class="w-full max-w-xl flex flex-col gap-4">
{posts.map((post) => (
<a href={post.url} class="flex flex-col border-frost-400 border-2 text-snow-storm-100 p-4 rounded-lg">
<h1 class="text-2xl">{post.frontmatter.title}</h1>
<p class="text-sm">{post.frontmatter.description}</p>
<p class="text-sm">{post.frontmatter.date}</p>
</a>
))}
</div>
</body>
</html>

2
src/pages/posts/hello-world.md
View File

@ -1,6 +1,8 @@
---
layout: '../../layouts/lay.astro'
title: 'Hello World'
description: 'This is a hello world post'
date: '20/08/2022'
---
# Hello World