Skip to content

Commit 9ad421b

Browse files
cristinalarecristinalare
authored
Merge pull request cristinalare#17 from cristinalare/feat/add-book
feat: add comic 6 and allo book v2
2 parents 36430f0 + b91e2ef commit 9ad421b

File tree

7 files changed

+78
-30
lines changed

7 files changed

+78
-30
lines changed

‎index.html

Lines changed: 78 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -138,22 +138,20 @@ <h2 class="font-volkhov text-xl lg:text-3xl text-yellow text-center mb-8">Learn
138138
<p class="text-center mb-2"><span class="font-bold">Onchain Capital Allocation</span> is a practical journey
139139
from present mechanisms to
140140
future possibilities.</p>
141-
<p class="text-center"><span class="font-bold">Greenpill v0</span> is all about how crypto could regenerate
142-
the world.</p>
143141
</div>
144142

145143
<div class="flex gap-6 xl:gap-[5%] justify-center relative">
146-
<!-- Onchain Capital Allocation -->
144+
<!-- Onchain Capital Allocation v1-->
147145
<div class="flex flex-col items-center">
148-
<img src="./src/images/capital-alocation.png" width="200" height="300"
146+
<img src="./src/images/allobook-v1.png" width="200" height="300"
149147
class="mb-4 w-auto max-h-[230px] 2xl:w-[200px] 2xl:h-[300px] 2xl:max-h-none"
150148
alt="Onchain Capital Allocation book cover" />
151149
<div>
152150
<div class="flex gap-4 justify-center items-start xl:flex-row flex-col mb-3">
153151
<div
154152
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">
155153
<button class="secondary !border-none flex gap-4 justify-between items-center">
156-
<span class="dropdown-btn-selected" data-link="./pdf/onchain-capital-allocation.pdf">
154+
<span class="dropdown-btn-selected" data-link="./pdf/onchain-capital-allocation-v1.pdf">
157155
Ebook
158156
</span>
159157
<span>
@@ -173,24 +171,24 @@ <h2 class="font-volkhov text-xl lg:text-3xl text-yellow text-center mb-8">Learn
173171
</div>
174172
</div>
175173

176-
<a class="dropdown-btn-shop" href="./pdf/onchain-capital-allocation.pdf" target="_blank">
174+
<a class="dropdown-btn-shop" href="./pdf/onchain-capital-allocation-v1.pdf" target="_blank">
177175
<button class="primary">Get it (free)</button>
178176
</a>
179177
</div>
180178
</div>
181179
</div>
182180

183-
<!-- greenpill book -->
181+
<!-- Onchain Capital Allocation -->
184182
<div class="flex flex-col items-center">
185-
<img src="./src/images/greenpill-cover.png"
186-
class="mb-4 w-auto max-h-[230px] 2xl:w-[250px] 2xl:h-[300px] 2xl:max-h-none" width="250" height="300"
187-
alt="Greenpill book cover" />
183+
<img src="./src/images/allobook-v2.png" width="200" height="300"
184+
class="mb-4 w-auto max-h-[230px] 2xl:w-[200px] 2xl:h-[300px] 2xl:max-h-none"
185+
alt="Onchain Capital Allocation book cover v2" />
188186
<div>
189-
<div class="flex gap-4 justify-center items-start mb-3 xl:flex-row flex-col">
187+
<div class="flex gap-4 justify-center items-start xl:flex-row flex-col mb-3">
190188
<div
191-
class="relative 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">
189+
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">
192190
<button class="secondary !border-none flex gap-4 justify-between items-center">
193-
<span class="dropdown-btn-selected" data-link="./pdf/green-pill.pdf">
191+
<span class="dropdown-btn-selected" data-link="./pdf/onchain-capital-allocation-v2.pdf">
194192
Ebook
195193
</span>
196194
<span>
@@ -202,31 +200,18 @@ <h2 class="font-volkhov text-xl lg:text-3xl text-yellow text-center mb-8">Learn
202200
</button>
203201
<div
204202
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"
205-
data-height="120">
203+
data-height="40">
206204
<a class="link !font-bold dropdown-btn-option"
207-
data-link="https://www.blurb.com/bookstore/invited/9502747/c7ff865edc08edd6b595c5a9bf5bd613117953e7">
205+
data-link="https://www.blurb.com/b/12162768-onchain-capital-allocation-handbook-explorers-edi">
208206
Softcover
209207
</a>
210-
<a class="link !font-bold dropdown-btn-option"
211-
data-link="https://www.blurb.com/b/11078160-greenpilled-regenerative-cryptoeconomics">
212-
Hardcover
213-
</a>
214-
<a class="link !font-bold dropdown-btn-option"
215-
data-link="https://www.youtube.com/watch?v=7m0ufzqju_4&t=1s">
216-
Audiobook
217-
</a>
218208
</div>
219209
</div>
220210

