Skip to content

Commit a0b1e25

Browse files
cristinalarecristinalare
committed
add book and update blurb links
1 parent 66c886d commit a0b1e25

File tree

3 files changed

+71
-20
lines changed

3 files changed

+71
-20
lines changed

‎index.html‎

Lines changed: 63 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -135,11 +135,62 @@ <h2 class="font-volkhov text-xl lg:text-3xl text-yellow text-center mb-2 xl:mb-4
135135
<div class="flex xl:gap-10 gap-4 items-center flex-col">
136136
<div class="max-w-[700px]">
137137
<h2 class="font-volkhov text-xl lg:text-3xl text-yellow text-center mb-8">Learn > Books</h2>
138-
<p class="text-center mb-2"><span class="font-bold">Ethereum Localism</span> is a celebration of the web3
139-
movement exploring how we can fund what matters locally.</p>
140-
<p class="text-center mb-2"><span class="font-bold">Grassroots Economics: Reflection & Practice</span> is an
141-
exploration of capital allocation in Kenya, and how that could be
142-
translated to DAOs.</p>
138+
<p class="text-center"><span class="font-bold">Pathways to regeneration</span> is an essential bridge between
139+
historical wisdom and the
140+
transformative potential of modern economic technologies.</p>
141+
</div>
142+
143+
144+
<div class="flex gap-6 xl:gap-[5%] justify-center relative">
145+
<!-- pathways-to-regeneration book -->
146+
<div class="flex flex-col items-center">
147+
<img src="./src/images/pathways-to-regeneration-cover.png" width="200" height="300"
148+
class="mb-4 w-auto max-h-[230px] 2xl:w-[200px] 2xl:h-[300px] 2xl:max-h-none"
149+
alt="pathways to regeneration book cover" />
150+
<div>
151+
<div class="flex gap-4 justify-center items-start xl:flex-row flex-col mb-3">
152+
<div
153+
class="border border-green rounded-[20px] hover:border-[var(--mid-green)] hover:translate-x-[2px] hover:translate-y-[2px] transition-all duration-300 dropdown-btn divide-y divide-green flex flex-col">
154+
<button class="secondary !border-none flex gap-4 justify-between items-center">
155+
<span class="dropdown-btn-selected" data-link="./pdf/pathways-to-regeneration.pdf">
156+
Ebook
157+
</span>
158+
<span>
159+
<svg width="14" height="9" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg">
160+
<path d="M1 1L5.4 6.86667C6.2 7.93333 7.8 7.93333 8.6 6.86667L10 5L13 1" stroke="currentColor"
161+
stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
162+
</svg>
163+
</span>
164+
</button>
165+
<div
166+
class="divide-y border border-[var(--mid-green)] rounded-[20px] backdrop-blur-md divide-green fixed top-full left-0 right-0 bg-black bg-opacity-50 flex-col dropdown-btn-content hidden h-0 opacity-0 transition-all duration-300"
167+
data-height="40">
168+
<a class="link !font-bold dropdown-btn-option"
169+
data-link="https://www.blurb.com/bookstore/invited/10642188/2862ac3ac246b6507e8eaad94ef704970cd01125">
170+
Softcover
171+
</a>
172+
</div>
173+
</div>
174+
175+
<a class="dropdown-btn-shop" href="./pdf/pathways-to-regeneration.pdf" target="_blank">
176+
<button class="primary">Get it (free)</button>
177+
</a>
178+
</div>
179+
180+
</div>
181+
</div>
182+
</div>
183+
184+
185+
<!-- -->
186+
<div class="flex xl:gap-10 gap-4 items-center flex-col xl:pt-16 pt-6">
187+
<div style="max-width: 700px;">
188+
<p class="text-center mb-2"><span class="font-bold">Ethereum Localism</span> is a celebration of the web3
189+
movement exploring how we can fund what matters locally.</p>
190+
<p class="text-center mb-2"><span class="font-bold">Grassroots Economics: Reflection & Practice</span> is an
191+
exploration of capital allocation in Kenya, and how that could be
192+
translated to DAOs.</p>
193+
</div>
143194
</div>
144195

145196
<div class="flex gap-6 xl:gap-[5%] justify-center relative">
@@ -205,7 +256,7 @@ <h2 class="font-volkhov text-xl lg:text-3xl text-yellow text-center mb-8">Learn
205256
class="divide-y border border-[var(--mid-green)] rounded-[20px] backdrop-blur-md divide-green fixed top-full left-0 right-0 bg-black bg-opacity-50 flex-col dropdown-btn-content hidden h-0 opacity-0 transition-all duration-300"
206257
data-height="40">
207258
<a class="link !font-bold dropdown-btn-option"
208-
data-link="https://www.blurb.com/b/12316593-grassroots-economics">
259+
data-link="https://www.blurb.com/b/12458854-grassroots-economics">
209260
Softcover
210261
</a>
211262
</div>
@@ -227,7 +278,7 @@ <h2 class="font-volkhov text-xl lg:text-3xl text-yellow text-center mb-8">Learn
227278
future possibilities.</p>
228279
</div>
229280
</div>
230-
281+
231282

