feat(site): show project growth charts

This commit is contained in:
Hakan Seven committed 2026-09-02 23:44:53 +03:00
1 parent ffc9a6cc33
commit d2338fa10f
2 files changed
+56

No files matched your search

+44
View File
@@ -270,6 +270,50 @@
</div>
</section>
<section class="section growth-section" id="growth">
<div class="shell">
<div class="section-heading">
<p class="eyebrow"><span></span> Project growth</p>
<h2>Built openly. Growing in public.</h2>
<p>Stars and release downloads are refreshed whenever a new version is published.</p>
</div>
<div class="growth-grid">
<figure class="growth-card">
<a href="https://github.com/HakanSeven12/OpenCADStudio/stargazers">
<img
src="/star-history-dark.svg"
width="960"
height="410"
alt="Open CAD Studio star history"
loading="lazy"
/>
</a>
<figcaption>
<span>Stars</span>
<a href="https://github.com/HakanSeven12/OpenCADStudio/stargazers">View stargazers ↗</a>
</figcaption>
</figure>
<figure class="growth-card">
<a href="https://github.com/HakanSeven12/OpenCADStudio/releases">
<img
src="/download-history-dark.svg"
width="960"
height="410"
alt="Open CAD Studio release download history"
loading="lazy"
/>
</a>
<figcaption>
<span>Release downloads</span>
<a href="https://github.com/HakanSeven12/OpenCADStudio/releases">View releases ↗</a>
</figcaption>
</figure>
</div>
</div>
</section>
<section class="section shell faq-section">
<div class="section-heading compact">
<p class="eyebrow"><span></span> Common questions</p>
+12
View File
@@ -153,6 +153,16 @@ h2 { margin-bottom: 20px; font-size: clamp(38px, 4.4vw, 60px); line-height: 1.04
.format-list strong { color: var(--ink); font: 700 13px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .05em; }
.format-list span { color: var(--muted); font-size: 14px; }
.growth-section { border-bottom: 1px solid var(--line); background: #0e151d; }
.growth-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.growth-card { width: 100%; margin: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); }
.growth-card > a { display: block; }
.growth-card img { width: 100%; height: auto; }
.growth-card figcaption { display: flex; justify-content: space-between; gap: 20px; padding: 15px 18px; border-top: 1px solid var(--line); color: var(--muted); font-size: 13px; }
.growth-card figcaption span { color: var(--ink); font-weight: 680; }
.growth-card figcaption a { color: var(--cyan); font-weight: 680; }
.growth-card figcaption a:hover { color: #91daff; }
.faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.faq-grid details { border: 1px solid var(--line); border-radius: 7px; background: rgba(17,25,35,.72); }
.faq-grid summary { padding: 21px 24px; cursor: pointer; font-size: 14px; font-weight: 680; }
@@ -192,11 +202,13 @@ h2 { margin-bottom: 20px; font-size: clamp(38px, 4.4vw, 60px); line-height: 1.04
.signal-grid div { padding: 19px 16px; border-bottom: 1px solid var(--line); }
.section { padding-block: 82px; }
.capability-grid, .edition-grid, .faq-grid { grid-template-columns: 1fr; }
.growth-grid { grid-template-columns: 1fr; }
.capability-wide { grid-column: auto; display: block; min-height: 540px; }
.drafting-mark { position: absolute; right: -30px; bottom: -55px; width: 290px; opacity: .75; }
.capability-card, .edition-card { padding: 28px; }
.format-list div { grid-template-columns: 110px 1fr; gap: 14px; }
.model-frame figcaption { flex-direction: column; gap: 6px; }
.growth-card figcaption { flex-direction: column; gap: 6px; }
.community-cta { width: var(--shell); margin-bottom: 82px; padding: 34px 24px; }
.cta-links .button { width: 100%; }
.footer-grid nav { flex-wrap: wrap; }