feat: make OSS tool cards clickable links to repos/websites
Each card in "Built on the best of open source" now links to the project's GitHub repo or official website: FolkJS → folk.computer, Automerge → automerge.org, WebAuthn → webauthn.io, Discourse/Typst/Immich/PeerTube/Plausible/ Safe/Docker/Hono → GitHub repos, Leaflet → leafletjs.com, Matrix → matrix.org Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
parent
676c118e98
commit
df2de33a10
62
index.html
62
index.html
|
|
@ -601,10 +601,16 @@
|
|||
border: 1px solid rgba(255,255,255,0.06);
|
||||
border-radius: 12px;
|
||||
padding: 1.25rem;
|
||||
transition: border-color 0.2s;
|
||||
transition: border-color 0.2s, transform 0.15s;
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.oss-card:hover { border-color: rgba(255,255,255,0.12); }
|
||||
.oss-card:hover {
|
||||
border-color: rgba(255,255,255,0.2);
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
.oss-card h4 {
|
||||
font-size: 0.95rem;
|
||||
|
|
@ -1700,110 +1706,110 @@
|
|||
</p>
|
||||
|
||||
<div class="oss-grid">
|
||||
<div class="oss-card">
|
||||
<a class="oss-card" href="https://folk.computer" target="_blank" rel="noopener noreferrer">
|
||||
<div class="oss-card-header">
|
||||
<div class="oss-logo"><img src="https://folk.computer/_media/logo.png" alt="FolkJS"></div>
|
||||
<h4>FolkJS</h4>
|
||||
</div>
|
||||
<p>Spatial canvas engine powering rSpace. Web components positioned, connected, and composed on an infinite 2D surface.</p>
|
||||
<span class="oss-tag">Canvas</span>
|
||||
</div>
|
||||
<div class="oss-card">
|
||||
</a>
|
||||
<a class="oss-card" href="https://automerge.org" target="_blank" rel="noopener noreferrer">
|
||||
<div class="oss-card-header">
|
||||
<div class="oss-logo"><img src="https://raw.githubusercontent.com/automerge/automerge/main/img/brandmark.svg" alt="Automerge"></div>
|
||||
<h4>Automerge</h4>
|
||||
</div>
|
||||
<p>Local-first CRDTs for real-time sync. Peer-to-peer, offline-capable, Byzantine fault tolerant. The data layer for every rApp.</p>
|
||||
<span class="oss-tag">Sync Layer</span>
|
||||
</div>
|
||||
<div class="oss-card">
|
||||
</a>
|
||||
<a class="oss-card" href="https://webauthn.io" target="_blank" rel="noopener noreferrer">
|
||||
<div class="oss-card-header">
|
||||
<div class="oss-logo"><img src="https://cdn.simpleicons.org/webauthn/ffffff" alt="WebAuthn"></div>
|
||||
<h4>WebAuthn</h4>
|
||||
</div>
|
||||
<p>W3C standard for passwordless authentication. Hardware-backed passkeys via TPM and Secure Enclave.</p>
|
||||
<span class="oss-tag">Identity</span>
|
||||
</div>
|
||||
<div class="oss-card">
|
||||
</a>
|
||||
<a class="oss-card" href="https://github.com/discourse/discourse" target="_blank" rel="noopener noreferrer">
|
||||
<div class="oss-card-header">
|
||||
<div class="oss-logo"><img src="https://cdn.simpleicons.org/discourse/ffffff" alt="Discourse"></div>
|
||||
<h4>Discourse</h4>
|
||||
</div>
|
||||
<p>The leading open-source discussion platform. Trust levels, moderation, and rich threading for rForum.</p>
|
||||
<span class="oss-tag">Community</span>
|
||||
</div>
|
||||
<div class="oss-card">
|
||||
</a>
|
||||
<a class="oss-card" href="https://leafletjs.com" target="_blank" rel="noopener noreferrer">
|
||||
<div class="oss-card-header">
|
||||
<div class="oss-logo"><img src="https://cdn.simpleicons.org/leaflet/ffffff" alt="Leaflet"></div>
|
||||
<h4>Leaflet + OSM</h4>
|
||||
</div>
|
||||
<p>Open-source mapping with OpenStreetMap tiles. Powers rMaps, rCal's spatial view, and rTrips route planning.</p>
|
||||
<span class="oss-tag">Mapping</span>
|
||||
</div>
|
||||
<div class="oss-card">
|
||||
</a>
|
||||
<a class="oss-card" href="https://matrix.org" target="_blank" rel="noopener noreferrer">
|
||||
<div class="oss-card-header">
|
||||
<div class="oss-logo"><img src="https://cdn.simpleicons.org/matrix/ffffff" alt="Matrix"></div>
|
||||
<h4>Matrix Protocol</h4>
|
||||
</div>
|
||||
<p>Decentralized, end-to-end encrypted messaging standard. Interoperable federation for rChats.</p>
|
||||
<span class="oss-tag">Messaging</span>
|
||||
</div>
|
||||
<div class="oss-card">
|
||||
</a>
|
||||
<a class="oss-card" href="https://github.com/typst/typst" target="_blank" rel="noopener noreferrer">
|
||||
<div class="oss-card-header">
|
||||
<div class="oss-logo"><img src="https://cdn.simpleicons.org/typst/ffffff" alt="Typst"></div>
|
||||
<h4>Typst</h4>
|
||||
</div>
|
||||
<p>Modern typesetting system that's fast, ergonomic, and beautiful. Powers rPubs' document pipeline.</p>
|
||||
<span class="oss-tag">Publishing</span>
|
||||
</div>
|
||||
<div class="oss-card">
|
||||
</a>
|
||||
<a class="oss-card" href="https://github.com/immich-app/immich" target="_blank" rel="noopener noreferrer">
|
||||
<div class="oss-card-header">
|
||||
<div class="oss-logo"><img src="https://cdn.simpleicons.org/immich/ffffff" alt="Immich"></div>
|
||||
<h4>Immich</h4>
|
||||
</div>
|
||||
<p>High-performance self-hosted photo management. AI-powered tagging, facial recognition, and mobile backup. Powers rPhotos.</p>
|
||||
<span class="oss-tag">Photos</span>
|
||||
</div>
|
||||
<div class="oss-card">
|
||||
</a>
|
||||
<a class="oss-card" href="https://github.com/Chocobozzz/PeerTube" target="_blank" rel="noopener noreferrer">
|
||||
<div class="oss-card-header">
|
||||
<div class="oss-logo"><img src="https://cdn.simpleicons.org/peertube/ffffff" alt="PeerTube"></div>
|
||||
<h4>PeerTube</h4>
|
||||
</div>
|
||||
<p>Federated video hosting with ActivityPub. No algorithms, no ads, no surveillance. Powers rTube.</p>
|
||||
<span class="oss-tag">Video</span>
|
||||
</div>
|
||||
<div class="oss-card">
|
||||
</a>
|
||||
<a class="oss-card" href="https://github.com/plausible/analytics" target="_blank" rel="noopener noreferrer">
|
||||
<div class="oss-card-header">
|
||||
<div class="oss-logo"><img src="https://cdn.simpleicons.org/plausibleanalytics/ffffff" alt="Plausible"></div>
|
||||
<h4>Plausible</h4>
|
||||
</div>
|
||||
<p>Privacy-friendly analytics. No cookies, GDPR compliant, lightweight. Powers rData.</p>
|
||||
<span class="oss-tag">Analytics</span>
|
||||
</div>
|
||||
<div class="oss-card">
|
||||
</a>
|
||||
<a class="oss-card" href="https://github.com/safe-global/safe-smart-account" target="_blank" rel="noopener noreferrer">
|
||||
<div class="oss-card-header">
|
||||
<div class="oss-logo"><img src="https://safe.global/images/common/safe-white.svg" alt="Safe"></div>
|
||||
<h4>Gnosis Safe</h4>
|
||||
</div>
|
||||
<p>Multi-sig wallet standard. Passkey-derived EOA as signer. Threshold signing for community treasuries across 12+ EVM chains.</p>
|
||||
<span class="oss-tag">Wallet</span>
|
||||
</div>
|
||||
<div class="oss-card">
|
||||
</a>
|
||||
<a class="oss-card" href="https://github.com/moby/moby" target="_blank" rel="noopener noreferrer">
|
||||
<div class="oss-card-header">
|
||||
<div class="oss-logo"><img src="https://cdn.simpleicons.org/docker/ffffff" alt="Docker"></div>
|
||||
<h4>Docker + Traefik</h4>
|
||||
</div>
|
||||
<p>Container orchestration with automatic service discovery and TLS. The deployment backbone of every app.</p>
|
||||
<span class="oss-tag">Infrastructure</span>
|
||||
</div>
|
||||
<div class="oss-card">
|
||||
</a>
|
||||
<a class="oss-card" href="https://github.com/honojs/hono" target="_blank" rel="noopener noreferrer">
|
||||
<div class="oss-card-header">
|
||||
<div class="oss-logo"><img src="https://cdn.simpleicons.org/hono/ffffff" alt="Hono"></div>
|
||||
<h4>Hono + x402</h4>
|
||||
</div>
|
||||
<p>Edge-first web framework with HTTP 402 micropayment middleware. Any route can require payment — settled on EVM L2 rollups.</p>
|
||||
<span class="oss-tag">Framework</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue