Skip to content

Adoption Page Ideas #250

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 6 commits into from
Nov 18, 2025
Merged

Adoption Page Ideas #250

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
865bcc6
feat: add badge for foundation members
reez Nov 17, 2025
5770be6
refactor: sort adoption page members at top
reez Nov 17, 2025
c9d0446
refactor: center badge
reez Nov 17, 2025
12343bd
refactor: badge padding
reez Nov 17, 2025
a66ffb6
adoption: make badges clickable
reez Nov 18, 2025
3d13a06
adoption: badge hover state dark mode
reez Nov 18, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
29 changes: 29 additions & 0 deletions docs/.vuepress/public/css/variables.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -87,3 +87,32 @@ iframe.playground {
word-wrap: break-word;
overflow-wrap: anywhere;
}

.tagline h3 {
display: inline-flex;
align-items: center;
}

.foundation-member-badge {
display: inline-flex;
margin-left: 0.5rem;
padding: 0.2rem 1rem;
font-size: 0.7rem;
font-weight: 600;
letter-spacing: 0.05em;
text-transform: uppercase;
border-radius: 999px;
background-color: var(--docs-primary-dark);
color: var(--docs-dark);
vertical-align: middle;
line-height: 1;
text-decoration: none;
}

.foundation-member-badge:visited,
.foundation-member-badge:hover,
.foundation-member-badge:focus,
.foundation-member-badge:active {
color: var(--docs-dark);
text-decoration: none;
}
62 changes: 32 additions & 30 deletions docs/adoption/all.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,38 @@ lastUpdated: false

Explore the ecosystem of projects that are built with the BDK family of libraries.

<!-- AnchorWatch -->
<div class="project">
<div class="project-logo">
<a href="https://www.anchorwatch.com/" target="_blank">
<img src="/img/case-studies-logos/anchorwatch-130.png" />
</a>
</div>
<div class="tagline">
<h3>
<a href="https://www.anchorwatch.com/" target="_blank">AnchorWatch</a>
<a class="foundation-member-badge" href="/foundation/members">Foundation Member</a>
</h3>
<p>Protect your bitcoin with regulated insurance and enterprise-grade multi-institutional custody.</p>
</div>
</div>

<!-- Proton Wallet -->
<div class="project">
<div class="project-logo">
<a href="https://proton.me/wallet" target="_blank">
<img src="/img/case-studies-logos/protonwallet-logo-transparent-130.png" />
</a>
</div>
<div class="tagline">
<h3>
<a href="https://proton.me/wallet" target="_blank">Proton Wallet</a>
<a class="foundation-member-badge" href="/foundation/members">Foundation Member</a>
</h3>
<p>A self-custodial Bitcoin wallet from the makers of Proton Mail.</p>
</div>
</div>

<!-- 10101 -->
<div class="project">
<div class="project-logo">
Expand Down Expand Up @@ -41,21 +73,6 @@ Explore the ecosystem of projects that are built with the BDK family of librarie
</div>
</div>

<!-- AnchorWatch -->
<div class="project">
<div class="project-logo">
<a href="https://www.anchorwatch.com/" target="_blank">
<img src="/img/case-studies-logos/anchorwatch-130.png" />
</a>
</div>
<div class="tagline">
<h3>
<a href="https://www.anchorwatch.com/" target="_blank">AnchorWatch</a>
</h3>
<p>Protect your bitcoin with regulated insurance and enterprise-grade multi-institutional custody.</p>
</div>
</div>

<!-- Bark -->
<div class="project">
<div class="project-logo">
Expand Down Expand Up @@ -392,21 +409,6 @@ Explore the ecosystem of projects that are built with the BDK family of librarie
</div>
</div>

<!-- Proton Wallet -->
<div class="project">
<div class="project-logo">
<a href="https://proton.me/wallet" target="_blank">
<img src="/img/case-studies-logos/protonwallet-logo-transparent-130.png" />
</a>
</div>
<div class="tagline">
<h3>
<a href="https://proton.me/wallet" target="_blank">Proton Wallet</a>
</h3>
<p>A self-custodial Bitcoin wallet from the makers of Proton Mail.</p>
</div>
</div>

<!-- Satoshi -->
<div class="project">
<div class="project-logo">
Expand Down
1 change: 1 addition & 0 deletions docs/adoption/desktop.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,7 @@ lastUpdated: false
<div class="tagline">
<h3>
<a href="https://www.anchorwatch.com/" target="_blank">AnchorWatch</a>
<a class="foundation-member-badge" href="/foundation/members">Foundation Member</a>
</h3>
<p>Protect your bitcoin with regulated insurance and enterprise-grade multi-institutional custody.</p>
</div>
Expand Down
31 changes: 16 additions & 15 deletions docs/adoption/mobile.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,22 @@ lastUpdated: false

# Mobile

<!-- Proton Wallet -->
<div class="project">
<div class="project-logo">
<a href="https://proton.me/wallet" target="_blank">
<img src="/img/case-studies-logos/protonwallet-logo-transparent-130.png" />
</a>
</div>
<div class="tagline">
<h3>
<a href="https://proton.me/wallet" target="_blank">Proton Wallet</a>
<a class="foundation-member-badge" href="/foundation/members">Foundation Member</a>
</h3>
<p>A self-custodial Bitcoin wallet from the makers of Proton Mail.</p>
</div>
</div>

<!-- 10101 -->
<div class="project">
<div class="project-logo">
Expand Down Expand Up @@ -254,21 +270,6 @@ lastUpdated: false
</div>
</div>

<!-- Proton Wallet -->
<div class="project">
<div class="project-logo">
<a href="https://proton.me/wallet" target="_blank">
<img src="/img/case-studies-logos/protonwallet-logo-transparent-130.png" />
</a>
</div>
<div class="tagline">
<h3>
<a href="https://proton.me/wallet" target="_blank">Proton Wallet</a>
</h3>
<p>A self-custodial Bitcoin wallet from the makers of Proton Mail.</p>
</div>
</div>

<!-- Satoshi -->
<div class="project">
<div class="project-logo">
Expand Down
31 changes: 16 additions & 15 deletions docs/adoption/web.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,22 @@ lastUpdated: false

# Web

<!-- Proton Wallet -->
<div class="project">
<div class="project-logo">
<a href="https://proton.me/wallet" target="_blank">
<img src="/img/case-studies-logos/protonwallet-logo-transparent-130.png" />
</a>
</div>
<div class="tagline">
<h3>
<a href="https://proton.me/wallet" target="_blank">Proton Wallet</a>
<a class="foundation-member-badge" href="/foundation/members">Foundation Member</a>
</h3>
<p>A self-custodial Bitcoin wallet from the makers of Proton Mail.</p>
</div>
</div>

<!-- Alby -->
<div class="project">
<div class="project-logo">
Expand Down Expand Up @@ -68,21 +84,6 @@ lastUpdated: false
</div>
</div>

<!-- Proton Wallet -->
<div class="project">
<div class="project-logo">
<a href="https://proton.me/wallet" target="_blank">
<img src="/img/case-studies-logos/protonwallet-logo-transparent-130.png" />
</a>
</div>
<div class="tagline">
<h3>
<a href="https://proton.me/wallet" target="_blank">Proton Wallet</a>
</h3>
<p>A self-custodial Bitcoin wallet from the makers of Proton Mail.</p>
</div>
</div>

<style>
.project {
display: flex;
Expand Down
Loading