Skip to content

Commit 7ef45a4

Browse files
reezreez
authored
adoption: sort and badge members
* feat: add badge for foundation members * refactor: sort adoption page members at top * refactor: center badge * refactor: badge padding * adoption: make badges clickable * adoption: badge hover state dark mode
1 parent a0f7368 commit 7ef45a4

File tree

5 files changed

+94
-60
lines changed

5 files changed

+94
-60
lines changed

‎docs/.vuepress/public/css/variables.css‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -87,3 +87,32 @@ iframe.playground {
8787
word-wrap: break-word;
8888
overflow-wrap: anywhere;
8989
}
90+
91+
.tagline h3 {
92+
display: inline-flex;
93+
align-items: center;
94+
}
95+
96+
.foundation-member-badge {
97+
display: inline-flex;
98+
margin-left: 0.5rem;
99+
padding: 0.2rem 1rem;
100+
font-size: 0.7rem;
101+
font-weight: 600;
102+
letter-spacing: 0.05em;
103+
text-transform: uppercase;
104+
border-radius: 999px;
105+
background-color: var(--docs-primary-dark);
106+
color: var(--docs-dark);
107+
vertical-align: middle;
108+
line-height: 1;
109+
text-decoration: none;
110+
}
111+
112+
.foundation-member-badge:visited,
113+
.foundation-member-badge:hover,
114+
.foundation-member-badge:focus,
115+
.foundation-member-badge:active {
116+
color: var(--docs-dark);
117+
text-decoration: none;
118+
}

‎docs/adoption/all.md‎

Lines changed: 32 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,38 @@ lastUpdated: false
1111

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

14+
<!-- AnchorWatch -->
15+
<div class="project">
16+
<div class="project-logo">
17+
<a href="https://www.anchorwatch.com/" target="_blank">
18+
<img src="/img/case-studies-logos/anchorwatch-130.png" />
19+
</a>
20+
</div>
21+
<div class="tagline">
22+
<h3>
23+
<a href="https://www.anchorwatch.com/" target="_blank">AnchorWatch</a>
24+
<a class="foundation-member-badge" href="/foundation/members">Foundation Member</a>
25+
</h3>
26+
<p>Protect your bitcoin with regulated insurance and enterprise-grade multi-institutional custody.</p>
27+
</div>
28+
</div>
29+
30+
<!-- Proton Wallet -->
31+
<div class="project">
32+
<div class="project-logo">
33+
<a href="https://proton.me/wallet" target="_blank">
34+
<img src="/img/case-studies-logos/protonwallet-logo-transparent-130.png" />
35+
</a>
36+
</div>
37+
<div class="tagline">
38+
<h3>
39+
<a href="https://proton.me/wallet" target="_blank">Proton Wallet</a>
40+
<a class="foundation-member-badge" href="/foundation/members">Foundation Member</a>
41+
</h3>
42+
<p>A self-custodial Bitcoin wallet from the makers of Proton Mail.</p>
43+
</div>
44+
</div>
45+
1446
<!-- 10101 -->
1547
<div class="project">
1648
<div class="project-logo">
@@ -41,21 +73,6 @@ Explore the ecosystem of projects that are built with the BDK family of librarie
4173
</div>
4274
</div>
4375

44-
<!-- AnchorWatch -->
45-
<div class="project">
46-
<div class="project-logo">
47-
<a href="https://www.anchorwatch.com/" target="_blank">
48-
<img src="/img/case-studies-logos/anchorwatch-130.png" />
49-
</a>
50-
</div>
51-
<div class="tagline">
52-
<h3>
53-
<a href="https://www.anchorwatch.com/" target="_blank">AnchorWatch</a>
54-
</h3>
55-
<p>Protect your bitcoin with regulated insurance and enterprise-grade multi-institutional custody.</p>
56-
</div>
57-
</div>
58-
5976
<!-- Bark -->
6077
<div class="project">
6178
<div class="project-logo">
@@ -392,21 +409,6 @@ Explore the ecosystem of projects that are built with the BDK family of librarie
392409
</div>
393410
</div>
394411

