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:b2d21088cb91a80686e938e937be871beab35c56
Branches Tags
avraham/blog-astro:main avraham/blog-astro:replace-fulldev-ui avraham/blog-astro:master

2 Commits
102d4716e0 ... b2d21088cb

Author SHA1 Message Date
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
2 changed files with 20 additions and 4 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 -2
View File
@@ -1,11 +1,27 @@
--- ---
import Layout from '../layouts/Layout.astro'; import Layout from '../layouts/Layout.astro';
import Hero from 'fulldev-ui/blocks/Hero.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 +32,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>