a2nr
/
velxio
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: add open-source library showcase to Velxio 2.0 landing page and mark subprojects as dirty

pull/59/head
David Montero Crespo 2026-03-23 18:56:00 -03:00
parent 5fdeb7fc64
commit 3e77c1a546
2 changed files with 124 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
frontend/src/pages/Velxio2Page.css
View File

@ -233,6 +233,64 @@
background: #484848;
}
/* ── Repository cards ────────────────────────────────── */
.v2-repos {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 10px;
}
.v2-repo-card {
display: flex;
align-items: flex-start;
gap: 12px;
background: #121214;
border: 1px solid #1c1c1e;
border-radius: 10px;
padding: 1rem 1.15rem;
text-decoration: none;
transition: border-color 0.2s, transform 0.15s;
}
.v2-repo-card:hover {
border-color: #333;
transform: translateY(-1px);
}
.v2-repo-card > svg {
flex-shrink: 0;
margin-top: 2px;
color: #8b949e;
fill: #8b949e;
}
.v2-repo-card h3 {
font-size: 0.85rem;
font-weight: 600;
color: #e6edf3;
margin: 0 0 3px;
}
.v2-repo-card p {
font-size: 0.78rem;
color: #8b949e;
margin: 0;
line-height: 1.5;
}
.v2-repo-card--primary {
border-color: rgba(0, 122, 204, 0.3);
background: rgba(0, 122, 204, 0.06);
}
.v2-repo-card--primary:hover {
border-color: #007acc;
}
.v2-repo-card--primary h3 {
color: #007acc;
}
/* ── Bottom community ────────────────────────────────── */
.v2-bottom-community {
display: flex;

66
frontend/src/pages/Velxio2Page.tsx
View File

@ -479,6 +479,72 @@ export const Velxio2Page: React.FC = () => {
</div>
</section>
{/* ── Open-source libraries ── */}
<section className="seo-section">
<h2>Built on open-source</h2>
<p className="lead">
Velxio is powered by these open-source projects. Without them, none of this would be possible.
</p>
<div className="v2-repos">
<a href="https://github.com/wokwi/avr8js" target="_blank" rel="noopener noreferrer" className="v2-repo-card">
<IcoGitHub />
<div>
<h3>avr8js</h3>
<p>AVR8 CPU emulator in JavaScript — powers Arduino Uno, Nano, Mega simulation</p>
</div>
</a>
<a href="https://github.com/wokwi/rp2040js" target="_blank" rel="noopener noreferrer" className="v2-repo-card">
<IcoGitHub />
<div>
<h3>rp2040js</h3>
<p>RP2040 emulator — powers Raspberry Pi Pico and Pico W simulation</p>
</div>
</a>
<a href="https://github.com/wokwi/wokwi-elements" target="_blank" rel="noopener noreferrer" className="v2-repo-card">
<IcoGitHub />
<div>
<h3>wokwi-elements</h3>
<p>Web Components for electronic parts — LEDs, buttons, sensors, displays, and more</p>
</div>
</a>
<a href="https://github.com/wokwi/wokwi-boards" target="_blank" rel="noopener noreferrer" className="v2-repo-card">
<IcoGitHub />
<div>
<h3>wokwi-boards</h3>
<p>SVG board definitions for Arduino, ESP32, Raspberry Pi Pico, and other boards</p>
</div>
</a>
<a href="https://github.com/lcgamboa/qemu" target="_blank" rel="noopener noreferrer" className="v2-repo-card">
<IcoGitHub />
<div>
<h3>QEMU (lcgamboa fork)</h3>
<p>QEMU fork with ESP32 Xtensa LX6/LX7 emulation support</p>
</div>
</a>
<a href="https://github.com/espressif/qemu" target="_blank" rel="noopener noreferrer" className="v2-repo-card">
<IcoGitHub />
<div>
<h3>QEMU (Espressif)</h3>
<p>Official Espressif QEMU fork for ESP32 development and testing</p>
</div>
</a>
<a href="https://github.com/wokwi/wokwi-features" target="_blank" rel="noopener noreferrer" className="v2-repo-card">
<IcoGitHub />
<div>
<h3>wokwi-features</h3>
<p>Feature tracking and component specifications for the Wokwi ecosystem</p>
</div>
</a>
<a href={GITHUB_URL} target="_blank" rel="noopener noreferrer" className="v2-repo-card v2-repo-card--primary">
<IcoGitHub />
<div>
<h3>Velxio</h3>
<p>This project — free, open-source multi-board embedded simulator</p>
</div>
</a>
</div>
</section>
{/* ── Bottom CTA ── */}
<div className="seo-bottom">
<h2>Try Velxio 2.0 now</h2>