232283
<div class="flex gap-6 xl:gap-[5%] justify-center relative">
233284
<!-- Onchain Capital Allocation v1-->
@@ -254,7 +305,7 @@ <h2 class="font-volkhov text-xl lg:text-3xl text-yellow text-center mb-8">Learn
254305
class="divide-y border border-[var(--mid-green)] rounded-[20px] backdrop-blur-md divide-green fixed top-full left-0 right-0 bg-black bg-opacity-50 flex-col dropdown-btn-content hidden h-0 opacity-0 transition-all duration-300"
255306
data-height="40">
256307
<a class="link !font-bold dropdown-btn-option"
257-
data-link="https://www.blurb.com/b/12052748-onchain-capital-allocation-handbook">
308+
data-link="https://www.blurb.com/b/12458858-onchain-capital-allocation-handbook-volume-1">
258309
Softcover
259310
</a>
260311
</div>
@@ -291,7 +342,7 @@ <h2 class="font-volkhov text-xl lg:text-3xl text-yellow text-center mb-8">Learn
291342
class="divide-y border border-[var(--mid-green)] rounded-[20px] backdrop-blur-md divide-green fixed top-full left-0 right-0 bg-black bg-opacity-50 flex-col dropdown-btn-content hidden h-0 opacity-0 transition-all duration-300"
292343
data-height="40">
293344
<a class="link !font-bold dropdown-btn-option"
294-
data-link="https://www.blurb.com/b/12162768-onchain-capital-allocation-handbook-explorers-edi">
345+
data-link="https://www.blurb.com/b/12458862-onchain-capital-allocation-handbook-volume-2-expl">
295346
Softcover
296347
</a>
297348
</div>
@@ -606,7 +657,7 @@ <h2 class="font-volkhov text-xl lg:text-3xl text-yellow text-center mb-8">Learn
606657
class="divide-y border border-[var(--mid-green)] rounded-[20px] backdrop-blur-md divide-green fixed top-full left-0 right-0 bg-black bg-opacity-50 flex-col dropdown-btn-content hidden h-0 opacity-0 transition-all duration-300"
607658
data-height="80">
608659
<a class="link !font-bold dropdown-btn-option"
609-
data-link="https://www.blurb.com/b/11907108-exploring-mycofi-mycelial-design-patterns-for-web">
660+
data-link="https://www.blurb.com/b/12458839-exploring-mycofi">
610661
Softcover
611662
</a>
612663
<a class="link !font-bold dropdown-btn-option" data-link="https://mycofi.art/">
@@ -1564,7 +1615,7 @@ <h5 class="font-bold text-yellow my-3 text-center">Translations</h5>
15641615
const greenpillModal = document.querySelector("#greenpill-modal .modal");
15651616
const mycofiModal = document.querySelector("#mycofi-modal .modal");
15661617
const impactDAOsModal = document.querySelector("#impact-daos-modal .modal");
1567-
1618+
15681619
const greenpillOverlay = document.querySelector("#greenpill-modal.overlay");
15691620
const mycofiOverlay = document.querySelector("#mycofi-modal.overlay");
15701621
const impactDAOsOverlay = document.querySelector("#impact-daos-modal.overlay");
@@ -1597,4 +1648,4 @@ <h5 class="font-bold text-yellow my-3 text-center">Translations</h5>
15971648
</script>
15981649
</body>
15991650

1600-
</html>
1651+
</html>

‎src/images/pathways-to-regeneration-cover.png‎

129 KB
Loading

‎styles.css‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -2616,6 +2616,14 @@ video {
26162616
width: 200px;
26172617
}
26182618

2619+
.\32xl\:w-\[203px\] {
2620+
width: 203px;
2621+
}
2622+
2623+
.\32xl\:w-\[204px\] {
2624+
width: 204px;
2625+
}
2626+
26192627
.\32xl\:w-\[244px\] {
26202628
width: 244px;
26212629
}
@@ -2631,12 +2639,4 @@ video {
26312639
.\32xl\:w-\[434px\] {
26322640
width: 434px;
26332641
}
2634-
2635-
.\32xl\:w-\[204px\] {
2636-
width: 204px;
2637-
}
2638-
2639-
.\32xl\:w-\[203px\] {
2640-
width: 203px;
2641-
}
26422642
}

0 commit comments

Comments
 (0)