forked from cristinalare/green-pill
-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1456 lines (1335 loc) · 94.7 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>greenpill.network</title>
<meta name="description" content="Turning Degens to Regens (one green pill at a time)">
<!-- fonts and styles -->
<link rel="stylesheet" href="./styles.css" rel="stylesheet" />
<link rel="stylesheet" href="./custom-styles.css" rel="stylesheet" />
<link rel="preload" as="image" href="./src/images/footer-img-sequence/01.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Volkhov&display=swap"
rel="stylesheet">
<!-- icons -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="icon" href="./src/images/greenpill-logo-large.png" type="image/png" sizes="150x150" />
<link rel="shortcut icon" href="favicon.ico">
<!-- twitter cards -->
<meta name="twitter:card" content="summary_large_image">
<!-- <meta name="twitter:site" content="@gitcoin"> -->
<meta name="twitter:creator" content="@owocki">
<meta name="twitter:title" content="greenpill.network">
<meta name="twitter:description" content="Turning Degens to Regens (one green pill at a time)">
<meta name="twitter:image" content="https://greenpill.network/src/images/greenpill-twitter-card.png">
<meta property="og:title" content="greenpill.network" />
<meta property="og:type" content="blockchain" />
<meta property="og:url" content="https://greenpill.network" />
<meta property="og:image" content="https://greenpill.network/src/images/greenpill-twitter-card.png" />
<meta property="og:description" content="Turning Degens to Regens (one green pill at a time)" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-DPDC59RT5Y"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-DPDC59RT5Y');
</script>
</head>
<body id=body class="relative">
<div class="font-inter">
<div id="logo" class="flex justify-start py-3 px-8 absolute top-0 left-0 right-0 cursor-pointer">
<div style="z-index:9999999;" class="flex gap-2 items-center fixed left-8 z-50"
onclick=";document.location.href='#body';">
<img src="./src/images/greenpill-logo.svg" width="40" height="40"
class="w-[25px] h-[25px] sm:w-[40px] sm:h-[40px]" />
<h1 class="text-sm sm:text-base text-green font-bold">Green Pill</h1>
</div>
</div>
<div class="transition-opacity duration-500 sm:min-h-[100vh] flex items-center justify-center">
<header class="flex justify-end py-3 px-8 absolute top-0 left-0 right-0"
style="position: fixed; top: 0em; z-index: 999;">
<div class="sm:hidden z-50 text-green hover:text-white cursor-pointer" id="mobile-menu-icon">
<svg role="img" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<title>menu icon</title>
<path d="M4 6H20M4 12H20M4 18H20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
stroke-width="2" />
</svg>
</div>
<nav class="absolute sm:static sm:block hidden right-0 top-0" id="mobile-menu">
<ul
class="relative z-40 flex gap-8 sm:flex-row flex-col sm:h-auto h-screen justify-center sm:w-auto w-[50vw] sm:items-start items-end sm:px-0 px-8 sm:bg-transparent bg-black bg-opacity-70 sm:backdrop-blur-none backdrop-blur-md">
<a href="#book">
<li class="sm:text-left text-right link !font-bold">Learn</li>
</a>
<a href="#participate" data-section="participate">
<li class="sm:text-left text-right link !font-bold">Participate</li>
</a>
<a href="#explore" data-section="explore">
<li class="sm:text-left text-right link !font-bold">Explore</li>
</a>
</ul>
</nav>
</header>
<!-- hero -->
<section class="pt-24 sm:py-12 flex justify-center items-center h-full sm:min-h-[80vh]">
<h1 class="font-volkhov">
<span class="uppercase text-yellow text-xl sm:text-4xl lg:text-6xl lg:leading-[1.3]">
Turning<br />
Degens<br />
to Regens<br />
</span>
<span class="text-xs sm:text-lg lg:text-3xl text-white">(one green pill at a time)</span>
</h1>
<img src="./src/images/footer-img-sequence/01.png" id="hero-img" width="329" height="329"
class="w-[150px] h-[150px] sm:w-[230px] sm:h-[230px] lg:w-[329px] lg:h-[329px] " />
</section>
</div>
<!-- map -->
<section id='network' class="transition-opacity duration-500 sm:min-h-screen">
<div class="sm:min-h-screen flex flex-col justify-evenly items-center py-12 sm:px-8">
<div>
<h2 class="font-volkhov text-xl lg:text-3xl text-yellow text-center mb-2 xl:mb-4">We’re building a
CoordiNation across Nations & Cultures.</h2>
<p class="text-center max-w-md m-auto mb-5 xl:mb-12">CoordiNation (noun): a network-society that exports
regenerative digital infrastructure to the world.</p>
</div>
<img src="./src/images/map.png" id="map" class="hidden" />
<div class="relative flex justify-center w-fit mx-auto mb-8" id="map-container">
<canvas id="canvas" width="758" height="400"
class="flex justify-center z-10 w-[758px] h-[400px] max-w-full h-auto"></canvas>
<a target="_blank"
class="map-selected-link hidden opacity-0 group scale-75 hover:translate-x-1 hover:translate-y-1 cursor-pointer transition-all duration-300 absolute top-0 left-0 right-0 bg-green rounded-full w-24 h-24 flex-col items-center justify-center z-30">
<p class="map-selected-name text-black text-center shrink-0"></p>
<span id="more-text"
class="group-hover:underline text-xs leading-tight text-black shrink-0 w-fit opacity-70">More -></span>
</a>
</div>
<p class="text-center text-sm">Don't see a chapter in your area? <a class="link !px-0"
href="https://bit.ly/greenpill-your-city" target="_blank">Start one.</a></p>
</div>
</section>
<!-- books -->
<section class="py-12 transition-opacity duration-500 x-100 pb-6 sm:min-h-screen flex items-center justify-center"
id="book">
<div class="flex xl:gap-10 gap-4 items-center flex-col">
<div class="max-w-[700px]">
<h2 class="font-volkhov text-xl lg:text-3xl text-yellow text-center mb-8">Learn > Books</h2>
<p class="text-center mb-2"><span class="font-bold">Onchain Capital Allocation</span> is a practical journey
from present mechanisms to
future possibilities.</p>
</div>
<div class="flex gap-6 xl:gap-[5%] justify-center relative">
<!-- Onchain Capital Allocation v1-->
<div class="flex flex-col items-center">
<img src="./src/images/allobook-v1.png" width="200" height="300"
class="mb-4 w-auto max-h-[230px] 2xl:w-[200px] 2xl:h-[300px] 2xl:max-h-none"
alt="Onchain Capital Allocation book cover" />
<div>
<div class="flex gap-4 justify-center items-start xl:flex-row flex-col mb-3">
<div
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">
<button class="secondary !border-none flex gap-4 justify-between items-center">
<span class="dropdown-btn-selected" data-link="./pdf/onchain-capital-allocation-v1.pdf">
Ebook
</span>
<span>
<svg width="14" height="9" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1L5.4 6.86667C6.2 7.93333 7.8 7.93333 8.6 6.86667L10 5L13 1" stroke="currentColor"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</span>
</button>
<div
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"
data-height="40">
<a class="link !font-bold dropdown-btn-option"
data-link="https://www.blurb.com/b/12052748-onchain-capital-allocation-handbook">
Softcover
</a>
</div>
</div>
<a class="dropdown-btn-shop" href="./pdf/onchain-capital-allocation-v1.pdf" target="_blank">
<button class="primary">Get it (free)</button>
</a>
</div>
</div>
</div>
<!-- Onchain Capital Allocation -->
<div class="flex flex-col items-center">
<img src="./src/images/allobook-v2.png" width="200" height="300"
class="mb-4 w-auto max-h-[230px] 2xl:w-[200px] 2xl:h-[300px] 2xl:max-h-none"
alt="Onchain Capital Allocation book cover v2" />
<div>
<div class="flex gap-4 justify-center items-start xl:flex-row flex-col mb-3">
<div
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">
<button class="secondary !border-none flex gap-4 justify-between items-center">
<span class="dropdown-btn-selected" data-link="./pdf/onchain-capital-allocation-v2.pdf">
Ebook
</span>
<span>
<svg width="14" height="9" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1L5.4 6.86667C6.2 7.93333 7.8 7.93333 8.6 6.86667L10 5L13 1" stroke="currentColor"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</span>
</button>
<div
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"
data-height="40">
<a class="link !font-bold dropdown-btn-option"
data-link="https://www.blurb.com/b/12162768-onchain-capital-allocation-handbook-explorers-edi">
Softcover
</a>
</div>
</div>
<a class="dropdown-btn-shop" href="./pdf/onchain-capital-allocation-v2.pdf" target="_blank">
<button class="primary">Get it (free)</button>
</a>
</div>
</div>
</div>
</div>
<!-- -->
<div class="flex xl:gap-10 gap-4 items-center flex-col xl:pt-16 pt-6">
<div style="max-width: 700px;">
<p class="text-center mb-2 max-w-[550px]"><span class="font-bold">Impact DAOs (2022)</span> and <span
class="font-bold">Onchain Impact Networks (2024)</span> are about web3 projects
with a
positive impact on the world.</p>
</div>
</div>
<div class="flex gap-6 xl:gap-[5%] justify-center relative">
<!-- impact dao book -->
<div class="flex flex-col items-center">
<img src="./src/images/impactdao-cover.png" width="244" height="300"
class="mb-4 w-auto max-h-[230px] 2xl:w-[244px] 2xl:h-[300px] 2xl:max-h-none"
alt="ImpactDAOs book cover" />
<div>
<div class="flex gap-4 justify-center items-start xl:flex-row flex-col mb-3">
<div
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">
<button class="secondary !border-none flex gap-4 justify-between items-center">
<span class="dropdown-btn-selected" data-link="./pdf/ImpactDAO.pdf">
Ebook
</span>
<span>
<svg width="14" height="9" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1L5.4 6.86667C6.2 7.93333 7.8 7.93333 8.6 6.86667L10 5L13 1" stroke="currentColor"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</span>
</button>
<div
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"
data-height="40">
<a class="link !font-bold dropdown-btn-option"
data-link="https://www.blurb.com/b/11120667-impactdaos">
Softcover
</a>
</div>
</div>
<a class="dropdown-btn-shop" href="./pdf/ImpactDAO.pdf" target="_blank">
<button class="primary">Get it (free)</button>
</a>
</div>
</div>
</div>
<!-- onchain impact networks book -->
<div class="flex flex-col items-center">
<img src="./src/images/o-impact-networks.jpg" width="240" height="300"
class="mb-4 w-auto max-h-[230px] 2xl:w-[244px] 2xl:h-[300px] 2xl:max-h-none"
alt="Onchain Impact Networks book cover" />
<div>
<div class="flex gap-4 justify-center items-start xl:flex-row flex-col mb-3">
<div
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">
<button class="secondary !border-none flex gap-4 justify-between items-center">
<span class="dropdown-btn-selected" data-link="./pdf/onchain-impact-networks.pdf">
Ebook
</span>
<!-- <span>
<svg width="14" height="9" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1L5.4 6.86667C6.2 7.93333 7.8 7.93333 8.6 6.86667L10 5L13 1" stroke="currentColor"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg> -->
</span>
</button>
<!-- <div
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"
data-height="40">
<a class="link !font-bold dropdown-btn-option"
data-link="">
Softcover
</a>
</div> -->
</div>
<a class="dropdown-btn-shop" href="./pdf/onchain-impact-networks.pdf" target="_blank">
<button class="primary">Get it (free)</button>
</a>
</div>
</div>
</div>
</div>
<!-- greenpill -->
<div class="flex xl:gap-10 gap-4 items-center flex-col xl:pt-16 pt-6">
<div style="max-width: 700px;">
<p class="text-center"><span class="font-bold">Greenpill v0</span> is all about how crypto could regenerate
the world.</p>
</div>
</div>
<div class="flex gap-6 xl:gap-[5%] justify-center relative">
<!-- greenpill book -->
<div class="flex flex-col items-center">
<img src="./src/images/greenpill-cover.png"
class="mb-4 w-auto max-h-[230px] 2xl:w-[250px] 2xl:h-[300px] 2xl:max-h-none" width="250" height="300"
alt="Greenpill book cover" />
<div>
<div class="flex gap-4 justify-center items-start mb-3 xl:flex-row flex-col">
<div
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">
<button class="secondary !border-none flex gap-4 justify-between items-center">
<span class="dropdown-btn-selected" data-link="./pdf/green-pill.pdf">
Ebook
</span>
<span>
<svg width="14" height="9" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1L5.4 6.86667C6.2 7.93333 7.8 7.93333 8.6 6.86667L10 5L13 1" stroke="currentColor"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</span>
</button>
<div
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"
data-height="120">
<a class="link !font-bold dropdown-btn-option"
data-link="https://www.blurb.com/bookstore/invited/9502747/c7ff865edc08edd6b595c5a9bf5bd613117953e7">
Softcover
</a>
<a class="link !font-bold dropdown-btn-option"
data-link="https://www.blurb.com/b/11078160-greenpilled-regenerative-cryptoeconomics">
Hardcover
</a>
<a class="link !font-bold dropdown-btn-option"
data-link="https://www.youtube.com/watch?v=7m0ufzqju_4&t=1s">
Audiobook
</a>
</div>
</div>
<a class="dropdown-btn-shop" href="./pdf/green-pill.pdf" target="_blank">
<button class="primary">Get it (free)</button>
</a>
</div>
<div class="flex flex-wrap justify-center xl:flex-row flex-col items-center">
<button class="link sm:text-base text-sm p-0" id="greenpill-modal-btn">
Translations
</button>
</div>
</div>
</div>
</div>
<!-- more books -->
<button id="more-books-btn"><a class="link flex items-center gap-2">Bonus book content <span>
<svg width="14" height="9" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1L5.4 6.86667C6.2 7.93333 7.8 7.93333 8.6 6.86667L10 5L13 1" stroke="currentColor"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</span></a></button>
<div id="more-books-content" class="hidden xl:gap-10 gap-4 items-center flex-col">
<!-- -->
<div class="flex xl:gap-10 gap-4 items-center flex-col xl:pt-16 pt-6">
<div style="max-width: 700px;">
<p class="text-center mb-2"><span class="font-bold">Future History of the Open Internet</span> is a
celebration of the history of Open
Source Software & how it proved that peer to peer coordination is powerful...</p>
<p class="text-center"><span class="font-bold">The 'Ethereum for Public Goods'</span> series is designed
to entertain & inspire
conversations about using web3 to fight Moloch - the God of Coordination Failure.</p>
</div>
</div>
<div class="flex gap-6 xl:gap-[5%] justify-center relative">
<!-- Future History of Open Internet -->
<div class="flex flex-col items-center">
<img src="./src/images/fhotoi.png" width="244" height="300"
class="mb-4 w-auto max-h-[230px] 2xl:w-[244px] 2xl:h-[300px] 2xl:max-h-none"
alt="Future History of Open Internet book cover" />
<div>
<div class="flex gap-4 justify-center items-start xl:flex-row flex-col mb-3">
<div
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">
<button class="secondary !border-none flex gap-4 justify-between items-center">
<span class="dropdown-btn-selected" data-link="./pdf/the-future-history-of-the-open-internet.pdf">
Ebook
</span>
<span>
<svg width="14" height="9" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1L5.4 6.86667C6.2 7.93333 7.8 7.93333 8.6 6.86667L10 5L13 1" stroke="currentColor"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</span>
</button>
<div
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"
data-height="40">
<a class="link !font-bold dropdown-btn-option"
data-link="https://www.blurb.com/b/11120683-future-history-of-the-open-internet">
Softcover
</a>
</div>
</div>
<a class="dropdown-btn-shop" href="./pdf/the-future-history-of-the-open-internet.pdf" target="_blank">
<button class="primary">Get it (free)</button>
</a>
</div>
</div>
</div>
<!-- comic books -->
<div class="flex flex-col items-center">
<img src="./src/images/comic.png" width="244" height="300"
class="mb-4 w-auto max-h-[230px] 2xl:w-[244px] 2xl:h-[300px] 2xl:max-h-none"
alt="Comic Know book cover" />
<div>
<div class="flex gap-4 justify-center items-start xl:flex-row flex-col mb-3">
<div
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">
<button class="secondary !border-none flex gap-4 justify-between items-center">
<span class="dropdown-btn-selected" data-link="./pdf/Comic1.pdf">
Comic 1
</span>
<span>
<svg width="14" height="9" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1L5.4 6.86667C6.2 7.93333 7.8 7.93333 8.6 6.86667L10 5L13 1" stroke="currentColor"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</span>
</button>
<div
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"
data-height="200">
<a class="link !font-bold dropdown-btn-option" data-link="./pdf/Comic2.pdf">
Comic 2
</a>
<a class="link !font-bold dropdown-btn-option" data-link="./pdf/Comic3.pdf">
Comic 3
</a>
<a class="link !font-bold dropdown-btn-option" data-link="./pdf/Comic4.pdf">
Comic 4
</a>
<a class="link !font-bold dropdown-btn-option" data-link="./pdf/attractors.pdf">
Comic 5
</a>
<a class="link !font-bold dropdown-btn-option" data-link="./pdf/Comic6.pdf">
Comic 6
</a>
</div>
</div>
<a class="dropdown-btn-shop" href="./pdf/Comic1.pdf" target="_blank">
<button class="primary">Get it (free)</button>
</a>
</div>
</div>
</div>
</div>
<!-- -->
<div class="flex xl:gap-10 gap-4 items-center flex-col xl:pt-16 pt-6">
<div style="max-width: 700px;">
<p class="text-center mb-2"><span class="font-bold">Exploring MycoFi: Mycelial Design Patterns for Web3
and
Beyond</span> guides readers on
an underground exploration into the world wise web of mycelial networks.</p>
<p class="text-center"><span class="font-bold">Stuff Crypto OGs know v0</span> is teaching people how to
survive, thrive, &
regenerate in the crypto ecosystem.
</p>
</div>
</div>
<div class="flex gap-6 xl:gap-[5%] justify-center relative">
<!-- mycofi book -->
<div class="flex flex-col items-center">
<img src="./src/images/mycofi-cover.jpg" width="1000" height="1409"
class="mb-4 w-auto max-h-[230px] 2xl:w-[244px] 2xl:h-[300px] 2xl:max-h-none"
alt="Exploring MyCoFi - Mycelial Design Patterns for Web3 and Beyond" />
<div>
<div class="flex gap-4 justify-center items-start mb-3 xl:flex-row flex-col">
<div
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">
<button class="secondary !border-none flex gap-4 justify-between items-center">
<span class="dropdown-btn-selected" data-link="./pdf/mycofi.pdf">
Ebook
</span>
<span>
<svg width="14" height="9" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1L5.4 6.86667C6.2 7.93333 7.8 7.93333 8.6 6.86667L10 5L13 1" stroke="currentColor"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</span>
</button>
<div
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"
data-height="80">
<a class="link !font-bold dropdown-btn-option"
data-link="https://www.blurb.com/b/11907108-exploring-mycofi-mycelial-design-patterns-for-web">
Softcover
</a>
<a class="link !font-bold dropdown-btn-option" data-link="https://mycofi.art/">
Mint
</a>
</div>
</div>
<a class="dropdown-btn-shop" href="./pdf/mycofi.pdf" target="_blank">
<button class="primary">Get it (free)</button>
</a>
</div>
<div class="flex flex-wrap justify-center xl:flex-row flex-col items-center">
<button class="link sm:text-base text-sm p-0" id="mycofi-modal-btn">
Translations
</button>
</div>
</div>
</div>
<!-- stuff crypto ogs know book -->
<div class="flex flex-col items-center">
<img src="./src/images/scok.png" width="244" height="300"
class="mb-4 w-auto max-h-[230px] 2xl:w-[244px] 2xl:h-[300px] 2xl:max-h-none"
alt="Stuff Crypto Ogs Know book cover" />
<div>
<div class="flex gap-4 justify-center items-start xl:flex-row flex-col mb-3">
<div
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">
<button class="secondary !border-none flex gap-4 justify-between items-center">
<span class="dropdown-btn-selected" data-link="./pdf/Crypto_OG_Book.pdf">
Ebook
</span>
<span>
<svg width="14" height="9" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1L5.4 6.86667C6.2 7.93333 7.8 7.93333 8.6 6.86667L10 5L13 1" stroke="currentColor"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</span>
</button>
<div
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"
data-height="40">
<a class="link !font-bold dropdown-btn-option"
data-link="https://www.blurb.com/b/11476889-stuff-crypto-ogs-know">
Softcover
</a>
</div>
</div>
<a class="dropdown-btn-shop" href="./pdf/Crypto_OG_Book.pdf" target="_blank">
<button class="primary">Get it (free)</button>
</a>
</div>
</div>
</div>
</div>
<!-- -->
<div class="flex xl:gap-10 gap-4 items-center flex-col xl:pt-16 pt-6">
<div style="max-width: 700px;">
<p class="text-center mb-2"><span class="font-bold">Local regen guide</span> is focused on teaching
engaging new ways to regenerate your local community. We expect these
guides to be pivotal in cross-pollinating engagement modalities across chapters.
</p>
</div>
</div>
<div class="flex gap-6 xl:gap-[5%] justify-center relative">
<!-- local regen guide -->
<div class="flex flex-col items-center">
<img src="./src/images/local-regen-guide.jpeg" width="1000" height="1409"
style="border: 1px solid var(--yellow);"
class="mb-4 w-auto max-h-[230px] 2xl:w-[244px] 2xl:h-[300px] 2xl:max-h-none" alt="Local Regen Guide" />
<div>
<div class="flex gap-4 justify-center items-start mb-3 xl:flex-row flex-col">
<div
class="relative border border-green rounded-[20px] transition-all duration-300 dropdown-btn divide-y divide-green flex flex-col">
<button class="secondary !border-none flex gap-4 justify-between items-center pointer-events-none">
<span class="dropdown-btn-selected" data-link="/pdf/local-regen-guide.pdf">
Ebook
</span>
</button>
</div>
<a class="dropdown-btn-shop" href="/pdf/local-regen-guide.pdf" target="_blank">
<button class="primary">Get it (free)</button>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- podcast -->
<section id="podcast" class="transition-opacity duration-500 x-100 sm:min-h-screen relative">
<div
class="pb-24 pt-8 max-w-3xl sm:min-h-screen flex gap-4 sm:gap-[10%] items-center justify-center m-auto flex-col sm:flex-row">
<!-- parallax bg elements -->
<img data-speed="-1.5" data-movex="500" src="./src/images/background/bg-el1.png" width="100" height="100" alt=""
class="absolute z-0 top-[50vh] parallax-bg" />
<img data-speed="-1.3" data-movex="400" src="./src/images/background/bg-el3.png" width="60" height="120" alt=""
class="absolute z-0 top-[10vh] left-[15vw] parallax-bg" />
<img data-speed="-1.1" data-movex="-300" src="./src/images/background/bg-el2.png" width="100" height="100"
alt="" class="absolute z-0 top-[70vh] right-0 parallax-bg" />
<div class="flex flex-col gap-6 z-10">
<h2 class="font-volkhov text-xl lg:text-3xl text-yellow">Learn > podcast </h2>
<p>The greenpill podcast dives deeper into the regenerative crypto-economic frontier.</p>
<p>With new episodes every Tuesday and Thursday, the greenpill podcast is your go-to source for education,
inspiration, &
hope.</p>
<div class="w-full">
<div class="flex flex-wrap gap-4 items-center sm:justify-start justify-center">
<a href="https://pod.link/1609313639" target="_blank"><button class="primary">Listen Anywhere</button></a>
<a href="https://www.youtube.com/@Green_Pill_Podcast" target="_blank">
<button class="secondary">View on Youtube</button>
</a>
</div>
<a class="link text-center block"
href="https://twitter.com/intent/tweet?text=@greenpillnet%20@owocki%20you%20should%20have%20x%20on%20greenpill"
target="_blank">
Recommend a guest
</a>
</div>
</div>
<img class="hover" src="./src/images/podcast-cover.png" width="300" height="300"
class="xl:w-[300px] xl:h-[300px] w-[230px] h-[230px]" alt="greenpill podcast cover"
onclick="document.location.href='https://www.youtube.com/@Green_Pill_Podcast';" />
</div>
</section>
<!-- resources -->
<section id="participate" class="pb-24 pt-12 sm:min-h-screen max-w-4xl m-auto relative">
<!-- parallax bg elements -->
<img data-speed="-1.5" data-movex="300" src="./src/images/background/bg-el1.png" width="100" height="100" alt=""
class="absolute z-0 top-[30vh] parallax-bg" />
<img data-speed="-1.3" data-movex="950" src="./src/images/background/bg-el3.png" width="60" height="120" alt=""
class="absolute z-0 top-[10vh] left-[15vw] parallax-bg" />
<img data-speed="-1.1" data-movex="-200" src="./src/images/background/bg-el2.png" width="100" height="100" alt=""
class="absolute z-0 top-[70vh] right-0 parallax-bg" />
<h2 class="font-volkhov text-xl lg:text-3xl text-yellow mb-4">Participate</h2>
<div class="flex gap-2 sm:gap-[10%] justify-center relative h-fit">
<div class="divide-y divide-yellow backdrop-blur-md px-4 flex flex-col gap-6">
<!-- beginner -->
<div
class="flex sm:flex-row flex-col-reverse sm:items-center justify-between gap-4 px-2 sm:px-8 sm:py-0 py-6 rounded-2xl">
<div class="sm:py-6 py-2 sm:gap-6 gap-2 flex flex-col justify-center">
<h3 class="text-lg sm:text-2xl text-yellow mb-6">
Beginner
</h3>
<div class="content flex flex-col gap-2 sm:text-lg text-sm">
<p class="">Education: </p>
<div class="flex gap-2 items-center text-green hover:text-[var(--mid-green)] group">
<svg class="group-hover:translate-x-1 transition-all duration-300" width="11" height="8"
viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M0.5 3.5C0.223858 3.5 0 3.72386 0 4C0 4.27614 0.223858 4.5 0.5 4.5V3.5ZM10.3536 4.35355C10.5488 4.15829 10.5488 3.84171 10.3536 3.64645L7.17157 0.464466C6.97631 0.269204 6.65973 0.269204 6.46447 0.464466C6.2692 0.659728 6.2692 0.976311 6.46447 1.17157L9.29289 4L6.46447 6.82843C6.2692 7.02369 6.2692 7.34027 6.46447 7.53553C6.65973 7.7308 6.97631 7.7308 7.17157 7.53553L10.3536 4.35355ZM0.5 4.5H10V3.5H0.5V4.5Z"
fill="currentColor" />
</svg>
<a href="https://pod.link/1609313639" target="_blank">Listen to the podcast</a>
</div>
<div class="flex gap-2 items-center text-green hover:text-[var(--mid-green)] group">
<svg class="group-hover:translate-x-1 transition-all duration-300" width="11" height="8"
viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M0.5 3.5C0.223858 3.5 0 3.72386 0 4C0 4.27614 0.223858 4.5 0.5 4.5V3.5ZM10.3536 4.35355C10.5488 4.15829 10.5488 3.84171 10.3536 3.64645L7.17157 0.464466C6.97631 0.269204 6.65973 0.269204 6.46447 0.464466C6.2692 0.659728 6.2692 0.976311 6.46447 1.17157L9.29289 4L6.46447 6.82843C6.2692 7.02369 6.2692 7.34027 6.46447 7.53553C6.65973 7.7308 6.97631 7.7308 7.17157 7.53553L10.3536 4.35355ZM0.5 4.5H10V3.5H0.5V4.5Z"
fill="currentColor" />
</svg>
<a href="https://www.youtube.com/@Green_Pill_Podcast" target="_blank">Check out the Youtube</a>
</div>
<div class="flex gap-2 items-center text-green hover:text-[var(--mid-green)] group">
<svg class="group-hover:translate-x-1 transition-all duration-300" width="12" height="8"
viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M0.5 3.5C0.223858 3.5 0 3.72386 0 4C0 4.27614 0.223858 4.5 0.5 4.5V3.5ZM10.3536 4.35355C10.5488 4.15829 10.5488 3.84171 10.3536 3.64645L7.17157 0.464466C6.97631 0.269204 6.65973 0.269204 6.46447 0.464466C6.2692 0.659728 6.2692 0.976311 6.46447 1.17157L9.29289 4L6.46447 6.82843C6.2692 7.02369 6.2692 7.34027 6.46447 7.53553C6.65973 7.7308 6.97631 7.7308 7.17157 7.53553L10.3536 4.35355ZM0.5 4.5H10V3.5H0.5V4.5Z"
fill="currentColor" />
</svg>
<a href="#book">Read/share the book(s)</a>
</div>
<div class="flex gap-2 items-center text-green hover:text-[var(--mid-green)] group">
<svg class="group-hover:translate-x-1 transition-all duration-300" width="12" height="8"
viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M0.5 3.5C0.223858 3.5 0 3.72386 0 4C0 4.27614 0.223858 4.5 0.5 4.5V3.5ZM10.3536 4.35355C10.5488 4.15829 10.5488 3.84171 10.3536 3.64645L7.17157 0.464466C6.97631 0.269204 6.65973 0.269204 6.46447 0.464466C6.2692 0.659728 6.2692 0.976311 6.46447 1.17157L9.29289 4L6.46447 6.82843C6.2692 7.02369 6.2692 7.34027 6.46447 7.53553C6.65973 7.7308 6.97631 7.7308 7.17157 7.53553L10.3536 4.35355ZM0.5 4.5H10V3.5H0.5V4.5Z"
fill="currentColor" />
</svg>
<a href="https://app.charmverse.io/greenpill-network/taking-the-greenpill-4871995012783201" target="_blank">Taking The Greenpill</a>
</div>
<p class="">Socials: </p>
<div class="flex gap-2 items-center text-green hover:text-[var(--mid-green)] group">
<svg class="group-hover:translate-x-1 transition-all duration-300" width="11" height="8"
viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M0.5 3.5C0.223858 3.5 0 3.72386 0 4C0 4.27614 0.223858 4.5 0.5 4.5V3.5ZM10.3536 4.35355C10.5488 4.15829 10.5488 3.84171 10.3536 3.64645L7.17157 0.464466C6.97631 0.269204 6.65973 0.269204 6.46447 0.464466C6.2692 0.659728 6.2692 0.976311 6.46447 1.17157L9.29289 4L6.46447 6.82843C6.2692 7.02369 6.2692 7.34027 6.46447 7.53553C6.65973 7.7308 6.97631 7.7308 7.17157 7.53553L10.3536 4.35355ZM0.5 4.5H10V3.5H0.5V4.5Z"
fill="currentColor" />
</svg>
<a href="https://discord.gg/greenpill">
Join the Discord
</a>
</div>
<div class="flex gap-2 items-center text-green hover:text-[var(--mid-green)] group">
<svg class="group-hover:translate-x-1 transition-all duration-300" width="11" height="8"
viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M0.5 3.5C0.223858 3.5 0 3.72386 0 4C0 4.27614 0.223858 4.5 0.5 4.5V3.5ZM10.3536 4.35355C10.5488 4.15829 10.5488 3.84171 10.3536 3.64645L7.17157 0.464466C6.97631 0.269204 6.65973 0.269204 6.46447 0.464466C6.2692 0.659728 6.2692 0.976311 6.46447 1.17157L9.29289 4L6.46447 6.82843C6.2692 7.02369 6.2692 7.34027 6.46447 7.53553C6.65973 7.7308 6.97631 7.7308 7.17157 7.53553L10.3536 4.35355ZM0.5 4.5H10V3.5H0.5V4.5Z"
fill="currentColor" />
</svg>
<a href="https://hub.greenpill.network">
Join the Hub
</a>
</div>
<div class="flex gap-2 items-center text-green hover:text-[var(--mid-green)] group">
<svg class="group-hover:translate-x-1 transition-all duration-300" width="11" height="8"
viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M0.5 3.5C0.223858 3.5 0 3.72386 0 4C0 4.27614 0.223858 4.5 0.5 4.5V3.5ZM10.3536 4.35355C10.5488 4.15829 10.5488 3.84171 10.3536 3.64645L7.17157 0.464466C6.97631 0.269204 6.65973 0.269204 6.46447 0.464466C6.2692 0.659728 6.2692 0.976311 6.46447 1.17157L9.29289 4L6.46447 6.82843C6.2692 7.02369 6.2692 7.34027 6.46447 7.53553C6.65973 7.7308 6.97631 7.7308 7.17157 7.53553L10.3536 4.35355ZM0.5 4.5H10V3.5H0.5V4.5Z"
fill="currentColor" />
</svg>
<a href="https://t.me/+g9TM8i7GpxAzMGUx">
Join the Telegram
</a>
</div>
<div class="flex gap-2 items-center text-green hover:text-[var(--mid-green)] group">
<svg class="group-hover:translate-x-1 transition-all duration-300" width="11" height="8"
viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M0.5 3.5C0.223858 3.5 0 3.72386 0 4C0 4.27614 0.223858 4.5 0.5 4.5V3.5ZM10.3536 4.35355C10.5488 4.15829 10.5488 3.84171 10.3536 3.64645L7.17157 0.464466C6.97631 0.269204 6.65973 0.269204 6.46447 0.464466C6.2692 0.659728 6.2692 0.976311 6.46447 1.17157L9.29289 4L6.46447 6.82843C6.2692 7.02369 6.2692 7.34027 6.46447 7.53553C6.65973 7.7308 6.97631 7.7308 7.17157 7.53553L10.3536 4.35355ZM0.5 4.5H10V3.5H0.5V4.5Z"
fill="currentColor" />
</svg>
<a href="https://www.tiktok.com/@greenpill.network">
Follow the TikTok
</a>
</div>
<div class="flex gap-2 items-center text-green hover:text-[var(--mid-green)] group">
<svg class="group-hover:translate-x-1 transition-all duration-300" width="11" height="8"
viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M0.5 3.5C0.223858 3.5 0 3.72386 0 4C0 4.27614 0.223858 4.5 0.5 4.5V3.5ZM10.3536 4.35355C10.5488 4.15829 10.5488 3.84171 10.3536 3.64645L7.17157 0.464466C6.97631 0.269204 6.65973 0.269204 6.46447 0.464466C6.2692 0.659728 6.2692 0.976311 6.46447 1.17157L9.29289 4L6.46447 6.82843C6.2692 7.02369 6.2692 7.34027 6.46447 7.53553C6.65973 7.7308 6.97631 7.7308 7.17157 7.53553L10.3536 4.35355ZM0.5 4.5H10V3.5H0.5V4.5Z"
fill="currentColor" />
</svg>
<a href="https://twitter.com/greenpillnet">
Follow the Twitter
</a>
</div>
</div>
</div>
<img src="./src/images/resource1.png"
class="w-[80px] h-[80px] sm:w-[250px] sm:h-[250px] 2xl:w-[434px] 2xl:h-[434px]" alt="" width="434"
height="434" />
</div>
<!-- intermediate -->
<div
class="flex sm:flex-row flex-col-reverse sm:items-center justify-between gap-4 px-2 sm:px-8 sm:py-0 py-6 rounded-2xl">
<div class="sm:py-6 py-2 sm:gap-6 gap-2 flex flex-col justify-center">
<h3 class="text-lg sm:text-2xl text-yellow mb-6">
Intermediate
</h3>
<div class="content flex flex-col gap-2 sm:text-lg text-sm">
<div class="flex gap-2 items-center text-green hover:text-[var(--mid-green)] group">
<svg class="group-hover:translate-x-1 transition-all duration-300" width="11" height="8"
viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M0.5 3.5C0.223858 3.5 0 3.72386 0 4C0 4.27614 0.223858 4.5 0.5 4.5V3.5ZM10.3536 4.35355C10.5488 4.15829 10.5488 3.84171 10.3536 3.64645L7.17157 0.464466C6.97631 0.269204 6.65973 0.269204 6.46447 0.464466C6.2692 0.659728 6.2692 0.976311 6.46447 1.17157L9.29289 4L6.46447 6.82843C6.2692 7.02369 6.2692 7.34027 6.46447 7.53553C6.65973 7.7308 6.97631 7.7308 7.17157 7.53553L10.3536 4.35355ZM0.5 4.5H10V3.5H0.5V4.5Z"
fill="currentColor" />
</svg>
<a href="#network">
Join a local chapter
</a>
</div>
<div class="flex gap-2 items-center text-green hover:text-[var(--mid-green)] group">
<svg class="group-hover:translate-x-1 transition-all duration-300" width="11" height="8"
viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M0.5 3.5C0.223858 3.5 0 3.72386 0 4C0 4.27614 0.223858 4.5 0.5 4.5V3.5ZM10.3536 4.35355C10.5488 4.15829 10.5488 3.84171 10.3536 3.64645L7.17157 0.464466C6.97631 0.269204 6.65973 0.269204 6.46447 0.464466C6.2692 0.659728 6.2692 0.976311 6.46447 1.17157L9.29289 4L6.46447 6.82843C6.2692 7.02369 6.2692 7.34027 6.46447 7.53553C6.65973 7.7308 6.97631 7.7308 7.17157 7.53553L10.3536 4.35355ZM0.5 4.5H10V3.5H0.5V4.5Z"
fill="currentColor" />
</svg>
<p style="color:white">
Join an ImpactDAO (
<a class="link" style="padding: 0px!important" href="https://bits.owocki.com/xQuq8vDr">
ImpactDAO Book
</a> ,
<a class="link" style="padding: 0px!important" href="https://impactdaos.xyz/daos"> ImpactDAOs.xyz
directory
</a>
)
</p>
</div>
<p class="pl-5">Tell a friend.</p>
</div>
</div>
<img src="./src/images/resource2.png"
class="w-[80px] h-[80px] sm:w-[250px] sm:h-[250px] 2xl:w-[434px] 2xl:h-[434px]" alt="" width="434"
height="434" />
</div>
<!-- advanced -->
<div
class="flex sm:flex-row flex-col-reverse sm:items-center justify-between gap-4 px-2 sm:px-8 sm:py-0 py-6 rounded-2xl">
<div class="sm:py-6 py-2 sm: gap-6gap-2 flex flex-col justify-center">
<h3 class="text-lg sm:text-2xl text-yellow mb-6">
Advanced
</h3>
<div class="content flex flex-col gap-2 sm:text-lg text-xs">
<div class="flex gap-2 items-center text-green hover:text-[var(--mid-green)] group">
<svg class="group-hover:translate-x-1 transition-all duration-300" width="11" height="8"
viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M0.5 3.5C0.223858 3.5 0 3.72386 0 4C0 4.27614 0.223858 4.5 0.5 4.5V3.5ZM10.3536 4.35355C10.5488 4.15829 10.5488 3.84171 10.3536 3.64645L7.17157 0.464466C6.97631 0.269204 6.65973 0.269204 6.46447 0.464466C6.2692 0.659728 6.2692 0.976311 6.46447 1.17157L9.29289 4L6.46447 6.82843C6.2692 7.02369 6.2692 7.34027 6.46447 7.53553C6.65973 7.7308 6.97631 7.7308 7.17157 7.53553L10.3536 4.35355ZM0.5 4.5H10V3.5H0.5V4.5Z"
fill="currentColor" />
</svg>
<a href="https://docs.google.com/document/d/1obNKrnOQBECtCGL8-73a6ArKmPPHP2GMrMoPlskUJZM/edit">Join
the
QF Round</a>
</div>
<div class="flex gap-2 items-center text-green hover:text-[var(--mid-green)] group">
<svg class="group-hover:translate-x-1 transition-all duration-300" width="11" height="8"
viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M0.5 3.5C0.223858 3.5 0 3.72386 0 4C0 4.27614 0.223858 4.5 0.5 4.5V3.5ZM10.3536 4.35355C10.5488 4.15829 10.5488 3.84171 10.3536 3.64645L7.17157 0.464466C6.97631 0.269204 6.65973 0.269204 6.46447 0.464466C6.2692 0.659728 6.2692 0.976311 6.46447 1.17157L9.29289 4L6.46447 6.82843C6.2692 7.02369 6.2692 7.34027 6.46447 7.53553C6.65973 7.7308 6.97631 7.7308 7.17157 7.53553L10.3536 4.35355ZM0.5 4.5H10V3.5H0.5V4.5Z"
fill="currentColor" />
</svg>
<a href="https://forms.gle/dMKCDqQR1ACXQ2CZ9">Write a local regen guide</a>
</div>
<div class="flex gap-2 items-center text-green hover:text-[var(--mid-green)] group">
<svg class="group-hover:translate-x-1 transition-all duration-300" width="11" height="8"
viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M0.5 3.5C0.223858 3.5 0 3.72386 0 4C0 4.27614 0.223858 4.5 0.5 4.5V3.5ZM10.3536 4.35355C10.5488 4.15829 10.5488 3.84171 10.3536 3.64645L7.17157 0.464466C6.97631 0.269204 6.65973 0.269204 6.46447 0.464466C6.2692 0.659728 6.2692 0.976311 6.46447 1.17157L9.29289 4L6.46447 6.82843C6.2692 7.02369 6.2692 7.34027 6.46447 7.53553C6.65973 7.7308 6.97631 7.7308 7.17157 7.53553L10.3536 4.35355ZM0.5 4.5H10V3.5H0.5V4.5Z"
fill="currentColor" />
</svg>
<a href="https://bit.ly/greenpill-your-city">Start a local chapter</a>
</div>
<p class="pl-5">Start an ImpactDAO</p>
<p class="pl-5">Distribute the book/podcast/<a
href="https://gov.gitcoin.co/t/make-your-own-green-pills/10521">meme</a>.</p>
<p class="pl-5">Organize a teachback (meetup or written).</p>
<p class="pl-5">Run a regenerative experiment in your local community.</p>
<p class="pl-5">Come up with your own way of contributing.</p>
</div>
</div>
<img src="./src/images/resource3.png"
class="w-[80px] h-[80px] sm:w-[250px] sm:h-[250px] 2xl:w-[434px] 2xl:h-[434px]" alt="" width="434"
height="434" />
</div>
<!-- partner -->
<div
class="flex sm:flex-row flex-col-reverse sm:items-center justify-between gap-4 px-2 sm:px-8 sm:py-0 py-6 rounded-2xl">
<div class="sm:py-6 py-2 sm:gap-6 gap-2 flex flex-col justify-center">
<h3 class="text-lg sm:text-2xl text-yellow mb-6">
Partnerships & Sponsorships
</h3>
<div class="content flex flex-col gap-2 sm:text-lg text-sm">
<p class="pl-5">
If you represent an organization that would like to partner with the greenpill network, please get in
touch in the #introduce-yourself channel <a href="https://discord.gg/greenpill"
class=" text-green hover:text-[var(--mid-green)] transition-all" target="_blank"> via discord</a>.
</p>
<p class="pl-5">
</p>
</div>
<div class="py-6 gap-6 flex flex-col justify-center">
<h3 class="text-lg sm:text-xl text-yellow mb-2 pl-4">
Other Regen Conveners
</h3>
<p class="pl-5">
Pluralism is strength! The greenpill network is built to be interoperable with the other great
conveners
out there in the regen x web3 ecosystem.
These other organizations share a similar mission/ethos and offer complimentary resources to the
Greenpill.network.
</p>
<div class="pl-5">
<div class="flex gap-2 items-center text-green hover:text-[var(--mid-green)] group">
<svg class="group-hover:translate-x-1 transition-all duration-300" width="11" height="8"
viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M0.5 3.5C0.223858 3.5 0 3.72386 0 4C0 4.27614 0.223858 4.5 0.5 4.5V3.5ZM10.3536 4.35355C10.5488 4.15829 10.5488 3.84171 10.3536 3.64645L7.17157 0.464466C6.97631 0.269204 6.65973 0.269204 6.46447 0.464466C6.2692 0.659728 6.2692 0.976311 6.46447 1.17157L9.29289 4L6.46447 6.82843C6.2692 7.02369 6.2692 7.34027 6.46447 7.53553C6.65973 7.7308 6.97631 7.7308 7.17157 7.53553L10.3536 4.35355ZM0.5 4.5H10V3.5H0.5V4.5Z"
fill="currentColor" />
</svg>
<a href="https://www.regensunite.earth/">
Regens Unite
</a>
</div>
<div class="flex gap-2 items-center text-green hover:text-[var(--mid-green)] group">
<svg class="group-hover:translate-x-1 transition-all duration-300" width="11" height="8"
viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M0.5 3.5C0.223858 3.5 0 3.72386 0 4C0 4.27614 0.223858 4.5 0.5 4.5V3.5ZM10.3536 4.35355C10.5488 4.15829 10.5488 3.84171 10.3536 3.64645L7.17157 0.464466C6.97631 0.269204 6.65973 0.269204 6.46447 0.464466C6.2692 0.659728 6.2692 0.976311 6.46447 1.17157L9.29289 4L6.46447 6.82843C6.2692 7.02369 6.2692 7.34027 6.46447 7.53553C6.65973 7.7308 6.97631 7.7308 7.17157 7.53553L10.3536 4.35355ZM0.5 4.5H10V3.5H0.5V4.5Z"
fill="currentColor" />
</svg>
<a href="https://impactdaos.xyz/">
ImpactDAOS.xyz
</a>
</div>
<div class="flex gap-2 items-center text-green hover:text-[var(--mid-green)] group">
<svg class="group-hover:translate-x-1 transition-all duration-300" width="11" height="8"
viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M0.5 3.5C0.223858 3.5 0 3.72386 0 4C0 4.27614 0.223858 4.5 0.5 4.5V3.5ZM10.3536 4.35355C10.5488 4.15829 10.5488 3.84171 10.3536 3.64645L7.17157 0.464466C6.97631 0.269204 6.65973 0.269204 6.46447 0.464466C6.2692 0.659728 6.2692 0.976311 6.46447 1.17157L9.29289 4L6.46447 6.82843C6.2692 7.02369 6.2692 7.34027 6.46447 7.53553C6.65973 7.7308 6.97631 7.7308 7.17157 7.53553L10.3536 4.35355ZM0.5 4.5H10V3.5H0.5V4.5Z"
fill="currentColor" />
</svg>
<a href="https://www.refidao.com/">
RefiDAO
</a>
</div>
</div>
</div>
</div>
<img src="./src/images/resource4.png"
class="w-[80px] h-[80px] sm:w-[250px] sm:h-[250px] 2xl:w-[434px] 2xl:h-[434px]" alt="" width="434"
height="434" />
</div>
</div>
</div>
</section>
<!-- explore -->
<section id="explore" class="py-16 sm:min-h-screen 2xl:min-h-0 max-w-3xl m-auto flex flex-col items-center">
<h2 class="font-volkhov text-xl lg:text-3xl text-yellow mb-4">Explore</h2>
<div class="flex gap-4 sm:gap-[10%] justify-center items-center mb-12">
<div class="flex flex-col gap-0 sm:gap-4 lg:gap-6 xl:shrink-0">
<!-- discord -->
<a href="https://discord.gg/greenpill" target="_blank"
class="link flex gap-6 items-center text-green hover:text-[var(--mid-green)] transition-all">
<svg class="sm:w-[60px] sm:h-[60px] w-[30px] h-[30px] shrink-0" width="60" height="60" viewBox="0 0 60 60"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M43.5305 17.5125C40.9298 16.3218 38.1844 15.4771 35.3642 15C34.9783 15.6899 34.6291 16.3997 34.3181 17.1264C31.3141 16.6737 28.2593 16.6737 25.2553 17.1264C24.9441 16.3997 24.5949 15.69 24.2092 15C21.3872 15.4812 18.64 16.3279 16.0367 17.5187C10.8686 25.165 9.46759 32.6214 10.1681 39.972C13.1947 42.2082 16.5823 43.9088 20.1837 45C20.9946 43.9093 21.7121 42.7523 22.3287 41.5411C21.1576 41.1037 20.0273 40.564 18.9508 39.9284C19.2341 39.7229 19.5112 39.5112 19.7789 39.3057C22.9112 40.7788 26.33 41.5425 29.7914 41.5425C33.2528 41.5425 36.6715 40.7788 39.8038 39.3057C40.0747 39.5268 40.3518 39.7385 40.632 39.9284C39.5534 40.5651 38.421 41.1058 37.2478 41.5442C37.8636 42.7548 38.5812 43.9109 39.3929 45C42.9973 43.9132 46.3875 42.2133 49.4147 39.9751C50.2366 31.4508 48.0106 24.0629 43.5305 17.5125ZM23.216 35.4514C21.264 35.4514 19.6513 33.6799 19.6513 31.5006C19.6513 29.3213 21.2079 27.5342 23.2098 27.5342C25.2117 27.5342 26.8119 29.3213 26.7777 31.5006C26.7434 33.6799 25.2054 35.4514 23.216 35.4514ZM36.3667 35.4514C34.4116 35.4514 32.8051 33.6799 32.8051 31.5006C32.8051 29.3213 34.3617 27.5342 36.3667 27.5342C38.3717 27.5342 39.9595 29.3213 39.9252 31.5006C39.891 33.6799 38.3561 35.4514 36.3667 35.4514Z"
fill="currentColor" />
</svg>
<span>Join our Discord</span>
</a>
<!-- charmverse -->
<a href="https://app.charmverse.io/invite/5e5ee6" target="_blank"
class="link flex gap-6 items-center text-green hover:text-[var(--mid-green)] transition-all">
<svg class="sm:w-[60px] sm:h-[60px] w-[30px] h-[30px] shrink-0" width="62" height="61" viewBox="0 0 62 61"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M24.8786 28.2309L24.8859 28.2296C24.9318 28.224 24.9775 28.2161 25.0226 28.2059C25.0435 28.2018 25.0642 28.1997 25.0844 28.1951C25.1267 28.184 25.1682 28.167 25.2096 28.1521C25.2303 28.1447 25.2521 28.1389 25.2725 28.1302C25.2928 28.1215 25.3386 28.0953 25.3708 28.0794C25.4029 28.0636 25.4225 28.0544 25.447 28.0385C25.4716 28.0226 25.4951 28.003 25.5194 27.9858C25.5436 27.9687 25.5793 27.9431 25.6065 27.9191C25.6065 27.9191 25.6093 27.9143 25.6111 27.9111C25.6316 27.893 25.648 27.8725 25.6674 27.8526C25.6868 27.8326 25.719 27.8019 25.7417 27.7743C25.7645 27.7468 25.7804 27.7217 25.7969 27.6991C25.8135 27.6766 25.836 27.6457 25.8529 27.617C25.8698 27.5883 25.8863 27.5604 25.8975 27.5284C25.9088 27.4965 25.9304 27.4726 25.9364 27.444C25.9424 27.4155 25.9578 27.3764 25.9683 27.3419C25.9789 27.3074 25.9862 27.2913 25.992 27.2649C25.992 27.2649 25.9949 27.2601 25.9968 27.2569C26.0035 27.2213 26.0084 27.1853 26.0114 27.1492C26.0233 27.0914 26.0264 27.0322 26.0204 26.9735C26.0197 26.9379 26.0215 26.9017 26.0178 26.8656C26.0141 26.8294 26.0087 26.8201 26.0052 26.7967C26.0015 26.7734 25.9916 26.7146 25.9796 26.676C25.9742 26.6558 25.9645 26.6355 25.9577 26.6156C25.9446 26.573 25.9291 26.5311 25.911 26.4903L25.9089 26.4828L15.8548 4.98586L29.8183 24.2662L29.8256 24.2704C29.8506 24.3026 29.8773 24.3337 29.9054 24.3634C29.9224 24.3826 29.9372 24.4036 29.955 24.4212C29.9814 24.4457 30.0091 24.4688 30.038 24.4904C30.0604 24.5095 30.0822 24.5314 30.1061 24.5481C30.1299 24.5648 30.1574 24.5772 30.1834 24.5919C30.2095 24.6066 30.2469 24.6278 30.2787 24.6458C30.3105 24.6638 30.326 24.6651 30.3494 24.6751C30.3853 24.6954 30.4253 24.7085 30.4654 24.7216L30.4728 24.7257C30.4967 24.7329 30.5209 24.736 30.5446 24.7419C30.5825 24.7525 30.6209 24.7611 30.6598 24.7677C30.6908 24.7721 30.7222 24.7749 30.7536 24.776C30.7888 24.779 30.8231 24.7835 30.8581 24.7831C30.8931 24.7826 30.9237 24.7787 30.9567 24.776C30.9898 24.7734 31.0239 24.7726 31.0571 24.7679C31.0902 24.7633 31.1271 24.7522 31.1613 24.7439C31.1956 24.7356 31.2163 24.7335 31.2438 24.7256L31.2529 24.7212C31.2864 24.7104 31.3176 24.6961 31.3504 24.6828C31.3833 24.6694 31.4104 24.6603 31.4387 24.6455C31.467 24.6307 31.4825 24.6192 31.5039 24.6068C31.5388 24.5861 31.5754 24.5664 31.6089 24.5428C31.6226 24.5325 31.6352 24.5204 31.648 24.5096C31.6866 24.4792 31.726 24.4473 31.76 24.4155C31.7679 24.4019 31.7813 24.3903 31.7918 24.3781C31.8268 24.3424 31.8594 24.3043 31.8893 24.2641C31.8893 24.2641 31.8893 24.2642 31.8926 24.2586L45.8594 4.98267L35.8058 26.4633C35.778 26.5226 35.7549 26.5839 35.7368 26.6467C35.7341 26.6514 35.7307 26.657 35.7274 26.6626C35.7118 26.7191 35.7004 26.7767 35.6933 26.8348C35.6886 26.8428 35.6909 26.8536 35.6902 26.8639C35.6841 26.9213 35.682 26.9792 35.6839 27.0369L35.686 27.0572C35.6887 27.1131 35.6958 27.1688 35.7074 27.2236C35.7079 27.2291 35.7087 27.2345 35.7098 27.2399L35.712 27.2528C35.7179 27.2795 35.7289 27.305 35.7362 27.3313C35.7434 27.3578 35.7548 27.3994 35.7671 27.4318C35.7794 27.4643 35.7959 27.4917 35.8101 27.5211C35.8243 27.5504 35.8372 27.58 35.8532 27.6082C35.8692 27.6364 35.8931 27.6659 35.9116 27.6933C35.9302 27.7209 35.9456 27.7445 35.9652 27.7683C35.9848 27.7922 36.0181 27.8259 36.0455 27.8531C36.0729 27.8804 36.0774 27.8893 36.0966 27.9065L36.1039 27.9106C36.1347 27.9376 36.1687 27.9611 36.2021 27.9853C36.2242 27.9978 36.2419 28.0174 36.2634 28.0306C36.285 28.0438 36.327 28.0665 36.3587 28.0845C36.3905 28.1025 36.4108 28.114 36.4361 28.1283C36.4613 28.1426 36.4931 28.1477 36.5211 28.1572C36.5547 28.1709 36.5889 28.1828 36.6239 28.193C36.6483 28.1994 36.6751 28.2018 36.7006 28.2066C36.7405 28.2143 36.7808 28.2233 36.8219 28.2273L36.8292 28.2315L60.8555 30.4376L36.8329 32.6474L36.8244 32.6489C36.8096 32.6501 36.7954 32.6538 36.7802 32.6558C36.7351 32.6622 36.6903 32.67 36.6464 32.6802L36.5881 32.6961C36.5481 32.7073 36.5087 32.7205 36.4702 32.7359C36.4534 32.7422 36.4352 32.7491 36.4188 32.7568C36.364 32.7809 36.3112 32.809 36.2607 32.8408C36.2607 32.8408 36.2574 32.8464 36.2555 32.8495C36.2072 32.8805 36.1615 32.9151 36.1186 32.9529C36.1123 32.9569 36.1064 32.9614 36.1009 32.9663C36.0962 32.9743 36.0869 32.9808 36.0793 32.9882C36.0476 33.0181 36.0183 33.0494 35.9888 33.0827C35.9803 33.0971 35.9662 33.1082 35.9553 33.1212C35.9194 33.1661 35.8865 33.2133 35.8569 33.2624C35.8283 33.312 35.8031 33.3635 35.7813 33.4164C35.7728 33.4308 35.7701 33.4483 35.7641 33.4641C35.7498 33.5049 35.7363 33.5463 35.7257 33.5881L35.7171 33.6173C35.7158 33.6246 35.7147 33.6318 35.7141 33.639C35.7024 33.6947 35.6946 33.751 35.6907 33.8078C35.6895 33.8106 35.688 33.8133 35.6861 33.8157C35.6832 33.8745 35.6848 33.9334 35.6908 33.9919C35.6923 34.0097 35.695 34.0272 35.6977 34.0446C35.704 34.0854 35.7125 34.1256 35.7232 34.1654C35.7268 34.1845 35.7317 34.2032 35.7378 34.2216C35.7494 34.2661 35.7639 34.3099 35.7812 34.3525C35.7863 34.3661 35.7901 34.3799 35.7965 34.3931L35.7994 34.4011L45.8567 55.8924L31.8933 36.612L31.8859 36.6079C31.8618 36.5751 31.8337 36.5454 31.8069 36.5153C31.79 36.4962 31.7744 36.4746 31.7566 36.457C31.7387 36.4395 31.7017 36.4101 31.674 36.387C31.6464 36.3639 31.6293 36.3468 31.6055 36.3301C31.5816 36.3134 31.5534 36.3007 31.5281 36.2863C31.4973 36.2668 31.4655 36.2488 31.4328 36.2324C31.4108 36.22 31.3855 36.2131 31.3622 36.2031C31.3263 36.1829 31.2862 36.1698 31.247 36.1572L31.2397 36.153C31.2156 36.1458 31.1914 36.1427 31.1669 36.1363C31.1292 36.1255 31.0907 36.1169 31.0518 36.1106C31.0209 36.1059 30.9903 36.1045 30.958 36.1022C30.9233 36.098 30.8884 36.0957 30.8535 36.0952C30.8197 36.0953 30.7871 36.0992 30.754 36.1017C30.721 36.1044 30.6868 36.1052 30.6537 36.1099C30.6205 36.1146 30.5845 36.1261 30.5494 36.1339C30.5144 36.1417 30.4944 36.1443 30.4678 36.1526L30.4553 36.1573L30.4402 36.1626C30.3861 36.1811 30.3332 36.2031 30.2819 36.2284L30.2637 36.2372C30.2113 36.264 30.161 36.2946 30.1132 36.3287C30.1085 36.3366 30.0969 36.3397 30.089 36.3458C30.0411 36.3809 29.996 36.4194 29.9538 36.4609C29.951 36.4656 29.9477 36.4712 29.9444 36.4768C29.8979 36.5217 29.8549 36.5699 29.8159 36.6212L15.8524 55.8915L25.9107 34.4029C25.9107 34.4029 25.9131 34.3988 25.914 34.3973C25.9335 34.3551 25.948 34.3101 25.9629 34.2664C25.9723 34.2505 25.9777 34.2301 25.9823 34.2114C25.9931 34.1688 26.0016 34.1256 26.0075 34.082C26.0113 34.0608 26.0167 34.0405 26.0193 34.0196C26.0237 33.9827 26.0222 33.9446 26.0237 33.9072C26.0251 33.8697 26.0271 33.8517 26.0258 33.8244C26.0246 33.797 26.0181 33.7636 26.0132 33.7332C26.0084 33.7028 26.0066 33.6634 25.9998 33.6288C25.9998 33.6288 26.0022 33.6248 25.9979 33.6192C25.992 33.5925 25.9809 33.567 25.9737 33.5406C25.9664 33.5142 25.9551 33.4726 25.9427 33.4401C25.9304 33.4076 25.9139 33.3803 25.9002 33.3501C25.8865 33.32 25.8731 33.2912 25.8566 33.2638C25.8402 33.2364 25.8181 33.2058 25.7987 33.1778C25.7794 33.1498 25.764 33.1262 25.7444 33.1024C25.7247 33.0786 25.6909 33.0456 25.6635 33.0184C25.6362 32.9912 25.6316 32.9822 25.6125 32.965L25.6051 32.9609C25.5739 32.9342 25.5411 32.9092 25.5069 32.8861C25.4849 32.8737 25.4672 32.8541 25.4456 32.8409C25.4148 32.8213 25.383 32.8033 25.3503 32.787C25.325 32.7727 25.299 32.758 25.2729 32.7432C25.2469 32.7285 25.2173 32.7234 25.1884 32.7134C25.1595 32.7035 25.12 32.6876 25.0852 32.6786C25.0504 32.6695 25.0339 32.6698 25.009 32.6642C24.984 32.6586 24.9287 32.6474 24.8877 32.6434L24.8803 32.6393L0.85553 30.4341L24.8786 28.2309Z"
fill="currentColor" stroke="#254D32" stroke-miterlimit="10" stroke-linejoin="round" />
<path
d="M28.6141 36.315L28.6128 36.3078C28.6071 36.2626 28.5991 36.2178 28.5888 36.1734C28.5841 36.1537 28.5825 36.1325 28.5777 36.1127C28.5654 36.071 28.5508 36.0299 28.5341 35.9896C28.5266 35.9693 28.5208 35.9478 28.5119 35.9278C28.5031 35.9078 28.4773 35.8632 28.4604 35.8311C28.4435 35.7991 28.435 35.7803 28.4196 35.7566C28.4043 35.7329 28.3828 35.7089 28.3653 35.6851C28.3479 35.6613 28.322 35.6262 28.2977 35.5995L28.2896 35.5949C28.2711 35.5747 28.2503 35.5586 28.2301 35.5396C28.2098 35.5206 28.1786 35.4889 28.1507 35.4665C28.1228 35.4441 28.0973 35.4285 28.0703 35.41C28.0434 35.3914 28.0161 35.3715 27.987 35.3549C27.9578 35.3382 27.9295 35.3221 27.8971 35.311C27.8646 35.3 27.8404 35.2787 27.8073 35.2705C27.7743 35.2624 27.7387 35.2495 27.7036 35.2391C27.6687 35.2287 27.6524 35.2215 27.6255 35.2158L27.6174 35.2112C27.5812 35.2045 27.5447 35.1997 27.508 35.1968C27.4494 35.1851 27.3893 35.1821 27.3297 35.1879C27.2937 35.1886 27.2568 35.1869 27.2202 35.1906C27.1835 35.1941 27.174 35.1994 27.1503 35.2029C27.1266 35.2065 27.067 35.2163 27.0277 35.228C27.0073 35.2334 26.9866 35.2429 26.9665 35.2496C26.9232 35.2624 26.8807 35.2777 26.8393 35.2955L26.8316 35.2975L5.02315 45.1875L24.5931 31.4609L24.5973 31.4537C24.6306 31.43 24.6608 31.4024 24.6913 31.376C24.7107 31.3594 24.7326 31.3441 24.7505 31.3265C24.7683 31.3089 24.7981 31.2726 24.8216 31.2454C24.845 31.2183 24.8623 31.2015 24.8793 31.1781C24.8962 31.1546 24.9087 31.1276 24.926 31.098C24.9458 31.0677 24.9641 31.0364 24.9807 31.0043C24.9934 30.9827 25.0003 30.9579 25.0105 30.9348C25.027 30.8973 25.0444 30.8602 25.0572 30.8216C25.0592 30.8192 25.0607 30.8165 25.0618 30.8136C25.0692 30.79 25.0723 30.7662 25.0783 30.7429C25.0881 30.7058 25.0984 30.6679 25.1045 30.6298C25.1106 30.5916 25.1111 30.5684 25.1138 30.538C25.1165 30.5074 25.1205 30.4691 25.1201 30.4348C25.1196 30.4003 25.1156 30.3703 25.1129 30.3378C25.1103 30.3054 25.1094 30.2718 25.1047 30.2392C25.1 30.2066 25.0887 30.1703 25.0803 30.1366C25.0719 30.103 25.0698 30.0826 25.0613 30.0564L25.0573 30.0467C25.0463 30.0137 25.0318 29.9831 25.0178 29.9515C25.007 29.9217 24.9944 29.8925 24.9804 29.864C24.9688 29.8414 24.9537 29.821 24.9411 29.7999C24.9202 29.7656 24.9002 29.7296 24.8762 29.6967C24.8657 29.6832 24.8535 29.6709 24.8425 29.6582C24.8127 29.62 24.7806 29.5836 24.7465 29.549C24.7327 29.5411 24.721 29.528 24.7091 29.517C24.6727 29.4825 24.6341 29.4504 24.5934 29.421L24.5877 29.4178L5.02228 15.688L26.8256 25.571C26.8857 25.5983 26.9479 25.621 27.0117 25.6388L27.0278 25.648C27.0852 25.6633 27.1436 25.6746 27.2026 25.6816L27.2322 25.6846C27.2905 25.691 27.3491 25.6931 27.4078 25.6909L27.4284 25.6888C27.4851 25.6861 27.5416 25.679 27.5973 25.6677L27.6137 25.6654L27.6269 25.6632C27.6541 25.6574 27.6794 25.6473 27.7067 25.6394C27.7339 25.6315 27.7756 25.6212 27.8086 25.609C27.8416 25.5969 27.8694 25.5808 27.8992 25.5667C27.929 25.5528 27.9591 25.5401 27.9876 25.5244C28.0163 25.5087 28.0457 25.486 28.0749 25.4675C28.104 25.4489 28.1265 25.4328 28.1507 25.4135C28.1749 25.3942 28.2091 25.3615 28.2367 25.3346C28.254 25.3178 28.2734 25.3032 28.2904 25.2851C28.2923 25.2827 28.2939 25.28 28.2951 25.2771C28.3225 25.2468 28.3463 25.2135 28.3709 25.1806C28.3835 25.1589 28.4035 25.1415 28.4169 25.1204C28.4367 25.09 28.455 25.0588 28.4716 25.0266C28.4865 25.001 28.5015 24.9754 28.5184 24.9466C28.5352 24.9177 28.5381 24.8906 28.5485 24.8634C28.559 24.8363 28.5748 24.7963 28.584 24.762C28.5932 24.7278 28.593 24.7116 28.5978 24.6867C28.6057 24.6474 28.6147 24.6077 28.6189 24.5674L28.6231 24.5601L30.8618 0.942139L33.1001 24.5653L33.1017 24.5736C33.103 24.5882 33.1067 24.6021 33.1088 24.6172C33.1144 24.6615 33.1227 24.7054 33.1334 24.7487C33.1381 24.7684 33.1437 24.7866 33.1497 24.806C33.161 24.8453 33.1744 24.884 33.19 24.9219C33.1965 24.9384 33.2034 24.9562 33.2112 24.9724C33.2357 25.0262 33.2642 25.0782 33.2965 25.1278L33.3053 25.1329C33.3373 25.1799 33.3725 25.2246 33.4107 25.2668C33.4148 25.2729 33.4193 25.2787 33.4244 25.2841C33.4314 25.2916 33.4388 25.2986 33.4465 25.3053C33.4768 25.3367 33.5089 25.3664 33.5425 25.3943L33.5816 25.4272C33.6272 25.4625 33.6751 25.4948 33.7249 25.524C33.7753 25.5521 33.8275 25.5768 33.8812 25.5983L33.9297 25.6152C33.9709 25.63 34.0129 25.6426 34.0555 25.6529C34.0653 25.6563 34.0752 25.659 34.0852 25.6613C34.0925 25.6627 34.0998 25.6637 34.1072 25.6643C34.1636 25.6763 34.2209 25.684 34.2784 25.6873L34.2866 25.6919C34.3462 25.6947 34.4059 25.6931 34.4653 25.6872C34.4834 25.6858 34.5012 25.6831 34.5189 25.6804C34.5602 25.6743 34.6011 25.6659 34.6415 25.6554C34.6606 25.6518 34.6794 25.6472 34.6981 25.6417C34.7418 25.6289 34.7848 25.614 34.8269 25.5968C34.8411 25.591 34.8552 25.5873 34.8685 25.581L34.8766 25.5782L56.6859 15.6887L37.1159 29.4153L37.1117 29.4225C37.0784 29.4462 37.0483 29.4738 37.0178 29.5002C36.9983 29.5168 36.9764 29.5321 36.9586 29.5496C36.9408 29.5672 36.911 29.6036 36.8875 29.6308C36.8641 29.658 36.8467 29.6748 36.8298 29.6982C36.8129 29.7216 36.7998 29.7494 36.783 29.7782C36.7632 29.8085 36.745 29.8398 36.7284 29.8719C36.7157 29.8935 36.7088 29.9184 36.6986 29.9414C36.682 29.9789 36.6647 30.016 36.6519 30.0546C36.6501 30.0567 36.6487 30.0592 36.6477 30.0618C36.6403 30.0854 36.6372 30.1092 36.6308 30.1333C36.6198 30.1704 36.611 30.2082 36.6046 30.2465C36.5998 30.2768 36.5984 30.3069 36.5961 30.3388C36.5937 30.3705 36.5886 30.407 36.589 30.4415C36.5895 30.4758 36.5935 30.5059 36.5961 30.5384C36.5987 30.5708 36.5997 30.6044 36.6044 30.637C36.6091 30.6696 36.6208 30.7051 36.6287 30.7395C36.6367 30.774 36.6393 30.7936 36.6477 30.8198L36.6525 30.8321L36.6586 30.8473C36.6765 30.9006 36.6986 30.9525 36.7247 31.0024L36.7331 31.0212C36.7608 31.0722 36.792 31.1214 36.8264 31.1684L36.8438 31.1921C36.8794 31.2392 36.9185 31.2836 36.9606 31.325L36.9768 31.3343C37.0242 31.38 37.0752 31.4219 37.1292 31.4597L56.689 45.1863L34.8784 35.2991L34.872 35.2954C34.8291 35.2763 34.7835 35.262 34.7391 35.2474C34.7206 35.2421 34.7018 35.2335 34.6833 35.2283C34.6401 35.2176 34.5962 35.2093 34.552 35.2035C34.5305 35.1997 34.5099 35.1944 34.4886 35.1919C34.4511 35.1876 34.4125 35.1891 34.374 35.1884C34.3355 35.1878 34.3181 35.1843 34.2904 35.1855C34.2627 35.1868 34.2288 35.193 34.1979 35.1978C34.167 35.2027 34.1271 35.2044 34.092 35.2111C34.092 35.2111 34.0879 35.2087 34.0822 35.2129C34.055 35.2187 34.0292 35.2296 34.0024 35.2367C33.9756 35.2439 33.9334 35.255 33.9004 35.2672C33.8675 35.2793 33.8396 35.2955 33.8091 35.309C33.7785 35.3225 33.7492 35.3357 33.7215 35.3518C33.6936 35.368 33.6626 35.3898 33.6342 35.4088C33.6058 35.4278 33.5818 35.4429 33.5576 35.4622C33.5334 35.4815 33.5 35.5147 33.4723 35.5416C33.4447 35.5686 33.4352 35.5738 33.4182 35.5919C33.4164 35.594 33.415 35.5964 33.414 35.5991C33.3869 35.6298 33.3615 35.6621 33.3382 35.6956C33.3255 35.7173 33.3056 35.7347 33.2922 35.7559C33.2723 35.7862 33.2541 35.8174 33.2375 35.8495C33.223 35.8743 33.208 35.9 33.1907 35.9296C33.1734 35.9593 33.1706 35.9843 33.1605 36.0127C33.1505 36.0411 33.1342 36.08 33.1251 36.1142C33.1159 36.1484 33.1161 36.1646 33.1104 36.1891C33.1026 36.2284 33.0935 36.2681 33.0893 36.3084C33.0893 36.3084 33.0866 36.3132 33.0851 36.3156L30.8469 59.9328L28.6141 36.315Z"
fill="currentColor" stroke="#254D32" stroke-miterlimit="10" stroke-linejoin="round" />
<path
d="M39.3255 25.8715C39.6669 25.3292 39.8884 24.7306 39.9776 24.1097C40.0667 23.4888 40.0215 22.8579 39.8447 22.2531C39.6679 21.6482 39.3628 21.0813 38.9471 20.5847C38.5314 20.0881 38.013 19.6715 37.4217 19.3588C36.8309 19.0456 36.1787 18.8424 35.5023 18.7606C34.8259 18.6788 34.1385 18.7201 33.4795 18.8821C32.8205 19.0441 32.2028 19.3237 31.6615 19.7049C31.1203 20.0861 30.6662 20.5613 30.3252 21.1036L26.6887 26.8831L35.6854 31.6492L39.3255 25.8715Z"
fill="currentColor" stroke="#254D32" stroke-miterlimit="10" stroke-linejoin="round" />
<path
d="M26.8575 26.8015L23.2189 32.9434C22.53 34.1062 22.343 35.4881 22.6991 36.7853C23.0552 38.0825 23.9253 39.1888 25.118 39.8611C26.3118 40.5324 27.7304 40.7141 29.0617 40.3663C30.3931 40.0185 31.5281 39.1696 32.2172 38.0063L35.8559 31.8644L26.8575 26.8015Z"
fill="currentColor" stroke="#254D32" stroke-miterlimit="10" stroke-linejoin="round" />
<path
d="M36.6404 18.7197C37.5735 19.456 38.2017 20.4798 38.4142 21.6106C38.6268 22.7415 38.4102 23.9069 37.8026 24.9018L34.1887 30.8151L35.7178 31.6492L39.3318 25.7358C39.6705 25.181 39.8902 24.5686 39.9782 23.9337C40.0663 23.2987 40.0212 22.6535 39.8452 22.035C39.6694 21.4165 39.3663 20.8368 38.9532 20.329C38.5401 19.8212 38.0253 19.3953 37.4379 19.0754C37.1832 18.9359 36.9164 18.8169 36.6404 18.7197Z"
fill="currentColor" stroke="#254D32" stroke-miterlimit="10" stroke-linejoin="round" />
<path
d="M34.2894 30.8416L30.5878 37.084C29.9651 38.1338 28.9819 38.936 27.8112 39.3491C26.6406 39.7622 25.3578 39.7597 24.1889 39.3421C24.4211 39.5318 24.6698 39.7017 24.9321 39.8495C26.1466 40.5319 27.5897 40.7165 28.944 40.3631C30.2983 40.0095 31.453 39.1467 32.154 37.9644L35.8556 31.722L34.2894 30.8416Z"
fill="currentColor" stroke="#254D32" stroke-miterlimit="10" stroke-linejoin="round" />
</svg>
<span>Join our Charmverse</span>
</a>
<!-- twitter -->
<a href="https://twitter.com/i/lists/1648995422244057089" target="_blank"
class="link flex gap-6 items-center text-green hover:text-[var(--mid-green)] transition-all">
<svg class="sm:w-[60px] sm:h-[60px] w-[30px] h-[30px] shrink-0" width="60" height="60" viewBox="0 0 60 60"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M48 18.5509C46.6385 19.1526 45.1753 19.5604 43.64 19.7432C45.2068 18.8056 46.411 17.3217 46.9771 15.5537C45.5101 16.4211 43.886 17.0523 42.1564 17.3919C40.7728 15.9209 38.799 15 36.6162 15C32.4246 15 29.0264 18.3903 29.0264 22.5724C29.0264 23.1667 29.093 23.7444 29.2225 24.2981C22.9147 23.9825 17.3208 20.9668 13.5786 16.386C12.9257 17.5045 12.5501 18.8056 12.5501 20.1935C12.5501 22.8216 13.8894 25.1378 15.9261 26.4962C14.6811 26.4574 13.512 26.116 12.4873 25.5494C12.4873 25.5807 12.4873 25.6121 12.4873 25.6453C12.4873 29.3144 15.1029 32.3743 18.575 33.0701C17.9387 33.2436 17.2672 33.3359 16.5753 33.3359C16.087 33.3359 15.6116 33.2879 15.1473 33.1993C16.1129 36.2076 18.9172 38.3965 22.2376 38.4592C19.6405 40.4912 16.3663 41.7019 12.811 41.7019C12.1987 41.7019 11.5938 41.6669 11 41.5967C14.3593 43.745 18.3493 45 22.6353 45C36.5959 45 44.2319 33.4614 44.2319 23.4528C44.2319 23.1243 44.2245 22.7976 44.2097 22.4728C45.6933 21.4042 46.9789 20.0717 47.9963 18.5528L48 18.5509Z"
fill="currentColor" />
</svg>