forked from 1b-agent/opencadstudio-upstream
feat(site): show project growth charts
This commit is contained in:
1 parent
ffc9a6cc33
commit
d2338fa10f
2 files changed
+56
No files matched your search
+44
@@ -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>
|
||||
|
||||
@@ -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; }
|
||||
|
||||
Reference in new issue
Block a user