mirror of
https://github.com/web3privacy/web
synced 2024-10-15 18:26:27 +02:00
feat: about us html and membershio html
This commit is contained in:
Diex5
parent
8840fb6afb
commit
e6e62eb9d2
30 changed files with 842 additions and 195 deletions
BIN
public/about/1.png
Normal file
BIN
public/about/1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 39 KiB |
BIN
public/about/2.png
Normal file
BIN
public/about/2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 43 KiB |
BIN
public/about/3.png
Normal file
BIN
public/about/3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
BIN
public/about/4.png
Normal file
BIN
public/about/4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 43 KiB |
BIN
public/about/about.png
Normal file
BIN
public/about/about.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 374 KiB |
BIN
public/about/image1.png
Normal file
BIN
public/about/image1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
BIN
public/about/image2.png
Normal file
BIN
public/about/image2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
public/about/stickers.png
Normal file
BIN
public/about/stickers.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 215 KiB |
3
public/arrow.svg
Normal file
3
public/arrow.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="16" height="49" viewBox="0 0 16 49" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M7.29289 48.7071C7.68342 49.0976 8.31658 49.0976 8.7071 48.7071L15.0711 42.3431C15.4616 41.9526 15.4616 41.3195 15.0711 40.9289C14.6805 40.5384 14.0474 40.5384 13.6569 40.9289L8 46.5858L2.34314 40.9289C1.95262 40.5384 1.31945 40.5384 0.92893 40.9289C0.538406 41.3195 0.538406 41.9526 0.92893 42.3431L7.29289 48.7071ZM7 -4.37114e-08L7 48L9 48L9 4.37114e-08L7 -4.37114e-08Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 500 B |
3
public/icons/calendar_today.svg
Normal file
3
public/icons/calendar_today.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M2 20C1.45 20 0.979167 19.8042 0.5875 19.4125C0.195833 19.0208 0 18.55 0 18V4C0 3.45 0.195833 2.97917 0.5875 2.5875C0.979167 2.19583 1.45 2 2 2H3V1C3 0.716667 3.09583 0.479167 3.2875 0.2875C3.47917 0.0958333 3.71667 0 4 0C4.28333 0 4.52083 0.0958333 4.7125 0.2875C4.90417 0.479167 5 0.716667 5 1V2H13V1C13 0.716667 13.0958 0.479167 13.2875 0.2875C13.4792 0.0958333 13.7167 0 14 0C14.2833 0 14.5208 0.0958333 14.7125 0.2875C14.9042 0.479167 15 0.716667 15 1V2H16C16.55 2 17.0208 2.19583 17.4125 2.5875C17.8042 2.97917 18 3.45 18 4V18C18 18.55 17.8042 19.0208 17.4125 19.4125C17.0208 19.8042 16.55 20 16 20H2ZM2 18H16V8H2V18Z" fill="#909090"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 754 B |
3
public/icons/database.svg
Normal file
3
public/icons/database.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M8 7.16667C10.0833 7.16667 11.8542 6.84028 13.3125 6.1875C14.7708 5.53472 15.5 4.75 15.5 3.83333C15.5 2.91667 14.7708 2.13194 13.3125 1.47917C11.8542 0.826389 10.0833 0.5 8 0.5C5.91667 0.5 4.14583 0.826389 2.6875 1.47917C1.22917 2.13194 0.5 2.91667 0.5 3.83333C0.5 4.75 1.22917 5.53472 2.6875 6.1875C4.14583 6.84028 5.91667 7.16667 8 7.16667ZM8 9.25C8.56944 9.25 9.28125 9.19097 10.1354 9.07292C10.9896 8.95486 11.8125 8.76389 12.6042 8.5C13.3958 8.23611 14.0764 7.89236 14.6458 7.46875C15.2153 7.04514 15.5 6.52778 15.5 5.91667V8C15.5 8.61111 15.2153 9.12847 14.6458 9.55208C14.0764 9.97569 13.3958 10.3194 12.6042 10.5833C11.8125 10.8472 10.9896 11.0382 10.1354 11.1562C9.28125 11.2743 8.56944 11.3333 8 11.3333C7.43056 11.3333 6.71875 11.2743 5.86458 11.1562C5.01042 11.0382 4.1875 10.8472 3.39583 10.5833C2.60417 10.3194 1.92361 9.97569 1.35417 9.55208C0.784722 9.12847 0.5 8.61111 0.5 8V5.91667C0.5 6.52778 0.784722 7.04514 1.35417 7.46875C1.92361 7.89236 2.60417 8.23611 3.39583 8.5C4.1875 8.76389 5.01042 8.95486 5.86458 9.07292C6.71875 9.19097 7.43056 9.25 8 9.25ZM8 13.4167C8.56944 13.4167 9.28125 13.3576 10.1354 13.2396C10.9896 13.1215 11.8125 12.9306 12.6042 12.6667C13.3958 12.4028 14.0764 12.059 14.6458 11.6354C15.2153 11.2118 15.5 10.6944 15.5 10.0833V12.1667C15.5 12.7778 15.2153 13.2951 14.6458 13.7188C14.0764 14.1424 13.3958 14.4861 12.6042 14.75C11.8125 15.0139 10.9896 15.2049 10.1354 15.3229C9.28125 15.441 8.56944 15.5 8 15.5C7.43056 15.5 6.71875 15.441 5.86458 15.3229C5.01042 15.2049 4.1875 15.0139 3.39583 14.75C2.60417 14.4861 1.92361 14.1424 1.35417 13.7188C0.784722 13.2951 0.5 12.7778 0.5 12.1667V10.0833C0.5 10.6944 0.784722 11.2118 1.35417 11.6354C1.92361 12.059 2.60417 12.4028 3.39583 12.6667C4.1875 12.9306 5.01042 13.1215 5.86458 13.2396C6.71875 13.3576 7.43056 13.4167 8 13.4167Z" fill="#909090"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.9 KiB |
3
public/icons/encrypted.svg
Normal file
3
public/icons/encrypted.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="16" height="20" viewBox="0 0 16 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M7.1 13H8.9C9.05 13 9.17917 12.9375 9.2875 12.8125C9.39583 12.6875 9.43333 12.55 9.4 12.4L8.925 9.77502C9.25833 9.60836 9.52083 9.36669 9.7125 9.05002C9.90417 8.73336 10 8.38336 10 8.00002C10 7.45002 9.80417 6.97919 9.4125 6.58752C9.02083 6.19586 8.55 6.00002 8 6.00002C7.45 6.00002 6.97917 6.19586 6.5875 6.58752C6.19583 6.97919 6 7.45002 6 8.00002C6 8.38336 6.09583 8.73336 6.2875 9.05002C6.47917 9.36669 6.74167 9.60836 7.075 9.77502L6.6 12.4C6.56667 12.55 6.60417 12.6875 6.7125 12.8125C6.82083 12.9375 6.95 13 7.1 13ZM8 19.9C7.88333 19.9 7.775 19.8917 7.675 19.875C7.575 19.8584 7.475 19.8334 7.375 19.8C5.125 19.05 3.33333 17.6625 2 15.6375C0.666667 13.6125 0 11.4334 0 9.10002V4.37502C0 3.95836 0.120833 3.58336 0.3625 3.25002C0.604167 2.91669 0.916667 2.67502 1.3 2.52502L7.3 0.275024C7.53333 0.191691 7.76667 0.150024 8 0.150024C8.23333 0.150024 8.46667 0.191691 8.7 0.275024L14.7 2.52502C15.0833 2.67502 15.3958 2.91669 15.6375 3.25002C15.8792 3.58336 16 3.95836 16 4.37502V9.10002C16 11.4334 15.3333 13.6125 14 15.6375C12.6667 17.6625 10.875 19.05 8.625 19.8C8.525 19.8334 8.425 19.8584 8.325 19.875C8.225 19.8917 8.11667 19.9 8 19.9Z" fill="#909090"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
3
public/icons/experiment.svg
Normal file
3
public/icons/experiment.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M2.16698 15.5C1.45865 15.5 0.955178 15.184 0.656566 14.5521C0.357955 13.9201 0.430872 13.3333 0.875316 12.7917L5.50032 7.16667V2.16667H4.66698C4.43087 2.16667 4.23296 2.08681 4.07323 1.92708C3.91351 1.76736 3.83365 1.56944 3.83365 1.33333C3.83365 1.09722 3.91351 0.899306 4.07323 0.739583C4.23296 0.579861 4.43087 0.5 4.66698 0.5H11.3337C11.5698 0.5 11.7677 0.579861 11.9274 0.739583C12.0871 0.899306 12.167 1.09722 12.167 1.33333C12.167 1.56944 12.0871 1.76736 11.9274 1.92708C11.7677 2.08681 11.5698 2.16667 11.3337 2.16667H10.5003V7.16667L15.1253 12.7917C15.5698 13.3333 15.6427 13.9201 15.3441 14.5521C15.0455 15.184 14.542 15.5 13.8337 15.5H2.16698ZM3.83365 13H12.167L9.33365 9.66667H6.66698L3.83365 13Z" fill="#909090"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 839 B |
8
public/icons/gift.svg
Normal file
8
public/icons/gift.svg
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<mask id="mask0_5004_1309" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
|
||||
<rect width="24" height="24" fill="#D9D9D9"/>
|
||||
</mask>
|
||||
<g mask="url(#mask0_5004_1309)">
|
||||
<path d="M4 20V11C3.45 11 2.97917 10.8042 2.5875 10.4125C2.19583 10.0208 2 9.55 2 9V7C2 6.45 2.19583 5.97917 2.5875 5.5875C2.97917 5.19583 3.45 5 4 5H7.2C7.11667 4.85 7.0625 4.69167 7.0375 4.525C7.0125 4.35833 7 4.18333 7 4C7 3.16667 7.29167 2.45833 7.875 1.875C8.45833 1.29167 9.16667 1 10 1C10.3833 1 10.7417 1.07083 11.075 1.2125C11.4083 1.35417 11.7167 1.55 12 1.8C12.2833 1.53333 12.5917 1.33333 12.925 1.2C13.2583 1.06667 13.6167 1 14 1C14.8333 1 15.5417 1.29167 16.125 1.875C16.7083 2.45833 17 3.16667 17 4C17 4.18333 16.9833 4.35417 16.95 4.5125C16.9167 4.67083 16.8667 4.83333 16.8 5H20C20.55 5 21.0208 5.19583 21.4125 5.5875C21.8042 5.97917 22 6.45 22 7V9C22 9.55 21.8042 10.0208 21.4125 10.4125C21.0208 10.8042 20.55 11 20 11V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20ZM14 3C13.7167 3 13.4792 3.09583 13.2875 3.2875C13.0958 3.47917 13 3.71667 13 4C13 4.28333 13.0958 4.52083 13.2875 4.7125C13.4792 4.90417 13.7167 5 14 5C14.2833 5 14.5208 4.90417 14.7125 4.7125C14.9042 4.52083 15 4.28333 15 4C15 3.71667 14.9042 3.47917 14.7125 3.2875C14.5208 3.09583 14.2833 3 14 3ZM9 4C9 4.28333 9.09583 4.52083 9.2875 4.7125C9.47917 4.90417 9.71667 5 10 5C10.2833 5 10.5208 4.90417 10.7125 4.7125C10.9042 4.52083 11 4.28333 11 4C11 3.71667 10.9042 3.47917 10.7125 3.2875C10.5208 3.09583 10.2833 3 10 3C9.71667 3 9.47917 3.09583 9.2875 3.2875C9.09583 3.47917 9 3.71667 9 4ZM4 7V9H11V7H4ZM11 20V11H6V20H11ZM13 20H18V11H13V20ZM20 9V7H13V9H20Z" fill="white"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.8 KiB |
3
public/icons/group_work.svg
Normal file
3
public/icons/group_work.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6 14C6.55 14 7.02083 13.8042 7.4125 13.4125C7.80417 13.0208 8 12.55 8 12C8 11.45 7.80417 10.9792 7.4125 10.5875C7.02083 10.1958 6.55 10 6 10C5.45 10 4.97917 10.1958 4.5875 10.5875C4.19583 10.9792 4 11.45 4 12C4 12.55 4.19583 13.0208 4.5875 13.4125C4.97917 13.8042 5.45 14 6 14ZM14 14C14.55 14 15.0208 13.8042 15.4125 13.4125C15.8042 13.0208 16 12.55 16 12C16 11.45 15.8042 10.9792 15.4125 10.5875C15.0208 10.1958 14.55 10 14 10C13.45 10 12.9792 10.1958 12.5875 10.5875C12.1958 10.9792 12 11.45 12 12C12 12.55 12.1958 13.0208 12.5875 13.4125C12.9792 13.8042 13.45 14 14 14ZM10 8C10.55 8 11.0208 7.80417 11.4125 7.4125C11.8042 7.02083 12 6.55 12 6C12 5.45 11.8042 4.97917 11.4125 4.5875C11.0208 4.19583 10.55 4 10 4C9.45 4 8.97917 4.19583 8.5875 4.5875C8.19583 4.97917 8 5.45 8 6C8 6.55 8.19583 7.02083 8.5875 7.4125C8.97917 7.80417 9.45 8 10 8ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20Z" fill="#909090"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
3
public/icons/local_florist.svg
Normal file
3
public/icons/local_florist.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="18" height="21" viewBox="0 0 18 21" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M9.00084 9.5C9.70084 9.5 10.2925 9.25833 10.7758 8.775C11.2592 8.29167 11.5008 7.7 11.5008 7C11.5008 6.3 11.2592 5.70833 10.7758 5.225C10.2925 4.74167 9.70084 4.5 9.00084 4.5C8.30084 4.5 7.70918 4.74167 7.22584 5.225C6.74251 5.70833 6.50084 6.3 6.50084 7C6.50084 7.7 6.74251 8.29167 7.22584 8.775C7.70918 9.25833 8.30084 9.5 9.00084 9.5ZM9.00084 14C8.35084 14 7.76334 13.8208 7.23834 13.4625C6.71334 13.1042 6.33418 12.6333 6.10084 12.05C6.01751 12.05 5.94251 12.0542 5.87584 12.0625C5.80918 12.0708 5.73418 12.075 5.65084 12.075C4.78418 12.075 4.04251 11.7667 3.42584 11.15C2.80918 10.5333 2.50084 9.79167 2.50084 8.925C2.50084 8.575 2.55918 8.2375 2.67584 7.9125C2.79251 7.5875 2.96751 7.28333 3.20084 7C2.98417 6.71667 2.81751 6.4125 2.70084 6.0875C2.58418 5.7625 2.52584 5.425 2.52584 5.075C2.52584 4.20833 2.83001 3.46667 3.43834 2.85C4.04668 2.23333 4.78418 1.925 5.65084 1.925C5.73418 1.925 5.80918 1.92917 5.87584 1.9375C5.94251 1.94583 6.01751 1.95 6.10084 1.95C6.33418 1.36667 6.71334 0.895833 7.23834 0.5375C7.76334 0.179167 8.35084 0 9.00084 0C9.65084 0 10.2383 0.179167 10.7633 0.5375C11.2883 0.895833 11.6675 1.36667 11.9008 1.95C11.9842 1.95 12.0592 1.94583 12.1258 1.9375C12.1925 1.92917 12.2675 1.925 12.3508 1.925C13.2175 1.925 13.955 2.23333 14.5633 2.85C15.1717 3.46667 15.4758 4.20833 15.4758 5.075C15.4758 5.425 15.4217 5.7625 15.3133 6.0875C15.205 6.4125 15.0342 6.71667 14.8008 7C15.0175 7.28333 15.1842 7.5875 15.3008 7.9125C15.4175 8.2375 15.4758 8.575 15.4758 8.925C15.4758 9.79167 15.1717 10.5333 14.5633 11.15C13.955 11.7667 13.2175 12.075 12.3508 12.075C12.2675 12.075 12.1925 12.0708 12.1258 12.0625C12.0592 12.0542 11.9842 12.05 11.9008 12.05C11.6675 12.6333 11.2883 13.1042 10.7633 13.4625C10.2383 13.8208 9.65084 14 9.00084 14ZM9.00084 20.975C9.00084 18.875 9.63418 17.0167 10.9008 15.4C12.1675 13.7833 13.7758 12.7333 15.7258 12.25C16.0425 12.1667 16.355 12.1375 16.6633 12.1625C16.9717 12.1875 17.2425 12.3167 17.4758 12.55C17.6758 12.7667 17.7883 13.025 17.8133 13.325C17.8383 13.625 17.8092 13.9167 17.7258 14.2C17.2592 16.1667 16.2133 17.7875 14.5883 19.0625C12.9633 20.3375 11.1008 20.975 9.00084 20.975ZM9.00084 21C9.00084 18.9 8.36751 17.0417 7.10084 15.425C5.83418 13.8083 4.22584 12.7583 2.27584 12.275C1.95917 12.1917 1.64667 12.1625 1.33834 12.1875C1.03001 12.2125 0.759175 12.3417 0.525841 12.575C0.325841 12.7917 0.213341 13.05 0.188341 13.35C0.163341 13.65 0.192508 13.9417 0.275841 14.225C0.742508 16.1917 1.78834 17.8125 3.41334 19.0875C5.03834 20.3625 6.90084 21 9.00084 21Z" fill="#909090"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.6 KiB |
3
public/icons/query_stats.svg
Normal file
3
public/icons/query_stats.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="22" height="21" viewBox="0 0 22 21" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M0.746131 15.55C0.529464 15.4 0.400298 15.1958 0.358631 14.9375C0.316964 14.6792 0.362798 14.4333 0.496131 14.2L4.27113 8.15001C4.45446 7.86667 4.70863 7.71251 5.03363 7.68751C5.35863 7.66251 5.6378 7.77501 5.87113 8.02501L7.99613 10.5L11.1711 5.32501C11.3545 5.00834 11.6336 4.85001 12.0086 4.85001C12.3836 4.85001 12.6711 5.00001 12.8711 5.30001L13.8961 6.85001C14.0795 7.13334 14.1336 7.40417 14.0586 7.66251C13.9836 7.92084 13.8378 8.11667 13.6211 8.25001C13.4045 8.38334 13.167 8.43751 12.9086 8.41251C12.6503 8.38751 12.4295 8.23334 12.2461 7.95001L12.0711 7.70001L8.99613 12.7C8.8128 12.9833 8.55446 13.1417 8.22113 13.175C7.8878 13.2083 7.60446 13.0917 7.37113 12.825L5.24613 10.35L2.19613 15.275C2.04613 15.525 1.8253 15.6792 1.53363 15.7375C1.24196 15.7958 0.979464 15.7333 0.746131 15.55ZM15.0711 18.575C13.8211 18.575 12.7586 18.1375 11.8836 17.2625C11.0086 16.3875 10.5711 15.325 10.5711 14.075C10.5711 12.825 11.0086 11.7625 11.8836 10.8875C12.7586 10.0125 13.8211 9.57501 15.0711 9.57501C16.3211 9.57501 17.3836 10.0125 18.2586 10.8875C19.1336 11.7625 19.5711 12.825 19.5711 14.075C19.5711 14.5083 19.5128 14.9292 19.3961 15.3375C19.2795 15.7458 19.1045 16.125 18.8711 16.475L21.2711 18.875C21.4711 19.075 21.5753 19.3083 21.5836 19.575C21.592 19.8417 21.4961 20.075 21.2961 20.275C21.0961 20.475 20.8586 20.575 20.5836 20.575C20.3086 20.575 20.0711 20.475 19.8711 20.275L17.4461 17.875C17.1128 18.1083 16.742 18.2833 16.3336 18.4C15.9253 18.5167 15.5045 18.575 15.0711 18.575ZM15.0711 16.575C15.7711 16.575 16.3628 16.3333 16.8461 15.85C17.3295 15.3667 17.5711 14.775 17.5711 14.075C17.5711 13.375 17.3295 12.7833 16.8461 12.3C16.3628 11.8167 15.7711 11.575 15.0711 11.575C14.3711 11.575 13.7795 11.8167 13.2961 12.3C12.8128 12.7833 12.5711 13.375 12.5711 14.075C12.5711 14.775 12.8128 15.3667 13.2961 15.85C13.7795 16.3333 14.3711 16.575 15.0711 16.575ZM16.2961 8.30001C16.0795 8.16667 15.9295 7.97501 15.8461 7.72501C15.7628 7.47501 15.8128 7.20834 15.9961 6.92501L19.7961 0.900007C19.9461 0.666673 20.1628 0.516673 20.4461 0.450007C20.7295 0.38334 20.9878 0.441673 21.2211 0.625007C21.4378 0.775007 21.5711 0.979173 21.6211 1.23751C21.6711 1.49584 21.6295 1.74167 21.4961 1.97501L17.6711 7.97501C17.4878 8.25834 17.267 8.41667 17.0086 8.45001C16.7503 8.48334 16.5128 8.43334 16.2961 8.30001Z" fill="#909090"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
3
public/icons/school.svg
Normal file
3
public/icons/school.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="19" height="16" viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M16.4922 11.3332V6.41656L9.78385 10.0624C9.53385 10.2013 9.26997 10.2707 8.99219 10.2707C8.71441 10.2707 8.45052 10.2013 8.20052 10.0624L1.15885 6.22906C1.00608 6.14573 0.898438 6.04156 0.835938 5.91656C0.773438 5.79156 0.742188 5.65268 0.742188 5.4999C0.742188 5.34712 0.773438 5.20823 0.835938 5.08323C0.898438 4.95823 1.00608 4.85406 1.15885 4.77073L8.20052 0.937398C8.32552 0.867954 8.45399 0.81587 8.58594 0.781148C8.71788 0.746426 8.8533 0.729065 8.99219 0.729065C9.13108 0.729065 9.26649 0.746426 9.39844 0.781148C9.53038 0.81587 9.65885 0.867954 9.78385 0.937398L17.7214 5.27073C17.8602 5.34018 17.9679 5.44087 18.0443 5.57281C18.1207 5.70476 18.1589 5.84712 18.1589 5.9999V11.3332C18.1589 11.5693 18.079 11.7673 17.9193 11.927C17.7596 12.0867 17.5616 12.1666 17.3255 12.1666C17.0894 12.1666 16.8915 12.0867 16.7318 11.927C16.572 11.7673 16.4922 11.5693 16.4922 11.3332ZM8.20052 15.0624L4.03385 12.8124C3.75608 12.6596 3.5408 12.4513 3.38802 12.1874C3.23524 11.9235 3.15885 11.6388 3.15885 11.3332V8.16656L8.20052 10.8957C8.45052 11.0346 8.71441 11.1041 8.99219 11.1041C9.26997 11.1041 9.53385 11.0346 9.78385 10.8957L14.8255 8.16656V11.3332C14.8255 11.6388 14.7491 11.9235 14.5964 12.1874C14.4436 12.4513 14.2283 12.6596 13.9505 12.8124L9.78385 15.0624C9.65885 15.1318 9.53038 15.1839 9.39844 15.2186C9.26649 15.2534 9.13108 15.2707 8.99219 15.2707C8.8533 15.2707 8.71788 15.2534 8.58594 15.2186C8.45399 15.1839 8.32552 15.1318 8.20052 15.0624Z" fill="#909090"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
3
public/icons/star_half.svg
Normal file
3
public/icons/star_half.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M8.0018 3.93746V10.4375L10.6268 12.0416L9.9393 9.04163L12.2518 7.04163L9.21014 6.77079L8.0018 3.93746ZM8.0018 12.3958L4.54347 14.4791C4.39069 14.5763 4.23097 14.618 4.0643 14.6041C3.89764 14.5902 3.7518 14.5347 3.6268 14.4375C3.5018 14.3402 3.40458 14.2187 3.33514 14.0729C3.26569 13.927 3.2518 13.7638 3.29347 13.5833L4.21014 9.64579L1.14764 6.99996C1.00875 6.87496 0.921942 6.7326 0.88722 6.57288C0.852497 6.41315 0.862914 6.2569 0.91847 6.10413C0.974025 5.95135 1.05736 5.82635 1.16847 5.72913C1.27958 5.6319 1.43236 5.5694 1.6268 5.54163L5.66847 5.18746L7.23097 1.47913C7.30041 1.31246 7.40805 1.18746 7.55389 1.10413C7.69972 1.02079 7.84903 0.979126 8.0018 0.979126C8.15458 0.979126 8.30389 1.02079 8.44972 1.10413C8.59555 1.18746 8.70319 1.31246 8.77264 1.47913L10.3351 5.18746L14.3768 5.54163C14.5712 5.5694 14.724 5.6319 14.8351 5.72913C14.9462 5.82635 15.0296 5.95135 15.0851 6.10413C15.1407 6.2569 15.1511 6.41315 15.1164 6.57288C15.0817 6.7326 14.9949 6.87496 14.856 6.99996L11.7935 9.64579L12.7101 13.5833C12.7518 13.7638 12.7379 13.927 12.6685 14.0729C12.599 14.2187 12.5018 14.3402 12.3768 14.4375C12.2518 14.5347 12.106 14.5902 11.9393 14.6041C11.7726 14.618 11.6129 14.5763 11.4601 14.4791L8.0018 12.3958Z" fill="#909090"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
3
public/icons/visibility_lock.svg
Normal file
3
public/icons/visibility_lock.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="22" height="17" viewBox="0 0 22 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M16.0031 17C15.7198 17 15.4823 16.9042 15.2906 16.7125C15.099 16.5208 15.0031 16.2833 15.0031 16V13C15.0031 12.7167 15.099 12.4792 15.2906 12.2875C15.4823 12.0958 15.7198 12 16.0031 12V11C16.0031 10.45 16.199 9.97917 16.5906 9.5875C16.9823 9.19583 17.4531 9 18.0031 9C18.5531 9 19.024 9.19583 19.4156 9.5875C19.8073 9.97917 20.0031 10.45 20.0031 11V12C20.2865 12 20.524 12.0958 20.7156 12.2875C20.9073 12.4792 21.0031 12.7167 21.0031 13V16C21.0031 16.2833 20.9073 16.5208 20.7156 16.7125C20.524 16.9042 20.2865 17 20.0031 17H16.0031ZM17.0031 12H19.0031V11C19.0031 10.7167 18.9073 10.4792 18.7156 10.2875C18.524 10.0958 18.2865 10 18.0031 10C17.7198 10 17.4823 10.0958 17.2906 10.2875C17.099 10.4792 17.0031 10.7167 17.0031 11V12ZM11.0031 10.2C10.2531 10.2 9.61563 9.9375 9.09063 9.4125C8.56563 8.8875 8.30313 8.25 8.30313 7.5C8.30313 6.75 8.56563 6.1125 9.09063 5.5875C9.61563 5.0625 10.2531 4.8 11.0031 4.8C11.7531 4.8 12.3906 5.0625 12.9156 5.5875C13.4406 6.1125 13.7031 6.75 13.7031 7.5C13.7031 8.25 13.4406 8.8875 12.9156 9.4125C12.3906 9.9375 11.7531 10.2 11.0031 10.2ZM11.0031 15C8.76979 15 6.68229 14.4 4.74063 13.2C2.79896 12 1.35313 10.3833 0.403125 8.35C0.336458 8.21667 0.286458 8.07917 0.253125 7.9375C0.219792 7.79583 0.203125 7.65 0.203125 7.5C0.203125 7.35 0.219792 7.20417 0.253125 7.0625C0.286458 6.92083 0.336458 6.78333 0.403125 6.65C1.35313 4.61667 2.79896 3 4.74063 1.8C6.68229 0.6 8.76979 0 11.0031 0C12.1865 0 13.3156 0.1625 14.3906 0.4875C15.4656 0.8125 16.4781 1.28333 17.4281 1.9C18.1448 2.36667 18.8073 2.90417 19.4156 3.5125C20.024 4.12083 20.5615 4.8 21.0281 5.55C21.2281 5.86667 21.2323 6.1875 21.0406 6.5125C20.849 6.8375 20.5615 7 20.1781 7H18.0031C17.5365 7 17.0948 7.05833 16.6781 7.175C16.2615 7.29167 15.8698 7.45833 15.5031 7.675V7.5C15.5031 6.25 15.0656 5.1875 14.1906 4.3125C13.3156 3.4375 12.2531 3 11.0031 3C9.75313 3 8.69063 3.4375 7.81563 4.3125C6.94063 5.1875 6.50313 6.25 6.50313 7.5C6.50313 8.75 6.94063 9.8125 7.81563 10.6875C8.69063 11.5625 9.75313 12 11.0031 12C11.3698 12 11.724 11.9583 12.0656 11.875C12.4073 11.7917 12.7281 11.675 13.0281 11.525C13.0115 11.6083 13.0031 11.6875 13.0031 11.7625V13.9C13.0031 14.1667 12.9198 14.4 12.7531 14.6C12.5865 14.8 12.3698 14.9167 12.1031 14.95C11.9198 14.9667 11.7365 14.9792 11.5531 14.9875C11.3698 14.9958 11.1865 15 11.0031 15Z" fill="#909090"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
BIN
public/membership/membership.png
Normal file
BIN
public/membership/membership.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 210 KiB |
|
|
@ -1,26 +1,34 @@
|
|||
---
|
||||
|
||||
import * as config from '../config.yaml';
|
||||
import core from '../core.json';
|
||||
import contributors from '../contributors.json';
|
||||
import { getPersonByGH } from '../lib/core.js';
|
||||
import PeopleCarousel from '../components/PeopleCarousel.astro';
|
||||
import * as config from "../config.yaml";
|
||||
import core from "../core.json";
|
||||
import contributors from "../contributors.json";
|
||||
import { getPersonByGH } from "../lib/core.js";
|
||||
import PeopleCarousel from "../components/PeopleCarousel.astro";
|
||||
|
||||
function findPerson(src) {
|
||||
const p = core.people.find(p => src.refs?.twitter ? p.refs?.twitter === src.refs.twitter : (src.refs?.bsky ? p.refs.bsky === src.refs.bsky : {}))
|
||||
if (p) {
|
||||
p.ct = src
|
||||
}
|
||||
return p
|
||||
const p = core.people.find((p) =>
|
||||
src.refs?.twitter
|
||||
? p.refs?.twitter === src.refs.twitter
|
||||
: src.refs?.bsky
|
||||
? p.refs.bsky === src.refs.bsky
|
||||
: {}
|
||||
);
|
||||
if (p) {
|
||||
p.ct = src;
|
||||
}
|
||||
return p;
|
||||
}
|
||||
|
||||
function personLink(person) {
|
||||
return person.refs?.twitter ? `https://twitter.com/${person.refs.twitter}` : (person.refs?.bsky ? `https://bsky.app/profile/${person.refs.bsky}` : '#')
|
||||
return person.refs?.twitter
|
||||
? `https://twitter.com/${person.refs.twitter}`
|
||||
: person.refs?.bsky
|
||||
? `https://bsky.app/profile/${person.refs.bsky}`
|
||||
: "#";
|
||||
}
|
||||
|
||||
---
|
||||
|
||||
<div class="mt-20">
|
||||
<!-- <div class="mt-20">
|
||||
<h1><a href="https://docs.web3privacy.info/follow-us">Follow us</a></h1>
|
||||
<div class="w3pn-wgrid">
|
||||
{config.landing.follow.map((item) => (
|
||||
|
|
@ -43,39 +51,65 @@ function personLink(person) {
|
|||
</a>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
<div class="mt-16">
|
||||
<h1><a href="https://docs.web3privacy.info/get-involved">Join the Community</a></h1>
|
||||
<div>{config.landing.community}</div>
|
||||
<h1>
|
||||
<a href="https://docs.web3privacy.info/get-involved">Join the Community</a>
|
||||
</h1>
|
||||
<div>{config.landing.community}</div>
|
||||
|
||||
<h2 class="my-6">Speakers</h2>
|
||||
<div class="flex gap-3 flex-wrap items-center">
|
||||
{core.people.filter(p => !core.teams['core-team'].includes(p.id)).filter(p => p.imageUrl).map((person) => (
|
||||
<div>
|
||||
<a href={personLink(person)}>
|
||||
<img src={person.imageUrl} title={person.name} class="w-14 rounded-full aspect-square" />
|
||||
</a>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
<h2 class="my-6">Speakers</h2>
|
||||
<div class="flex gap-3 flex-wrap items-center">
|
||||
{
|
||||
core.people
|
||||
.filter((p) => !core.teams["core-team"].includes(p.id))
|
||||
.filter((p) => p.imageUrl)
|
||||
.map((person) => (
|
||||
<div>
|
||||
<a href={personLink(person)}>
|
||||
<img
|
||||
src={person.imageUrl}
|
||||
title={person.name}
|
||||
class="w-14 rounded-full aspect-square"
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
|
||||
<div class="flex gap-3 lg:gap-6 pt-4 flex-wrap mt-4 mb-14">
|
||||
<a href={core.links.cfp} class="button inverted"><button>Submit your proposal (CfP)</button></a>
|
||||
<div class="flex gap-3 lg:gap-6 pt-4 flex-wrap mt-4 mb-14">
|
||||
<a href={core.links.cfp} class="button inverted"
|
||||
><button>Submit your proposal (CfP)</button></a
|
||||
>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<h2 class="my-6">Git Contributors</h2>
|
||||
<div class="flex gap-3 flex-wrap mb-4 items-center">
|
||||
{
|
||||
// filter(p => !core.teams['core-team'].includes(getPersonByGH(p.login)?.id))
|
||||
contributors.items.map((contrib) => (
|
||||
<div>
|
||||
<a href={contrib.html_url} target="_blank" title={contrib.login}>
|
||||
<img
|
||||
src={contrib.avatar_url}
|
||||
class="w-14 rounded-full aspect-square"
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
|
||||
<h2 class="my-6">Git Contributors</h2>
|
||||
<div class="flex gap-3 flex-wrap mb-4 items-center">
|
||||
|
||||
{ // filter(p => !core.teams['core-team'].includes(getPersonByGH(p.login)?.id))
|
||||
contributors.items.map((contrib) => (
|
||||
<div><a href={contrib.html_url} target="_blank" title={contrib.login}><img src={contrib.avatar_url} class="w-14 rounded-full aspect-square"></a></div>
|
||||
))}
|
||||
</div>
|
||||
|
||||
<div class="flex gap-4 lg:gap-6 pt-4 flex-wrap">
|
||||
<a href="https://docs.web3privacy.info/get-involved" class="button inverted"><button>Get involved</button></a>
|
||||
<a href="/leaderboard" class="button inverted"><button>Leaderboard</button></a>
|
||||
<a href="https://docs.web3privacy.info/donate/" class="button inverted"><button>Donate</button></a>
|
||||
</div>
|
||||
<div class="flex gap-4 lg:gap-6 pt-4 flex-wrap">
|
||||
<a href={core.links.telegram} class="button inverted"
|
||||
><button>Telegram</button></a
|
||||
>
|
||||
<a href={core.links.signal} class="button inverted"
|
||||
><button>Signal</button></a
|
||||
>
|
||||
<a href={core.links.matrix} class="button inverted"
|
||||
><button>matrix hub</button></a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
36
src/components/AboutItem.astro
Normal file
36
src/components/AboutItem.astro
Normal file
|
|
@ -0,0 +1,36 @@
|
|||
---
|
||||
interface Props {
|
||||
title: string;
|
||||
subtext?: string;
|
||||
variant?: "primary" | "secondary";
|
||||
}
|
||||
const { title, subtext, variant = "primary" } = Astro.props;
|
||||
---
|
||||
|
||||
<div>
|
||||
<div
|
||||
class={`border-2 border-white w-full p-[24px] relative text-[1.2rem] ${
|
||||
variant === "secondary" ? "border-dashed border-[#909090]" : ""
|
||||
}`}
|
||||
>
|
||||
<span
|
||||
class={`absolute bg-black z-10 top-[-20px] px-[12px] uppercase text-[1.2rem] ${variant === "secondary" ? "text-[#909090]" : "text-white"} font-bold`}
|
||||
>
|
||||
{title}
|
||||
</span>
|
||||
<slot />
|
||||
</div>
|
||||
{
|
||||
subtext && (
|
||||
<div class="px-[34px] py-[16px]">
|
||||
<div class="flex gap-[22px] items-start h-full justify-center mb-[12px]">
|
||||
<img
|
||||
src="arrow.svg"
|
||||
class="inline-block min-h-full w-[1rem] self-start"
|
||||
/>
|
||||
<span class="text-[1rem] leading-[1rem]">{subtext}</span>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
</div>
|
||||
237
src/components/AboutItemGrid.astro
Normal file
237
src/components/AboutItemGrid.astro
Normal file
|
|
@ -0,0 +1,237 @@
|
|||
---
|
||||
import AboutItem from "../components/AboutItem.astro";
|
||||
---
|
||||
|
||||
<div>
|
||||
<AboutItem
|
||||
title="AUDIENCES"
|
||||
subtext="For all of them we are building private platform to discuss and build privavy tooling and research"
|
||||
>
|
||||
<div class="w-full grid grid-cols-2">
|
||||
<div class="flex flex-col gap-[8px] text-white font-bold">
|
||||
<span> General public </span>
|
||||
<span> Projects </span>
|
||||
<span> Startupers</span>
|
||||
</div>
|
||||
<div class="flex flex-col gap-[8px] text-white font-bold">
|
||||
<span> Developers </span>
|
||||
<span> Audit companies </span>
|
||||
<span> Investors</span>
|
||||
</div>
|
||||
</div>
|
||||
</AboutItem>
|
||||
<AboutItem
|
||||
title="PLATFORM"
|
||||
subtext="We need to create activation points, that will push community around privacy forward and establish new connections"
|
||||
>
|
||||
<div class="flex flex-col gap-[8px] items-start">
|
||||
<div class="flex gap-[12px] md:items-center items-start w-full">
|
||||
<img src="/icons/query_stats.svg" class="inline-block" />
|
||||
<div
|
||||
class="flex md:flex-row flex-col md:items-center md:gap-[12px] w-full"
|
||||
>
|
||||
<span
|
||||
class="font-bold text-white leading-[1rem] w-full max-w-[110px]"
|
||||
>
|
||||
Market stats
|
||||
</span>
|
||||
<span class="md:block hidden">-</span>
|
||||
<span class="text-[1rem] w-full">
|
||||
Like Crunchbase, but free forever
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex gap-[12px] md:items-center items-start w-full">
|
||||
<img src="/icons/star_half.svg" class="inline-block" />
|
||||
<div
|
||||
class="flex md:flex-row flex-col md:items-center md:gap-[12px] w-full"
|
||||
>
|
||||
<span
|
||||
class="font-bold text-white leading-[1rem] w-full max-w-[140px]"
|
||||
>
|
||||
Privacy Ranking
|
||||
</span>
|
||||
<span class="md:block hidden">-</span>
|
||||
<span class="text-[1rem] w-full">
|
||||
Scoring and review of current privacy projects
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex gap-[12px] md:items-center items-start w-full">
|
||||
<img src="/icons/school.svg" class="inline-block" />
|
||||
<div
|
||||
class="flex md:flex-row flex-col md:items-center md:gap-[12px] w-full"
|
||||
>
|
||||
<span class="font-bold text-white leading-[1rem] w-fit max-w-[140px]">
|
||||
Academy
|
||||
</span>
|
||||
<span class="md:block hidden">-</span>
|
||||
<span class="text-[1rem] w-full"
|
||||
>Education for general public how to reach privacy
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex gap-[12px] md:items-center items-start w-full">
|
||||
<img src="/icons/experiment.svg" class="inline-block" />
|
||||
<div
|
||||
class="flex md:flex-row flex-col md:items-center md:gap-[12px] w-full"
|
||||
>
|
||||
<span class="font-bold text-white leading-[1rem] w-fit max-w-[140px]">
|
||||
Research
|
||||
</span>
|
||||
<span class="md:block hidden">-</span>
|
||||
<span class="text-[1rem] w-full">
|
||||
Anual reports, Frameworks, Tools, Books
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex gap-[12px] md:items-center items-start w-full">
|
||||
<img src="/icons/database.svg" class="inline-block" />
|
||||
<div
|
||||
class="flex md:flex-row flex-col md:items-center md:gap-[12px] w-full"
|
||||
>
|
||||
<span class="font-bold text-white leading-[1rem] w-fit max-w-[140px]">
|
||||
Data
|
||||
</span>
|
||||
<span class="md:block hidden">-</span>
|
||||
<span class="text-[1rem] w-full"
|
||||
>For Projects, Use-case list, Market & Funding info
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</AboutItem>
|
||||
<AboutItem
|
||||
title="ACTIVATIONS"
|
||||
subtext="With all of that we want to focus everybody more in web3 related privacy issues, those are our estimates and long-term goals"
|
||||
>
|
||||
<div class="flex flex-col gap-[8px] items-start">
|
||||
<div class="flex gap-[12px] md:items-center items-start w-full">
|
||||
<img src="/icons/visibility_lock.svg" class="inline-block" />
|
||||
<div
|
||||
class="flex md:flex-row flex-col md:items-center md:gap-[12px] w-full"
|
||||
>
|
||||
<span class="font-bold text-white leading-[1rem] w-fit">
|
||||
Advocacy
|
||||
</span>
|
||||
<span class="md:block hidden">-</span>
|
||||
<span class="text-[1rem] w-full">
|
||||
Branding “decentralization = privacy”
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex gap-[12px] md:items-center items-start w-full">
|
||||
<img src="/icons/calendar_today.svg" class="inline-block" />
|
||||
<div
|
||||
class="flex md:flex-row flex-col md:items-center md:gap-[12px] w-full"
|
||||
>
|
||||
<span class="font-bold text-white leading-[1rem] w-fit">
|
||||
Events
|
||||
</span>
|
||||
<span class="md:block hidden">-</span>
|
||||
<span class="text-[1rem] w-full">
|
||||
Meetups, Summits, Hackathons, Camps
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex gap-[12px] md:items-center items-start w-full">
|
||||
<img src="/icons/group_work.svg" class="inline-block" />
|
||||
<div
|
||||
class="flex md:flex-row flex-col md:items-center md:gap-[12px] w-full"
|
||||
>
|
||||
<span
|
||||
class="font-bold text-white leading-[1rem] w-full max-w-[220px]"
|
||||
>
|
||||
Ecosystems collaboration
|
||||
</span>
|
||||
<span class="md:block hidden">-</span>
|
||||
<span class="text-[1rem] w-full"> Networks, Alliances, Media </span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex gap-[12px] md:items-center items-start w-full">
|
||||
<img src="/icons/encrypted.svg" class="inline-block" />
|
||||
<div
|
||||
class="flex md:flex-row flex-col md:items-center md:gap-[12px] w-full"
|
||||
>
|
||||
<span class="font-bold text-white leading-[1rem] w-fit max-w-[140px]">
|
||||
Standartisation
|
||||
</span>
|
||||
<span class="md:block hidden">-</span>
|
||||
<span class="text-[1rem] w-full">
|
||||
Privacy-features, security audit (example)
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex gap-[12px] md:items-center items-start w-full">
|
||||
<img src="/icons/local_florist.svg" class="inline-block" />
|
||||
<div
|
||||
class="flex md:flex-row flex-col md:items-center md:gap-[12px] w-full"
|
||||
>
|
||||
<span class="font-bold text-white leading-[1rem] w-fit max-w-[140px]">
|
||||
Incubation
|
||||
</span>
|
||||
<span class="md:block hidden">-</span>
|
||||
<span class="text-[1rem] w-full"
|
||||
>Product managers facilitation, Business sustainability
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</AboutItem>
|
||||
<AboutItem variant="secondary" title="GOALS">
|
||||
<div class="flex md:flex-row flex-col gap-[32px]">
|
||||
<div class="flex flex-col gap-[16px]">
|
||||
<div class="flex flex-col gap-[4px]">
|
||||
<span class="font-bold text-white leading-[1rem] uppercase">
|
||||
GENERAL PUBLIC
|
||||
</span>
|
||||
<ul class="list-decimal ml-[18px]">
|
||||
<li>Milions of educated users</li>
|
||||
<li>Higher privacy culture</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="flex flex-col gap-[4px]">
|
||||
<span class="font-bold text-white leading-[1rem] uppercase">
|
||||
PROJECTS
|
||||
</span>
|
||||
<ul class="list-decimal ml-[18px]">
|
||||
<li>Better privacy features</li>
|
||||
<li>New use-cases</li>
|
||||
<li>Efficient demos</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="flex flex-col gap-[4px]">
|
||||
<span class="font-bold text-white leading-[1rem] uppercase">
|
||||
SECURITY AUDIT COMPANIES
|
||||
</span>
|
||||
<ul class="list-decimal ml-[18px]">
|
||||
<li>New “privacy audit” category</li>
|
||||
<li>Significant growth of audited projects.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-col gap-[16px]">
|
||||
<div class="flex flex-col gap-[4px]">
|
||||
<span class="font-bold text-white leading-[1rem] uppercase">
|
||||
DEVELOPERS
|
||||
</span>
|
||||
<ul class="list-decimal ml-[18px] w-full">
|
||||
<li>More devs building privacy</li>
|
||||
<li>More sustainable projects.</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="flex flex-col gap-[4px] w-full">
|
||||
<span class="font-bold text-white leading-[1rem] uppercase">
|
||||
STARTUPERS
|
||||
</span>
|
||||
<ul class="list-decimal ml-[18px]">
|
||||
<li>More privacy-oriented projects</li>
|
||||
<li>Longer runway</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</AboutItem>
|
||||
</div>
|
||||
106
src/components/AboutWidget.astro
Normal file
106
src/components/AboutWidget.astro
Normal file
|
|
@ -0,0 +1,106 @@
|
|||
---
|
||||
import * as config from "../config.yaml";
|
||||
import core from "../core.json";
|
||||
---
|
||||
|
||||
<div>
|
||||
<div class="border-4 border-white w-full">
|
||||
<div class="bg-white w-full text-center px-[16px] text-black">
|
||||
<h3 style="color:black !important">
|
||||
together we are stronger - support us via membership
|
||||
</h3>
|
||||
</div>
|
||||
<div class="grid md:grid-cols-2 grid-cols-1">
|
||||
<div
|
||||
class="relative w-full md:border-l-4 border-l-0 md:border-b-0 border-b-4 border-white"
|
||||
>
|
||||
<div class="flex flex-col gap-[16px] p-[24px] z-[10]">
|
||||
<div class="flex flex-col">
|
||||
<span class="text-white font-bold">INDIVIDUAL</span>
|
||||
<span class="leading-[1.4rem]"
|
||||
>Become an integral part of our community! Join us with building
|
||||
privacy platform we all need.</span
|
||||
>
|
||||
</div>
|
||||
<ul class="list-disc ml-[18px] text-white">
|
||||
<li>You are supporting good thing!</li>
|
||||
<li>Free access to all our events</li>
|
||||
<li>"Privacy Survival Kit" swag bundle</li>
|
||||
<li>Access to our researches and special group chats</li>
|
||||
<li>Deals from our partners</li>
|
||||
<li>Voting rights in our association</li>
|
||||
</ul>
|
||||
<div
|
||||
class="flex w-full md:justify-between md:flex-row flex-col gap-[8px] md:items-center"
|
||||
>
|
||||
<div class="flex flex-col">
|
||||
<span>Price</span>
|
||||
<span class="text-white font-bold text-[18px] leading-[1.4rem]">
|
||||
€100 / Year
|
||||
</span>
|
||||
</div>
|
||||
<a class="button" href={core.links.manifesto}
|
||||
><button>LEARN MORE</button></a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<img
|
||||
src="/about/image1.png"
|
||||
alt=""
|
||||
class="absolute right-0 bottom-0 z-[-1]"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
class="relative w-full md:border-l-4 border-l-0 md:border-b-0 border-b-4 border-white"
|
||||
>
|
||||
<div class="flex flex-col gap-[16px] p-[24px] z-[10]">
|
||||
<div class="flex flex-col">
|
||||
<span class="text-white font-bold">ORGANISATION</span>
|
||||
<span class="leading-[1.4rem]"
|
||||
>Instead of proposing partnerships for every event and/or
|
||||
initiative,
we decided to implement a continuous membership
|
||||
approach.</span
|
||||
>
|
||||
</div>
|
||||
<ul class="list-disc ml-[18px] text-white">
|
||||
<li>Visibility at our Summits, Meetups & Hackathons</li>
|
||||
<li>Free Tickets & discounts for your partners</li>
|
||||
<li>
|
||||
Finding right builders for your beta, product to test or develop
|
||||
</li>
|
||||
<li>Speaking and mentoring opportunities</li>
|
||||
<li>Raise awareness within specific inputs</li>
|
||||
<li>Engage target audience</li>
|
||||
</ul>
|
||||
<div
|
||||
class="flex w-full md:justify-between md:flex-row flex-col gap-[8px] md:items-center"
|
||||
>
|
||||
<div class="flex flex-col">
|
||||
<span>Price</span>
|
||||
<span class="text-white font-bold text-[18px] leading-[1.4rem]">
|
||||
Variable tiers
|
||||
</span>
|
||||
</div>
|
||||
<a class="button" href={core.links.manifesto}
|
||||
><button>LEARN MORE</button></a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<img
|
||||
src="/about/image2.png"
|
||||
alt=""
|
||||
class="absolute right-0 bottom-0 z-[-1]"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<span
|
||||
class="text-white md:text-center text-left w-full flex md:items-center justify-center mt-[24px]"
|
||||
>
|
||||
<span class="flex md:items-center items-start gap-[8px]">
|
||||
<img src="/icons/gift.svg" alt="" class="md:mt-[0px] mt-[4px]" />
|
||||
Or if you like our ideas and community you can privately donate via Ethereum
|
||||
/ Bitcoin / Monero or support us on Gitcoin Grants
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
|
|
@ -53,10 +53,18 @@ hero:
|
|||
text: |
|
||||
Privacy advocates worldwide are coming together to discuss how to mainstream privacy within the Web3 industry. So it will become a cultural phenomenon embodying both decentralisation & anti-surveillance capitalism practices.
|
||||
landing:
|
||||
merch: |
|
||||
To make humans gain control over their privacy by utilizing Web3 stack. So privacy would become a cultural phenomena & active lifestyle.
|
||||
research: |
|
||||
We cultivate a culture of privacy in web3 making data free and public.
Enjoy our researches, infographics, annual reports, tools, newsletter, guidelines & more.
|
||||
mission: |
|
||||
Empower individuals to take control of their digital privacy.
|
||||
<br><br>
|
||||
We envision a world where privacy is a conscious, actively chosen lifestyle, accessible to everyone, everywhere. To turn this into reality, we need to unite our efforts and carve out a path toward a more equitable, decentralized and privacy-respecting digital space.
|
||||
event: |
|
||||
Our aim with gatherings is to build understanding and solidarity between different groups of interests, cultures, states, chains, ecosystems and backgrounds.
|
||||
<br><br>
|
||||
We aggregate web3 & non-tech people, builders, researchers, philosophers, lawyers, policymakers, hacktivists, key players, local communities and the general public.
|
||||
topics:
|
||||
- Identity
|
||||
- Private Messaging
|
||||
|
|
|
|||
|
|
@ -16,7 +16,9 @@
|
|||
"explorer": "https://explorer.web3privacy.info",
|
||||
"news": "https://news.web3privacy.info",
|
||||
"telegram": "https://t.me/web3privacynow",
|
||||
"cfp": "https://cfp.web3privacy.info"
|
||||
"cfp": "https://cfp.web3privacy.info",
|
||||
"signal": "https://signal.group/#CjQKILd3qhOu7_p8OB0bob3bU3Ko0jfgfxm9DK39oK1eiMe_EhA47ns-aCFke2YA3iMnuxqJ"
|
||||
|
||||
},
|
||||
"teams": {
|
||||
"core-team": [
|
||||
|
|
|
|||
|
|
@ -1,147 +1,231 @@
|
|||
---
|
||||
//import { ViewTransitions } from 'astro:transitions';
|
||||
|
||||
import * as config from '../config.yaml';
|
||||
import * as pkg from '../../package.json';
|
||||
import core from '../core.json';
|
||||
import '../styles/base.css';
|
||||
import MetaTags from '../components/MetaTags.astro';
|
||||
import * as config from "../config.yaml";
|
||||
import * as pkg from "../../package.json";
|
||||
import core from "../core.json";
|
||||
import "../styles/base.css";
|
||||
import MetaTags from "../components/MetaTags.astro";
|
||||
|
||||
const {banner, title, metaTitle, description, image} = Astro.props;
|
||||
const { banner, title, metaTitle, description, image, subtext, subimage } =
|
||||
Astro.props;
|
||||
|
||||
import cfonts from 'cfonts';
|
||||
import cfonts from "cfonts";
|
||||
|
||||
function genHeading(str) {
|
||||
return cfonts.render(str + ' ', { font: '', maxLength: 5000 }, null, null, {width: "5000", height: "5000"}).string;
|
||||
return cfonts.render(str + " ", { font: "", maxLength: 5000 }, null, null, {
|
||||
width: "5000",
|
||||
height: "5000",
|
||||
}).string;
|
||||
}
|
||||
|
||||
---
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="icon" type="image/x-icon" href="/favicon.ico">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
|
||||
|
||||
<MetaTags
|
||||
title={metaTitle ? metaTitle : (title ? title : config.name)}
|
||||
description={description ? description : config.description}
|
||||
image={image}
|
||||
/>
|
||||
<MetaTags
|
||||
title={metaTitle ? metaTitle : title ? title : config.name}
|
||||
description={description ? description : config.description}
|
||||
image={image}
|
||||
/>
|
||||
|
||||
<link
|
||||
rel="preload"
|
||||
href="/fonts/archivo-regular-latin-ext.woff2"
|
||||
as="font"
|
||||
type="font/woff2"
|
||||
crossorigin
|
||||
/>
|
||||
<link
|
||||
rel="preload"
|
||||
href="/fonts/archivo-regular-latin.woff2"
|
||||
as="font"
|
||||
type="font/woff2"
|
||||
crossorigin
|
||||
/>
|
||||
<link
|
||||
rel="preload"
|
||||
href="/fonts/major-mono-display-v13-latin-regular.woff2"
|
||||
as="font"
|
||||
type="font/woff2"
|
||||
crossorigin
|
||||
/>
|
||||
<link
|
||||
rel="preload"
|
||||
href="/fonts/dm-mono-regular-latin.woff2"
|
||||
as="font"
|
||||
type="font/woff2"
|
||||
crossorigin
|
||||
/>
|
||||
</head>
|
||||
<body class="bg-black text-white">
|
||||
<div class="nav-links">
|
||||
<div class="w-full">
|
||||
{config.header.menu.map((menuItem) => (
|
||||
<div class="uppercase w-full">
|
||||
<a href={core.links[menuItem.link] || menuItem.url} class="inline-block hover:underline px-4 py-2" class:list={[menuItem.url?.match(/^http/) ? "external" : ""]}>{menuItem.name}</a>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-full z-10 relative" class:list={[typeof banner === 'object' ? 'aspect-video' : (banner ? "h-[600px]" : "pb-6")]} id={banner === "true" ? "intro" : "no-intro"}>
|
||||
{typeof banner === 'object' &&
|
||||
<div class="absolute w-full aspect-video -z-10">
|
||||
<div class="w-full h-full" style={`background-image: url(${banner.img}); background-size: 100% 100%; background-position: 0rem 0rem;`}></div>
|
||||
</div>
|
||||
}
|
||||
<header class="flex pt-6 middle-pane-big">
|
||||
<div class="mr-4 lg:hidden">
|
||||
<div class="hamburger"></div>
|
||||
</div>
|
||||
<div class="w-40">
|
||||
<a href="/" class="w3pn-logo" class:list={["w-32 lg:w-40", banner ? "hidden" : "block"]}></a>
|
||||
</div>
|
||||
<div class="hidden lg:flex grow gap-0 xl:gap-2 justify-center">
|
||||
{config.header.menu.map((menuItem) => (
|
||||
<div class="uppercase hover:text-[#c2c2c2]" class:list={[menuItem.link ? "xexternal" : "", Astro.url.pathname === menuItem.url ? "text-white" : ""]}>
|
||||
<a href={core.links[menuItem.link] || menuItem.url} class="inline-block hover:underline px-4 py-2">
|
||||
{menuItem.name}
|
||||
<link
|
||||
rel="preload"
|
||||
href="/fonts/archivo-regular-latin-ext.woff2"
|
||||
as="font"
|
||||
type="font/woff2"
|
||||
crossorigin
|
||||
/>
|
||||
<link
|
||||
rel="preload"
|
||||
href="/fonts/archivo-regular-latin.woff2"
|
||||
as="font"
|
||||
type="font/woff2"
|
||||
crossorigin
|
||||
/>
|
||||
<link
|
||||
rel="preload"
|
||||
href="/fonts/major-mono-display-v13-latin-regular.woff2"
|
||||
as="font"
|
||||
type="font/woff2"
|
||||
crossorigin
|
||||
/>
|
||||
<link
|
||||
rel="preload"
|
||||
href="/fonts/dm-mono-regular-latin.woff2"
|
||||
as="font"
|
||||
type="font/woff2"
|
||||
crossorigin
|
||||
/>
|
||||
</head>
|
||||
<body class="bg-black text-white">
|
||||
<div class="nav-links">
|
||||
<div class="w-full">
|
||||
{
|
||||
config.header.menu.map((menuItem) => (
|
||||
<div class="uppercase w-full">
|
||||
<a
|
||||
href={core.links[menuItem.link] || menuItem.url}
|
||||
class="inline-block hover:underline px-4 py-2"
|
||||
class:list={[menuItem.url?.match(/^http/) ? "external" : ""]}
|
||||
>
|
||||
{menuItem.name}
|
||||
</a>
|
||||
</div>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="w-full z-10 relative"
|
||||
style={subimage
|
||||
? `background-image: url(${subimage}); background-size: cover; background-position: 0rem 0rem;`
|
||||
: " "}
|
||||
class:list={[
|
||||
typeof banner === "object"
|
||||
? "aspect-video"
|
||||
: banner
|
||||
? "h-[600px]"
|
||||
: "pb-6",
|
||||
]}
|
||||
id={banner === "true" ? "intro" : "no-intro"}
|
||||
>
|
||||
{
|
||||
typeof banner === "object" && (
|
||||
<div class="absolute w-full aspect-video -z-10">
|
||||
<div
|
||||
class="w-full h-full"
|
||||
style={`background-image: url(${banner.img}); background-size: 100% 100%; background-position: 0rem 0rem;`}
|
||||
/>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
<header class="flex pt-6 middle-pane-big">
|
||||
<div class="mr-4 lg:hidden">
|
||||
<div class="hamburger"></div>
|
||||
</div>
|
||||
<div class="w-40">
|
||||
<a
|
||||
href="/"
|
||||
class="w3pn-logo"
|
||||
class:list={["w-32 lg:w-40", banner ? "hidden" : "block"]}></a>
|
||||
</div>
|
||||
<div class="hidden lg:flex grow gap-0 xl:gap-2 justify-center">
|
||||
{
|
||||
config.header.menu.map((menuItem) => (
|
||||
<div
|
||||
class="uppercase hover:text-[#c2c2c2]"
|
||||
class:list={[
|
||||
menuItem.link ? "xexternal" : "",
|
||||
Astro.url.pathname === menuItem.url ? "text-white" : "",
|
||||
]}
|
||||
>
|
||||
<a
|
||||
href={core.links[menuItem.link] || menuItem.url}
|
||||
class="inline-block hover:underline px-4 py-2"
|
||||
>
|
||||
{menuItem.name}
|
||||
</a>
|
||||
</div>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
<div
|
||||
class="flex grow lg:grow-0 gap-3 lg:gap-6 justify-end pt-1 lg:pt-2.5"
|
||||
>
|
||||
{
|
||||
config.header.rightMenu.map((key) => (
|
||||
<a
|
||||
href={core.links[key]}
|
||||
class="block icon xsmall sm:small opacity-50 hover:opacity-100"
|
||||
class:list={[key]}
|
||||
target="_blank"
|
||||
/>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
</header>
|
||||
{
|
||||
banner && typeof banner !== "object" && (
|
||||
<div class="w-full flex mt-20 sm:mt-32 middle-pane-medium">
|
||||
<div>
|
||||
<div class="w3pn-logo w-64 sm:w-72 lg:w-80 xl:w-96" />
|
||||
<div class="text-left mt-10">{config.hero.text}</div>
|
||||
<div class="mt-6">
|
||||
<a class="button" href="/about">
|
||||
<button>About Web3Privacy Now</button>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
{
|
||||
!banner && (
|
||||
<>
|
||||
<div class="middle-pane-medium mt-8 sm:mt-14 mb-2 sm:mb-8">
|
||||
<div class="leading-none flex justify-center text-[4px] sm:text-[8px] text-white">
|
||||
{/*<img src="/page-events.png" class="h-8 sm:h-14" title="Events" />*/}
|
||||
<pre>
|
||||
<code class="font-mono layout-heading ">
|
||||
{genHeading(title)}
|
||||
</code>
|
||||
</pre>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center justify-center w-full text-center">
|
||||
<h3 class=" w-full max-w-[938px]">{subtext}</h3>
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
</div>
|
||||
|
||||
</a>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
<div class="flex grow lg:grow-0 gap-3 lg:gap-6 justify-end pt-1 lg:pt-2.5">
|
||||
{config.header.rightMenu.map((key) => (
|
||||
<a href={core.links[key]} class="block icon xsmall sm:small opacity-50 hover:opacity-100" class:list={[key]} target="_blank"></a>
|
||||
))}
|
||||
</div>
|
||||
</header>
|
||||
{banner && typeof banner !== 'object' &&
|
||||
<div class="w-full flex mt-20 sm:mt-32 middle-pane-medium">
|
||||
<div>
|
||||
<div class="w3pn-logo w-64 sm:w-72 lg:w-80 xl:w-96"></div>
|
||||
<div class="text-left mt-10">
|
||||
{config.hero.text}
|
||||
</div>
|
||||
<div class="mt-6">
|
||||
<a class="button" href="/about"><button>About Web3Privacy Now</button></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
{!banner &&
|
||||
<div class="middle-pane-medium mt-8 sm:mt-14 mb-2 sm:mb-8">
|
||||
<div class="leading-none flex justify-center text-[4px] sm:text-[8px] text-white">
|
||||
{/*<img src="/page-events.png" class="h-8 sm:h-14" title="Events" />*/}
|
||||
<pre><code class="font-mono layout-heading">{genHeading(title)}</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
<slot />
|
||||
|
||||
<slot />
|
||||
|
||||
<div class="border border-t-2 border-b-0 border-l-0 border-r-0 border-[#0f0f0f] mt-20 pt-10 pb-10">
|
||||
<div class="middle-pane-big">
|
||||
<div class="flex gap-10 text-lg items-center flex-wrap align-top" id="footerMenu">
|
||||
<a href="/" class="w3pn-logo w-32"></a>
|
||||
<div class="text-md"><a href="https://github.com/web3privacy/web" class="text-white hover:underline">v{pkg.version}</a></div>
|
||||
<div class="grow flex sm:justify-end">
|
||||
<div class="sm:flex justify-center flex-wrap gap-4 lg:gap-10">
|
||||
{config.footer.menu.map((item) => (
|
||||
<div class="flex gap-4 items-center menuItem lg:mb-0 mb-2">
|
||||
<div class="icon small opacity-50" class:list={[item.ico]}></div>
|
||||
<div class="text-white hover:underline"><a href={item.url || core.links[item.link]}>{item.title}</a></div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
document.querySelector('.hamburger').addEventListener('click', () => {
|
||||
document.querySelector('.nav-links').classList.toggle('expanded');
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
<div
|
||||
class="border border-t-2 border-b-0 border-l-0 border-r-0 border-[#0f0f0f] mt-20 pt-10 pb-10"
|
||||
>
|
||||
<div class="middle-pane-big">
|
||||
<div
|
||||
class="flex gap-10 text-lg items-center flex-wrap align-top"
|
||||
id="footerMenu"
|
||||
>
|
||||
<a href="/" class="w3pn-logo w-32"></a>
|
||||
<div class="text-md">
|
||||
<a
|
||||
href="https://github.com/web3privacy/web"
|
||||
class="text-white hover:underline">v{pkg.version}</a
|
||||
>
|
||||
</div>
|
||||
<div class="grow flex sm:justify-end">
|
||||
<div class="sm:flex justify-center flex-wrap gap-4 lg:gap-10">
|
||||
{
|
||||
config.footer.menu.map((item) => (
|
||||
<div class="flex gap-4 items-center menuItem lg:mb-0 mb-2">
|
||||
<div
|
||||
class="icon small opacity-50"
|
||||
class:list={[item.ico]}
|
||||
/>
|
||||
<div class="text-white hover:underline">
|
||||
<a href={item.url || core.links[item.link]}>
|
||||
{item.title}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
document.querySelector(".hamburger").addEventListener("click", () => {
|
||||
document.querySelector(".nav-links").classList.toggle("expanded");
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3,9 +3,16 @@ import BaseLayout from "../layouts/base.astro";
|
|||
import * as config from "../config.yaml";
|
||||
import core from "../core.json";
|
||||
import AboutFooter from "../components/AboutFooter.astro";
|
||||
import AboutItemGrid from "../components/AboutItemGrid.astro";
|
||||
import AboutWidget from "../components/AboutWidget.astro";
|
||||
---
|
||||
|
||||
<BaseLayout title="About" image="og_about">
|
||||
<BaseLayout
|
||||
title="About web3privacy"
|
||||
image="og_about"
|
||||
subimage="/about/about.png"
|
||||
subtext="we are privacy focused community of enthusiasts developers, event organisers, researchers pushing web3privacy forward"
|
||||
>
|
||||
<div class="middle-pane-medium mt-10">
|
||||
<!-- <div class="mb-20">
|
||||
<a href="https://docs.web3privacy.info/manifesto"
|
||||
|
|
@ -13,27 +20,89 @@ import AboutFooter from "../components/AboutFooter.astro";
|
|||
>
|
||||
</div> -->
|
||||
|
||||
<div class="grid grid-cols-1 xl:grid-cols-2 gap-16">
|
||||
<div>
|
||||
<h1>Our mission</h1>
|
||||
<div set:html={config.landing.mission} />
|
||||
<div class="mt-8 flex gap-6 items-center w-full">
|
||||
<a class="button inverted" href={core.links.manifesto}
|
||||
><button>Read manifesto</button></a
|
||||
>
|
||||
<a class="button" href={core.links.manifesto}
|
||||
><button>Join us</button></a
|
||||
>
|
||||
<div class="grid grid-cols-1 xl:grid-cols-2 gap-16 mb-[82px]">
|
||||
<div class="flex flex-col gap-[36px] md:order-2">
|
||||
<div class="md:hidden block mb-[12px]">
|
||||
<h1>Our mission</h1>
|
||||
<div set:html={config.landing.mission} />
|
||||
<div class="mt-8 flex gap-6 items-center w-full">
|
||||
<a class="button inverted" href={core.links.manifesto}
|
||||
><button>Read manifesto</button></a
|
||||
>
|
||||
<a class="button" href={core.links.manifesto}
|
||||
><button>Join us</button></a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<h1>how we support privacy in web3</h1>
|
||||
|
||||
<AboutItemGrid />
|
||||
</div>
|
||||
<div>
|
||||
<h1>Topics</h1>
|
||||
<div class="columns-2 uppercase text-sm w3pn-topics">
|
||||
{config.landing.topics.map((topic) => <div>{topic}</div>)}
|
||||
<div class="md:order-1 order-2">
|
||||
<div class="md:block hidden">
|
||||
<h1>Our mission</h1>
|
||||
<div set:html={config.landing.mission} />
|
||||
<div class="mt-8 flex gap-6 items-center w-full">
|
||||
<a class="button inverted" href={core.links.manifesto}
|
||||
><button>Read manifesto</button></a
|
||||
>
|
||||
<a class="button" href={core.links.manifesto}
|
||||
><button>Join us</button></a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="md:mt-[56px] mt-[26px]">
|
||||
<h1>our events</h1>
|
||||
<div set:html={config.landing.event} />
|
||||
<div class="mt-8 flex flex-col gap-6 items-start w-full">
|
||||
<div class="grid grid-cols-2 gap-[8px]">
|
||||
<img src="/about/1.png" alt="" />
|
||||
<img src="/about/2.png" alt="" />
|
||||
<img src="/about/3.png" alt="" />
|
||||
<img src="/about/4.png" alt="" />
|
||||
</div>
|
||||
<a class="button inverted" href={"/events"}
|
||||
><button>EVENTS</button></a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="md:mt-[56px] mt-[26px]">
|
||||
<h1>Our Projects & research</h1>
|
||||
<div set:html={config.landing.research} />
|
||||
<div class="mt-8 flex gap-6 items-center w-full">
|
||||
<a class="button inverted" href={"/projects"}
|
||||
><button>Projects</button></a
|
||||
>
|
||||
<a class="button inverted" href={"/research"}
|
||||
><button>Research</button></a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div>
|
||||
<h1>Topics</h1>
|
||||
<div class="columns-2 uppercase text-sm w3pn-topics">
|
||||
{config.landing.topics.map((topic) => <div>{topic}</div>)}
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
<AboutWidget />
|
||||
<div
|
||||
class="flex md:flex-row flex-col items-center gap-[24px] justify-center w-full mt-[24px]"
|
||||
>
|
||||
<div class="md:mt-[56px] mt-[26px] max-w-[460px] md:order-1 order-2">
|
||||
<h1>empowering community with our brand</h1>
|
||||
<div set:html={config.landing.merch} />
|
||||
<div class="mt-8 flex gap-6 items-center w-full">
|
||||
<a class="button inverted" href={"/merch"}
|
||||
><button>MERCH STORE</button></a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="md:order-2 order-1">
|
||||
<img src="/about/stickers.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<AboutFooter />
|
||||
</div>
|
||||
</BaseLayout>
|
||||
|
|
|
|||
30
src/pages/membership.astro
Normal file
30
src/pages/membership.astro
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
---
|
||||
import BaseLayout from "../layouts/base.astro";
|
||||
import * as config from "../config.yaml";
|
||||
import core from "../core.json";
|
||||
import AboutFooter from "../components/AboutFooter.astro";
|
||||
import AboutWidget from "../components/AboutWidget.astro";
|
||||
---
|
||||
|
||||
<BaseLayout
|
||||
title="MEMBERSHIP"
|
||||
image="og_membership"
|
||||
subimage="/membership/membership.png"
|
||||
>
|
||||
<div class="middle-pane-medium my-10">
|
||||
<div
|
||||
class="flex items-center justify-center w-full text-center mt-20 mb-20"
|
||||
>
|
||||
<h3 class="max-w-[900px] w-full">
|
||||
for all privacy advocates, projects and companies, we offer a simple and
|
||||
straightforward way to support us financially and become an integral
|
||||
part of our ecosystem with many benefits.
|
||||
</h3>
|
||||
</div>
|
||||
<div>
|
||||
<AboutWidget />
|
||||
</div>
|
||||
|
||||
<AboutFooter />
|
||||
</div>
|
||||
</BaseLayout>
|
||||
Loading…
Reference in a new issue