add quotes-page

Signed-off-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
This commit is contained in:
Sindre Kjelsrud 2024-05-10 09:32:13 +02:00
parent 48d56196bf
commit be3aae48c9
Signed by untrusted user who does not match committer: sidski
GPG key ID: D2BBDF3EDE6BA9A6
4 changed files with 107 additions and 0 deletions

View file

@ -14,6 +14,8 @@ layout: "../layouts/Layout.astro"
[⏳ **now**](/now) · what i'm doing right now
[💬 **quotes**](/quotes) · my favorite quotes
[✨ **uses**](/uses) · what i use on a daily basis
[📀 **vinyl collection**](/vinyl) · all my vinyls

22
src/pages/quotes.astro Normal file
View file

@ -0,0 +1,22 @@
---
import SectionContainer from '../components/SectionContainer.astro';
import quotes from '../data/quotes.json'
const today = new Date();
---
<SectionContainer>
<main class="flex flex-col gap-4 mt-4">
<h1 class="text-3xl font-extrabold">💬 quotes</h1>
<section>
<ul>
{
quotes.map(quote => (
<li class="flex flex-col mb-10 break-words">
<p class="italic">{quote.quote}</p>
<p class="author">- {quote.author}</p>
</li>
))
}
</ul>
</section>
</main>
</SectionContainer>