ui: make landing cards clickable

This commit is contained in:
Marco Allegretti 2026-02-02 11:40:28 +01:00
parent 3aba16a8e8
commit 6881c12c16

View file

@ -28,7 +28,7 @@ import PublicLayout from '../layouts/PublicLayout.astro';
<div class="section-container">
<h2>What is Likwid?</h2>
<div class="what-grid">
<div class="what-card ui-card ui-card-pad-lg ui-card-interactive">
<a href="/features" class="what-card what-card-link ui-card ui-card-pad-lg ui-card-interactive">
<div class="what-icon">
<svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M12 2L2 7l10 5 10-5-10-5z"/>
@ -38,8 +38,8 @@ import PublicLayout from '../layouts/PublicLayout.astro';
</div>
<h3>Modular Architecture</h3>
<p>Every component is a plugin. Voting methods, delegation systems, integrations, and workflows can be added, removed, or customized per community.</p>
</div>
<div class="what-card ui-card ui-card-pad-lg ui-card-interactive">
</a>
<a href="/about" class="what-card what-card-link ui-card ui-card-pad-lg ui-card-interactive">
<div class="what-icon">
<svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<circle cx="12" cy="12" r="10"/>
@ -48,8 +48,8 @@ import PublicLayout from '../layouts/PublicLayout.astro';
</div>
<h3>Process-Oriented</h3>
<p>Governance is a process, not a feature. Likwid structures deliberation, voting, and implementation as distinct phases with clear transitions.</p>
</div>
<div class="what-card ui-card ui-card-pad-lg ui-card-interactive">
</a>
<a href="/features" class="what-card what-card-link ui-card ui-card-pad-lg ui-card-interactive">
<div class="what-icon">
<svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
@ -61,7 +61,7 @@ import PublicLayout from '../layouts/PublicLayout.astro';
</div>
<h3>Auditable by Design</h3>
<p>All moderation actions are logged publicly. No shadow banning. No hidden decisions. Every action has a reason, and every reason is visible.</p>
</div>
</a>
</div>
</div>
</section>
@ -293,6 +293,22 @@ import PublicLayout from '../layouts/PublicLayout.astro';
justify-content: center;
margin-bottom: 1.25rem;
color: var(--color-primary);
transition: transform var(--motion-normal) var(--easing-standard);
}
.what-card-link {
display: block;
color: inherit;
}
.what-card-link:hover,
.what-card-link:focus-visible {
color: inherit;
}
.what-card-link:hover .what-icon,
.what-card-link:focus-visible .what-icon {
transform: translateY(-2px);
}
.what-card h3 {