graham/ghall.space
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

prettier config

Browse Source
This commit is contained in:
Graham Hall
2022-12-09 09:24:59 -05:00
parent a1f8b3e91e
commit 28be6d311b
9 changed files with 111 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/about.md
+1 -1
View File
@@ -1,6 +1,6 @@
---
layout: ../layouts/Layout.astro
title: 'About'
title: "About"
---
## Hello World!
src/pages/index.astro
+29 -17
View File
@@ -1,26 +1,38 @@
---
import { format } from 'date-fns';
import { Markup } from 'astro-remote';
import { format } from "date-fns";
import { Markup } from "astro-remote";
import Layout from '../layouts/Layout.astro';
import Layout from "../layouts/Layout.astro";
const response = await fetch(`https://api.cosmicjs.com/v2/buckets/${import.meta.env.BUCKET_SLUG}/objects?pretty=true&query=%7B%22type%22%3A%22blog-posts%22%7D&read_key=${import.meta.env.BUCKET_READ_KEY}&limit=10`)
const response = await fetch(
`https://api.cosmicjs.com/v2/buckets/${
import.meta.env.BUCKET_SLUG
}/objects?pretty=true&query=%7B%22type%22%3A%22blog-posts%22%7D&read_key=${
import.meta.env.BUCKET_READ_KEY
}&limit=10`
);
const posts = await response.json();
---
<Layout title="Blog">
<div>
{posts.objects.map(post => (
<article>
<div style={{display: 'flex', justifyContent: 'space-between'}}>
<h4>{post.title}</h4>
<h5>{`🗓️ ${format(new Date(post.published_at), 'MMM do, y')}`}</h5>
</div>
<Markup content={`<p>${post.content.split('</p>')[0]}`} />
<a href={`/posts/${post.slug}`}>Read More</a>
</article>
))}
</div>
<div>
{
posts.objects.map((post) => (
<article>
<div>
<div style={{ display: "flex", justifyContent: "space-between" }}>
<h4>{post.title}</h4>
<h5>{`🗓️ ${format(
new Date(post.published_at),
"MMM do, y"
)}`}</h5>
</div>
<Markup content={`<p>${post.content.split("</p>")[0]}`} />
<a href={`/posts/${post.slug}`}>Read More</a>
</div>
</article>
))
}
</div>
</Layout>
src/pages/posts/[slug].astro
+19 -13
View File
@@ -1,23 +1,29 @@
---
import { format } from 'date-fns';
import { Markup } from 'astro-remote';
import { format } from "date-fns";
import { Markup } from "astro-remote";
import Layout from '../../layouts/Layout.astro';
import Layout from "../../layouts/Layout.astro";
const { slug } = Astro.params;
const response = await fetch(`https://api.cosmicjs.com/v2/buckets/${import.meta.env.BUCKET_SLUG}/objects?pretty=true&query=%7B%22type%22%3A%22blog-posts%22%7D&read_key=${import.meta.env.BUCKET_READ_KEY}&limit=20&slug=${slug}`)
const response = await fetch(
`https://api.cosmicjs.com/v2/buckets/${
import.meta.env.BUCKET_SLUG
}/objects?pretty=true&query=%7B%22type%22%3A%22blog-posts%22%7D&read_key=${
import.meta.env.BUCKET_READ_KEY
}&limit=20&slug=${slug}`
);
const posts = await response.json();
const post = posts.objects[0];
---
<Layout title={post.title}>
<article>
<div style={{display: 'flex', justifyContent: 'space-between'}}>
<h4>{post.title}</h4>
<h5>{`🗓️ ${format(new Date(post.published_at), 'MMM do, y')}`}</h5>
</div>
<Markup content={post.content} />
</article>
</Layout>
<article>
<div style={{ display: "flex", justifyContent: "space-between" }}>
<h4>{post.title}</h4>
<h5>{`🗓️ ${format(new Date(post.published_at), "MMM do, y")}`}</h5>
</div>
<Markup content={post.content} />
</article>
</Layout>