avraham/blog-astro
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: avraham/blog-astro:102d4716e091a1cfee2bfbdeb0e44270d0e5e4bb
Branches Tags
avraham/blog-astro:master avraham/blog-astro:main avraham/blog-astro:replace-fulldev-ui
..
compare: avraham/blog-astro:replace-fulldev-ui
Branches Tags
avraham/blog-astro:main avraham/blog-astro:replace-fulldev-ui avraham/blog-astro:master

4 Commits
102d4716e0 .. replace-fulldev-ui

Author SHA1 Message Date
Avraham Sakal 5e13636094 re-implement fulldev Section and Card 2025-01-14 22:02:30 -05:00
Avraham Sakal 9eb7dda047 remove unnecessary import 2025-01-14 22:02:13 -05:00
Avraham Sakal b2d21088cb adjust Layout spacings 2025-01-14 21:33:33 -05:00
Avraham Sakal 15601e7bd4 replace homepage Hero 2025-01-14 21:32:54 -05:00
3 changed files with 31 additions and 9 deletions
Expand all files Collapse all files
src/layouts/Layout.astro
+2 -2
View File
@@ -22,8 +22,8 @@ const { title } = Astro.props;
<meta name="generator" content={Astro.generator} /> <meta name="generator" content={Astro.generator} />
<title>{title}</title> <title>{title}</title>
</head> </head>
<body class="text-brand-1"> <body class="text-brand-1 p-0 m-0">
<LeftRightSplit class="px-8"> <LeftRightSplit class="px-8 bg-brand-12 border-b-groove border-width-1 border-brand-10 mb-4">
<Heading slot="left"><a href="/" class="text-brand-3 decoration-none">The Clog</a></Heading> <Heading slot="left"><a href="/" class="text-brand-3 decoration-none">The Clog</a></Heading>
<Row slot="right" > <Row slot="right" >
<NavLink href="/journal">Journal</NavLink> <NavLink href="/journal">Journal</NavLink>
src/pages/index.astro
+18 -3
View File
@@ -1,11 +1,26 @@
--- ---
import Layout from '../layouts/Layout.astro'; import Layout from '../layouts/Layout.astro';
import Hero from 'fulldev-ui/blocks/Hero.astro'; import LeftRightSplit from '../structure/LeftRightSplit.astro';
import NavLink from '../widgets/NavLink.astro';
--- ---
<Layout title="The Clog"> <Layout title="The Clog">
<main> <main>
<Hero <LeftRightSplit class="px-4 align-center">
<div slot="left" class="text-center w-full my-auto">
<p>The Coding Blog</p>
<h1 class="text-4xl font-bold text-brand-3">Welcome to The Clog</h1>
<p>A practical coding blog in the form of journal entries and articles.</p>
<div>
<NavLink href="/journal">Journal</NavLink>
<NavLink href="/articles">Articles</NavLink>
</div>
</div>
<div slot="right" class="h-auto max-h-dvh max-w-full w-full my-auto">
<img src="/hero.png" class="object-contain" />
</div>
</LeftRightSplit>
<!-- <Hero
badge="The Coding Blog" badge="The Coding Blog"
heading="Welcome to The Clog" heading="Welcome to The Clog"
text="A practical coding blog in the form of journal entries and articles." text="A practical coding blog in the form of journal entries and articles."
@@ -16,6 +31,6 @@ import Hero from 'fulldev-ui/blocks/Hero.astro';
structure="split" structure="split"
image="/hero.png" image="/hero.png"
class:list={["p-space-6"]} class:list={["p-space-6"]}
/> /> -->
</main> </main>
</Layout> </Layout>
src/pages/journal/index.astro
+11 -4
View File
@@ -1,8 +1,6 @@
--- ---
import { getCollection } from 'astro:content'; import { getCollection } from 'astro:content';
import Layout from '../../layouts/Layout.astro'; import Layout from '../../layouts/Layout.astro';
import Section from 'fulldev-ui/components/Section.astro';
import Text from 'fulldev-ui/components/Text.astro';
const journalEntries = await getCollection('journal-entries'); const journalEntries = await getCollection('journal-entries');
@@ -11,7 +9,16 @@ export const prerender = true;
--- ---
<Layout title="Journal Entries"> <Layout title="Journal Entries">
<main> <main>
<Section <div class="flex gap-4 flex-wrap">
{journalEntries.map((journalEntry)=>(
<div class="w-64 border-solid border-brand-3 border-width-1 rounded-2 px-2 py-1 bg-brand-12 opacity-80">
<p>{journalEntry.data.date.toISOString().substring(0,10)} <span class="border-solid border-brand-3 border-width-1 rounded-100 px-2 py-1">{journalEntry.data.category}</span></p>
<h3><a class="text-brand-3 decoration-none" href={`/journal/${journalEntry.slug}`}>{journalEntry.data.title}</a></h3>
<p>{journalEntry.data.description}</p>
</div>
))}
</div>
<!-- <Section
title="Journal Entries" title="Journal Entries"
cards={journalEntries.map((journalEntry)=>({ cards={journalEntries.map((journalEntry)=>({
frame:"panel", frame:"panel",
@@ -30,6 +37,6 @@ export const prerender = true;
structure="grid" structure="grid"
size="md" size="md"
> >
</Section> </Section> -->
</main> </main>
</Layout> </Layout>