395-
<!-- Proton Wallet -->
396-
<div class="project">
397-
<div class="project-logo">
398-
<a href="https://proton.me/wallet" target="_blank">
399-
<img src="/img/case-studies-logos/protonwallet-logo-transparent-130.png" />
400-
</a>
401-
</div>
402-
<div class="tagline">
403-
<h3>
404-
<a href="https://proton.me/wallet" target="_blank">Proton Wallet</a>
405-
</h3>
406-
<p>A self-custodial Bitcoin wallet from the makers of Proton Mail.</p>
407-
</div>
408-
</div>
409-
410412
<!-- Satoshi -->
411413
<div class="project">
412414
<div class="project-logo">

‎docs/adoption/desktop.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,7 @@ lastUpdated: false
1818
<div class="tagline">
1919
<h3>
2020
<a href="https://www.anchorwatch.com/" target="_blank">AnchorWatch</a>
21+
<a class="foundation-member-badge" href="/foundation/members">Foundation Member</a>
2122
</h3>
2223
<p>Protect your bitcoin with regulated insurance and enterprise-grade multi-institutional custody.</p>
2324
</div>

‎docs/adoption/mobile.md‎

Lines changed: 16 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,22 @@ lastUpdated: false
88

99
# Mobile
1010

11+
<!-- Proton Wallet -->
12+
<div class="project">
13+
<div class="project-logo">
14+
<a href="https://proton.me/wallet" target="_blank">
15+
<img src="/img/case-studies-logos/protonwallet-logo-transparent-130.png" />
16+
</a>
17+
</div>
18+
<div class="tagline">
19+
<h3>
20+
<a href="https://proton.me/wallet" target="_blank">Proton Wallet</a>
21+
<a class="foundation-member-badge" href="/foundation/members">Foundation Member</a>
22+
</h3>
23+
<p>A self-custodial Bitcoin wallet from the makers of Proton Mail.</p>
24+
</div>
25+
</div>
26+
1127
<!-- 10101 -->
1228
<div class="project">
1329
<div class="project-logo">
@@ -254,21 +270,6 @@ lastUpdated: false
254270
</div>
255271
</div>
256272

257-
<!-- Proton Wallet -->
258-
<div class="project">
259-
<div class="project-logo">
260-
<a href="https://proton.me/wallet" target="_blank">
261-
<img src="/img/case-studies-logos/protonwallet-logo-transparent-130.png" />
262-
</a>
263-
</div>
264-
<div class="tagline">
265-
<h3>
266-
<a href="https://proton.me/wallet" target="_blank">Proton Wallet</a>
267-
</h3>
268-
<p>A self-custodial Bitcoin wallet from the makers of Proton Mail.</p>
269-
</div>
270-
</div>
271-
272273
<!-- Satoshi -->
273274
<div class="project">
274275
<div class="project-logo">

‎docs/adoption/web.md‎

Lines changed: 16 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,22 @@ lastUpdated: false
88

99
# Web
1010

11+
<!-- Proton Wallet -->
12+
<div class="project">
13+
<div class="project-logo">
14+
<a href="https://proton.me/wallet" target="_blank">
15+
<img src="/img/case-studies-logos/protonwallet-logo-transparent-130.png" />
16+
</a>
17+
</div>
18+
<div class="tagline">
19+
<h3>
20+
<a href="https://proton.me/wallet" target="_blank">Proton Wallet</a>
21+
<a class="foundation-member-badge" href="/foundation/members">Foundation Member</a>
22+
</h3>
23+
<p>A self-custodial Bitcoin wallet from the makers of Proton Mail.</p>
24+
</div>
25+
</div>
26+
1127
<!-- Alby -->
1228
<div class="project">
1329
<div class="project-logo">
@@ -68,21 +84,6 @@ lastUpdated: false
6884
</div>
6985
</div>
7086

71-
<!-- Proton Wallet -->
72-
<div class="project">
73-
<div class="project-logo">
74-
<a href="https://proton.me/wallet" target="_blank">
75-
<img src="/img/case-studies-logos/protonwallet-logo-transparent-130.png" />
76-
</a>
77-
</div>
78-
<div class="tagline">
79-
<h3>
80-
<a href="https://proton.me/wallet" target="_blank">Proton Wallet</a>
81-
</h3>
82-
<p>A self-custodial Bitcoin wallet from the makers of Proton Mail.</p>
83-
</div>
84-
</div>
85-
8687
<style>
8788
.project {
8889
display: flex;

0 commit comments

Comments
 (0)