221-
<a class="dropdown-btn-shop" href="./pdf/green-pill.pdf" target="_blank">
211+
<a class="dropdown-btn-shop" href="./pdf/onchain-capital-allocation-v2.pdf" target="_blank">
222212
<button class="primary">Get it (free)</button>
223213
</a>
224214
</div>
225-
<div class="flex flex-wrap justify-center xl:flex-row flex-col items-center">
226-
<button class="link sm:text-base text-sm p-0" id="greenpill-modal-btn">
227-
Translations
228-
</button>
229-
</div>
230215
</div>
231216
</div>
232217
</div>
@@ -320,6 +305,66 @@ <h2 class="font-volkhov text-xl lg:text-3xl text-yellow text-center mb-8">Learn
320305
</div>
321306
</div>
322307

308+
<!-- greenpill -->
309+
<div class="flex xl:gap-10 gap-4 items-center flex-col xl:pt-16 pt-6">
310+
<div style="max-width: 700px;">
311+
<p class="text-center"><span class="font-bold">Greenpill v0</span> is all about how crypto could regenerate
312+
the world.</p>
313+
</div>
314+
</div>
315+
316+
317+
<div class="flex gap-6 xl:gap-[5%] justify-center relative">
318+
<!-- greenpill book -->
319+
<div class="flex flex-col items-center">
320+
<img src="./src/images/greenpill-cover.png"
321+
class="mb-4 w-auto max-h-[230px] 2xl:w-[250px] 2xl:h-[300px] 2xl:max-h-none" width="250" height="300"
322+
alt="Greenpill book cover" />
323+
<div>
324+
<div class="flex gap-4 justify-center items-start mb-3 xl:flex-row flex-col">
325+
<div
326+
class="relative 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">
327+
<button class="secondary !border-none flex gap-4 justify-between items-center">
328+
<span class="dropdown-btn-selected" data-link="./pdf/green-pill.pdf">
329+
Ebook
330+
</span>
331+
<span>
332+
<svg width="14" height="9" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg">
333+
<path d="M1 1L5.4 6.86667C6.2 7.93333 7.8 7.93333 8.6 6.86667L10 5L13 1" stroke="currentColor"
334+
stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
335+
</svg>
336+
</span>
337+
</button>
338+
<div
339+
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"
340+
data-height="120">
341+
<a class="link !font-bold dropdown-btn-option"
342+
data-link="https://www.blurb.com/bookstore/invited/9502747/c7ff865edc08edd6b595c5a9bf5bd613117953e7">
343+
Softcover
344+
</a>
345+
<a class="link !font-bold dropdown-btn-option"
346+
data-link="https://www.blurb.com/b/11078160-greenpilled-regenerative-cryptoeconomics">
347+
Hardcover
348+
</a>
349+
<a class="link !font-bold dropdown-btn-option" data-link="https://www.youtube.com/watch?v=7m0ufzqju_4&t=1s">
350+
Audiobook
351+
</a>
352+
</div>
353+
</div>
354+
355+
<a class="dropdown-btn-shop" href="./pdf/green-pill.pdf" target="_blank">
356+
<button class="primary">Get it (free)</button>
357+
</a>
358+
</div>
359+
<div class="flex flex-wrap justify-center xl:flex-row flex-col items-center">
360+
<button class="link sm:text-base text-sm p-0" id="greenpill-modal-btn">
361+
Translations
362+
</button>
363+
</div>
364+
</div>
365+
</div>
366+
</div>
367+
323368
<!-- more books -->
324369
<button id="more-books-btn"><a class="link flex items-center gap-2">Bonus book content <span>
325370
<svg width="14" height="9" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -401,7 +446,7 @@ <h2 class="font-volkhov text-xl lg:text-3xl text-yellow text-center mb-8">Learn
401446
</button>
402447
<div
403448
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"
404-
data-height="160">
449+
data-height="200">
405450
<a class="link !font-bold dropdown-btn-option" data-link="./pdf/Comic2.pdf">
406451
Comic 2
407452
</a>
@@ -414,6 +459,9 @@ <h2 class="font-volkhov text-xl lg:text-3xl text-yellow text-center mb-8">Learn
414459
<a class="link !font-bold dropdown-btn-option" data-link="./pdf/attractors.pdf">
415460
Comic 5
416461
</a>
462+
<a class="link !font-bold dropdown-btn-option" data-link="./pdf/Comic6.pdf">
463+
Comic 6
464+
</a>
417465
</div>
418466
</div>
419467

‎pdf/Comic6.pdf

57.1 MB
Binary file not shown.

‎pdf/onchain-capital-allocation.pdf renamed to ‎pdf/onchain-capital-allocation-v1.pdf

23.7 MB
Binary file not shown.

‎pdf/onchain-capital-allocation-v2.pdf

32.6 MB
Binary file not shown.

‎src/images/allobook-v1.png

151 KB
Loading

‎src/images/allobook-v2.png

140 KB
Loading

‎src/images/capital-alocation.png

-192 KB
Binary file not shown.

0 commit comments

Comments
 (0)