marcoallegretti/likwid
1
0
Fork 0
mirror of https://codeberg.org/likwid/likwid.git synced 2026-02-10 05:23:09 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

ui: make landing cards clickable

Browse source
This commit is contained in:
Marco Allegretti 2026-02-02 11:40:28 +01:00
parent 3aba16a8e8
commit 6881c12c16
1 changed files with 510 additions and 494 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
frontend/src/pages/index.astro
View file

@ -28,7 +28,7 @@ import PublicLayout from '../layouts/PublicLayout.astro';
<div class="section-container"> <div class="section-container">
<h2>What is Likwid?</h2> <h2>What is Likwid?</h2>
<div class="what-grid"> <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"> <div class="what-icon">
<svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <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"/> <path d="M12 2L2 7l10 5 10-5-10-5z"/>
@ -38,8 +38,8 @@ import PublicLayout from '../layouts/PublicLayout.astro';
</div> </div>
<h3>Modular Architecture</h3> <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> <p>Every component is a plugin. Voting methods, delegation systems, integrations, and workflows can be added, removed, or customized per community.</p>
</div> </a>
<div class="what-card ui-card ui-card-pad-lg ui-card-interactive"> <a href="/about" class="what-card what-card-link ui-card ui-card-pad-lg ui-card-interactive">
<div class="what-icon"> <div class="what-icon">
<svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<circle cx="12" cy="12" r="10"/> <circle cx="12" cy="12" r="10"/>
@ -48,8 +48,8 @@ import PublicLayout from '../layouts/PublicLayout.astro';
</div> </div>
<h3>Process-Oriented</h3> <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> <p>Governance is a process, not a feature. Likwid structures deliberation, voting, and implementation as distinct phases with clear transitions.</p>
</div> </a>
<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"> <div class="what-icon">
<svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <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"/> <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> </div>
<h3>Auditable by Design</h3> <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> <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>
</div> </div>
</section> </section>
@ -293,6 +293,22 @@ import PublicLayout from '../layouts/PublicLayout.astro';
justify-content: center; justify-content: center;
margin-bottom: 1.25rem; margin-bottom: 1.25rem;
color: var(--color-primary); 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 { .what-card h3 {