jimeh/commonflow.org
1
0
Fork 0
mirror of https://github.com/jimeh/commonflow.org.git synced 2026-02-19 05:46:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

wip: more tailwind alignment

Browse Source
This commit is contained in:
Jim Myhrberg
2026-01-10 21:10:50 +00:00
parent f5818933c7
commit de472c82a2
12 changed files with 261 additions and 404 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/components/AboutSection.astro
View File

@@ -15,10 +15,7 @@ const { introduction, summary, about, license } = Astro.props;
<!-- Section header -->
<div class="mb-12 text-center">
<h2 class="text-3xl sm:text-4xl mb-4">About Common-Flow</h2>
<p
class="text-lg text-[var(--color-text-secondary)]
dark:text-[var(--color-dark-text-secondary)]"
>
<p class="text-lg text-gray-600 dark:text-gray-400">
A practical git workflow that combines the best of GitHub Flow with
versioned releases
</p>
@@ -33,8 +30,7 @@ const { introduction, summary, about, license } = Astro.props;
<div class="mb-16">
<h3
class="text-xl font-display font-semibold mb-6
text-[var(--color-text-primary)]
dark:text-[var(--color-dark-text-primary)]"
text-gray-950 dark:text-gray-50"
>
Key Principles
</h3>
@@ -42,36 +38,29 @@ const { introduction, summary, about, license } = Astro.props;
</div>
<!-- Author & License -->
<div
class="pt-8 border-t border-[var(--color-border)]
dark:border-[var(--color-dark-border)]"
>
<div class="pt-8 border-t border-gray-200 dark:border-gray-800">
<div class="grid sm:grid-cols-2 gap-8">
<div>
<h4
class="text-sm font-semibold uppercase tracking-wider mb-3
text-[var(--color-text-muted)]
dark:text-[var(--color-dark-text-muted)]"
text-gray-500 dark:text-gray-500"
>
Author
</h4>
<div
class="spec-content text-[var(--color-text-secondary)]
dark:text-[var(--color-dark-text-secondary)]"
class="spec-content text-gray-600 dark:text-gray-400"
set:html={about}
/>
</div>
<div>
<h4
class="text-sm font-semibold uppercase tracking-wider mb-3
text-[var(--color-text-muted)]
dark:text-[var(--color-dark-text-muted)]"
text-gray-500 dark:text-gray-500"
>
License
</h4>
<div
class="spec-content text-[var(--color-text-secondary)]
dark:text-[var(--color-dark-text-secondary)]"
class="spec-content text-gray-600 dark:text-gray-400"
set:html={license}
/>
</div>