mirror of
https://github.com/jimeh/commonflow.org.git
synced 2026-02-19 05:46:40 +00:00
73 lines
2.1 KiB
Plaintext
73 lines
2.1 KiB
Plaintext
---
|
|
import { config } from "../config";
|
|
|
|
interface Props {
|
|
introduction: string;
|
|
summary: string;
|
|
license: string;
|
|
}
|
|
|
|
const { introduction, summary, license } = Astro.props;
|
|
---
|
|
|
|
<section id="about" class="py-20 sm:py-28">
|
|
<div class="section-container">
|
|
<div class="max-w-3xl mx-auto">
|
|
<!-- 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-gray-600 dark:text-slate-400">
|
|
A practical git workflow that combines the best of GitHub Flow with
|
|
versioned releases
|
|
</p>
|
|
</div>
|
|
|
|
<!-- Introduction -->
|
|
<div class="prose-spec mb-12" set:html={introduction} />
|
|
|
|
<!-- Summary as feature cards -->
|
|
<div class="mb-16">
|
|
<h3
|
|
class="text-xl font-display font-semibold mb-6
|
|
text-gray-950 dark:text-slate-50"
|
|
>
|
|
Key Principles
|
|
</h3>
|
|
<div class="prose-spec" set:html={summary} />
|
|
</div>
|
|
|
|
<!-- Feedback & License -->
|
|
<div class="pt-8 border-t border-gray-200 dark:border-slate-800">
|
|
<div class="grid sm:grid-cols-2 gap-8">
|
|
<div>
|
|
<h4
|
|
class="text-sm font-semibold uppercase tracking-wider mb-3
|
|
text-gray-500 dark:text-slate-500"
|
|
>
|
|
Feedback
|
|
</h4>
|
|
<p class="text-gray-600 dark:text-slate-400">
|
|
Please{" "}
|
|
<a
|
|
href={`${config.repoUrl}/issues`}
|
|
class="text-sky-600 hover:text-sky-400"
|
|
target="_blank"
|
|
rel="noopener noreferrer">open an issue on GitHub</a
|
|
>.
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<h4
|
|
class="text-sm font-semibold uppercase tracking-wider mb-3
|
|
text-gray-500 dark:text-slate-500"
|
|
>
|
|
License
|
|
</h4>
|
|
<div class="text-gray-600 dark:text-slate-400" set:html={license} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|