ReviewOS

also looking at this

meemalabs/hoodratz.io

Staging Update - Nov 28, 2021

#17
Merged glennmichael123 wants to merge develop into staging
20 files +386 -342
index.htmlmodified+0-2
Changes to index.html
@@ -11,8 +11,6 @@
1111 type="font/woff2"
1212 crossorigin="anonymous"
1313 />
14 <!-- <link rel="preload" href="/font/Inter-italic.var.woff2" as="font" type="font/woff2" crossorigin="anonymous"> -->
15 <link rel="stylesheet" href="/font/inter.css" />
1614 </head>
1715 <body>
1816 <div id="app"></div>
public/font/Inter-italic.var.woff2deleted+0-0

Binary file. Nothing to show line by line.

public/font/Inter-roman.var.woff2deleted+0-0

Binary file. Nothing to show line by line.

public/font/inter.cssdeleted+0-16
Changes to public/font/inter.css
@@ -1,16 +0,0 @@
1@font-face {
2 font-family: 'Inter var';
3 font-weight: 100 900;
4 font-display: swap;
5 font-style: normal;
6 font-named-instance: 'Regular';
7 src: url('Inter-roman.var.woff2') format('woff2');
8}
9@font-face {
10 font-family: 'Inter var';
11 font-weight: 100 900;
12 font-display: swap;
13 font-style: italic;
14 font-named-instance: 'Italic';
15 src: url('Inter-italic.var.woff2') format('woff2');
16}
public/images/home/Hoodratz-card.pngmodified+0-0

Binary file. Nothing to show line by line.

public/images/home/hoodratz-bg-count.pngmodified+0-0

Binary file. Nothing to show line by line.

public/images/home/josephine.pngadded+0-0

Binary file. Nothing to show line by line.

public/images/logo-ada.svgadded+46-0
Changes to public/images/logo-ada.svg
@@ -0,0 +1,46 @@
1<svg width="136" height="28" viewBox="0 0 136 28" fill="none" xmlns="http://www.w3.org/2000/svg">
2<g clip-path="url(#clip0_538_786)">
3<path d="M8.77327 13.4748C8.74315 13.9994 8.92254 14.5146 9.27202 14.9071C9.62151 15.2995 10.1125 15.5372 10.6371 15.5678H10.7452C11.1316 15.5674 11.5094 15.4539 11.832 15.2412C12.1545 15.0285 12.4078 14.7261 12.5605 14.3712C12.7131 14.0162 12.7586 13.6244 12.6911 13.2439C12.6236 12.8635 12.4462 12.5112 12.1808 12.2304C11.9154 11.9496 11.5736 11.7527 11.1976 11.6639C10.8215 11.5751 10.4278 11.5984 10.0648 11.7309C9.70184 11.8633 9.38561 12.0991 9.15514 12.4092C8.92467 12.7193 8.79004 13.0901 8.76787 13.4759L8.77327 13.4748Z" fill="#D6D3D9"/>
4<path d="M1.39578 12.9733C1.26965 12.9662 1.14426 12.9967 1.03545 13.0609C0.926639 13.1251 0.8393 13.2201 0.784466 13.3339C0.729632 13.4477 0.709766 13.5752 0.727378 13.7003C0.74499 13.8254 0.799289 13.9425 0.883414 14.0367C0.967539 14.131 1.07771 14.1981 1.20001 14.2298C1.32231 14.2614 1.45125 14.2561 1.57053 14.2145C1.68981 14.1729 1.79408 14.0969 1.87015 13.996C1.94623 13.8952 1.99071 13.774 1.99796 13.6479C2.00293 13.564 1.99127 13.48 1.96366 13.4006C1.93605 13.3213 1.89303 13.2481 1.83707 13.1854C1.78112 13.1228 1.71333 13.0717 1.6376 13.0353C1.56186 12.9989 1.47969 12.9778 1.39578 12.9733V12.9733Z" fill="#D6D3D9"/>
5<path d="M8.64787 1.99244C8.76021 1.93475 8.85297 1.84512 8.91447 1.73482C8.97598 1.62453 9.00349 1.49851 8.99352 1.37262C8.98356 1.24673 8.93658 1.1266 8.8585 1.02735C8.78041 0.928101 8.67471 0.854172 8.5547 0.814869C8.43468 0.775565 8.30573 0.772643 8.18406 0.80647C8.06239 0.840298 7.95345 0.909363 7.87095 1.00497C7.78844 1.10058 7.73607 1.21846 7.72042 1.34377C7.70476 1.46908 7.72653 1.59622 7.78298 1.70918C7.82092 1.7848 7.87346 1.85215 7.93756 1.90737C8.00165 1.96258 8.07605 2.00457 8.15645 2.0309C8.23684 2.05723 8.32166 2.06739 8.406 2.06078C8.49034 2.05418 8.57255 2.03095 8.64787 1.99244V1.99244Z" fill="#D6D3D9"/>
6<path d="M10.6555 5.49331C10.83 5.4053 10.9744 5.26754 11.0706 5.09745C11.1668 4.92736 11.2104 4.73257 11.1959 4.5377C11.1814 4.34284 11.1094 4.15665 10.9891 4.00267C10.8688 3.8487 10.7055 3.73385 10.52 3.67264C10.3344 3.61144 10.1348 3.60663 9.94653 3.65883C9.75823 3.71102 9.58962 3.81787 9.46204 3.96587C9.33445 4.11387 9.25361 4.29638 9.22973 4.49032C9.20586 4.68426 9.24002 4.88093 9.3279 5.05546C9.38628 5.17141 9.46695 5.27472 9.56528 5.35949C9.66361 5.44426 9.77768 5.50882 9.90097 5.54948C10.0243 5.59014 10.1544 5.60611 10.2838 5.59647C10.4133 5.58683 10.5396 5.55178 10.6555 5.49331V5.49331Z" fill="#D6D3D9"/>
7<path d="M3.89964 7.90088C4.03421 7.98937 4.19201 8.03596 4.35306 8.03475C4.51411 8.03354 4.67119 7.98458 4.80441 7.89407C4.93763 7.80357 5.04102 7.67558 5.10148 7.5263C5.16194 7.37702 5.17676 7.21316 5.14407 7.05545C5.11138 6.89775 5.03264 6.75328 4.91782 6.64034C4.803 6.52739 4.65726 6.45105 4.49904 6.42095C4.34082 6.39086 4.17723 6.40838 4.02896 6.47128C3.8807 6.53419 3.75443 6.63967 3.66612 6.77436C3.54786 6.95476 3.50602 7.17472 3.54981 7.38593C3.59359 7.59715 3.71941 7.78236 3.89964 7.90088V7.90088Z" fill="#D6D3D9"/>
8<path d="M5.1029 12.6133C4.90782 12.6023 4.71385 12.6493 4.54552 12.7485C4.37719 12.8477 4.24204 12.9946 4.15717 13.1706C4.0723 13.3466 4.04152 13.5438 4.0687 13.7373C4.09589 13.9308 4.17983 14.1119 4.30991 14.2577C4.43999 14.4035 4.61038 14.5074 4.79953 14.5564C4.98868 14.6054 5.18811 14.5972 5.3726 14.5329C5.5571 14.4685 5.71838 14.3509 5.83605 14.195C5.95373 14.039 6.02252 13.8516 6.03374 13.6565C6.04849 13.3948 5.95875 13.1379 5.78421 12.9423C5.60968 12.7467 5.36463 12.6283 5.1029 12.6133V12.6133Z" fill="#D6D3D9"/>
9<path d="M4.00774 19.257C3.86406 19.3296 3.74514 19.4431 3.66601 19.5833C3.58688 19.7235 3.55108 19.884 3.56315 20.0445C3.57521 20.2051 3.6346 20.3584 3.7338 20.4852C3.83301 20.612 3.96757 20.7065 4.12048 20.7568C4.27339 20.8071 4.43779 20.811 4.59289 20.7679C4.74799 20.7248 4.88684 20.6367 4.99187 20.5147C5.0969 20.3927 5.1634 20.2423 5.18297 20.0825C5.20254 19.9227 5.1743 19.7607 5.10182 19.617C5.05366 19.5215 4.98714 19.4364 4.90608 19.3666C4.82502 19.2968 4.73099 19.2437 4.62939 19.2102C4.52778 19.1768 4.42058 19.1637 4.31391 19.1717C4.20724 19.1797 4.1032 19.2087 4.00774 19.257V19.257Z" fill="#D6D3D9"/>
10<path d="M7.84894 10.5713C8.04136 10.6974 8.26686 10.7636 8.49691 10.7616C8.72696 10.7595 8.95124 10.6893 9.14139 10.5598C9.33154 10.4303 9.47902 10.2473 9.56518 10.034C9.65135 9.8207 9.67232 9.58662 9.62546 9.36139C9.5786 9.13615 9.46601 8.92986 9.30191 8.76862C9.13782 8.60737 8.9296 8.49839 8.70357 8.45548C8.47755 8.41256 8.24388 8.43763 8.0321 8.52751C7.82033 8.61739 7.63996 8.76805 7.5138 8.96043C7.42987 9.08816 7.37196 9.23118 7.34338 9.38132C7.3148 9.53145 7.31611 9.68575 7.34725 9.83538C7.37838 9.98501 7.43871 10.127 7.5248 10.2533C7.61089 10.3796 7.72104 10.4876 7.84894 10.5713V10.5713Z" fill="#D6D3D9"/>
11<path d="M20.0352 5.41553C20.1991 5.5224 20.3909 5.5783 20.5865 5.57616C20.7821 5.57401 20.9727 5.51393 21.1341 5.4035C21.2956 5.29307 21.4207 5.13726 21.4936 4.95575C21.5665 4.77424 21.584 4.57518 21.5438 4.38375C21.5036 4.19231 21.4076 4.01709 21.2678 3.88023C21.128 3.74337 20.9508 3.65101 20.7586 3.61484C20.5664 3.57867 20.3677 3.6003 20.1878 3.677C20.0078 3.7537 19.8547 3.88203 19.7477 4.04576C19.6764 4.15452 19.6273 4.27628 19.6032 4.40405C19.5791 4.53182 19.5804 4.66309 19.6071 4.79034C19.6338 4.91759 19.6854 5.03832 19.7589 5.1456C19.8323 5.25288 19.9262 5.34461 20.0352 5.41553V5.41553Z" fill="#D6D3D9"/>
12<path d="M22.0634 1.92554C22.1693 1.99495 22.2934 2.03139 22.42 2.03026C22.5466 2.02912 22.6701 1.99045 22.7747 1.91914C22.8793 1.84783 22.9605 1.74709 23.0078 1.62967C23.0552 1.51224 23.0667 1.3834 23.0408 1.25945C23.0149 1.13551 22.9528 1.02202 22.8624 0.933356C22.7721 0.84469 22.6574 0.784829 22.533 0.761347C22.4085 0.737865 22.28 0.751816 22.1635 0.801437C22.047 0.851057 21.9478 0.934116 21.8785 1.0401C21.7858 1.18207 21.7531 1.35506 21.7878 1.52107C21.8224 1.68709 21.9216 1.83256 22.0634 1.92554V1.92554Z" fill="#D6D3D9"/>
13<path d="M20.1909 11.5918C19.9315 11.5769 19.6716 11.6132 19.4262 11.6987C19.1808 11.7842 18.9546 11.9172 18.7606 12.0902C18.3688 12.4394 18.1318 12.93 18.1017 13.454C18.0716 13.978 18.2509 14.4925 18.6001 14.8843C18.9493 15.2761 19.4399 15.5131 19.9639 15.5432C20.0017 15.5432 20.0406 15.5432 20.0785 15.5432C20.4602 15.543 20.8337 15.4324 21.154 15.2247C21.4743 15.017 21.7276 14.7211 21.8835 14.3727C22.0394 14.0243 22.0911 13.6382 22.0325 13.261C21.9739 12.8838 21.8074 12.5316 21.5531 12.2469C21.3809 12.0527 21.1718 11.8948 20.9379 11.7823C20.704 11.6698 20.4501 11.6051 20.1909 11.5918V11.5918Z" fill="#D6D3D9"/>
14<path d="M11.3053 10.4338C11.4695 10.7619 11.7221 11.0377 12.0346 11.23C12.347 11.4224 12.707 11.5237 13.074 11.5225C13.4122 11.5226 13.7449 11.4359 14.0402 11.2709C14.3355 11.1058 14.5836 10.8678 14.7607 10.5796C14.9379 10.2915 15.0383 9.96266 15.0522 9.62466C15.0662 9.28665 14.9933 8.95071 14.8405 8.64888C14.6751 8.32225 14.422 8.04811 14.1097 7.85717C13.7973 7.66623 13.4379 7.56602 13.0718 7.56777C12.7345 7.56835 12.403 7.65508 12.1087 7.81974C11.8144 7.98439 11.567 8.22152 11.39 8.50862C11.2131 8.79572 11.1124 9.12327 11.0976 9.4602C11.0827 9.79713 11.1542 10.1323 11.3053 10.4338V10.4338Z" fill="#D6D3D9"/>
15<path d="M26.8192 7.89877C26.9629 7.82625 27.0819 7.71276 27.1611 7.57265C27.2403 7.43254 27.2762 7.27208 27.2643 7.11157C27.2523 6.95105 27.1931 6.79768 27.094 6.67084C26.9949 6.544 26.8604 6.44937 26.7076 6.39893C26.5547 6.34848 26.3904 6.34448 26.2352 6.38742C26.0801 6.43037 25.9412 6.51833 25.8361 6.6402C25.7309 6.76207 25.6643 6.91237 25.6445 7.07212C25.6248 7.23186 25.6528 7.39387 25.7251 7.53767C25.8224 7.73055 25.9923 7.87692 26.1975 7.94462C26.4026 8.01233 26.6262 7.99584 26.8192 7.89877V7.89877Z" fill="#D6D3D9"/>
16<path d="M21.8018 8.52875C21.5963 8.63224 21.4261 8.79434 21.3128 8.99455C21.1994 9.19477 21.148 9.42409 21.1649 9.65354C21.1819 9.88299 21.2665 10.1022 21.4081 10.2836C21.5497 10.4649 21.7419 10.6002 21.9604 10.6723C22.1789 10.7445 22.4138 10.7502 22.6356 10.6888C22.8573 10.6274 23.0558 10.5016 23.2061 10.3273C23.3563 10.1531 23.4515 9.93819 23.4796 9.70984C23.5077 9.48149 23.4675 9.24993 23.364 9.04444C23.2954 8.90791 23.2005 8.78624 23.0848 8.6864C22.9692 8.58657 22.8349 8.51053 22.6898 8.46263C22.5447 8.41473 22.3916 8.39591 22.2392 8.40726C22.0868 8.41861 21.9382 8.45989 21.8018 8.52875V8.52875Z" fill="#D6D3D9"/>
17<path d="M15.3389 1.6272C15.4997 1.63636 15.6595 1.59763 15.7983 1.51591C15.9371 1.43418 16.0485 1.31314 16.1184 1.16809C16.1884 1.02305 16.2137 0.860508 16.1913 0.701041C16.1689 0.541574 16.0997 0.392343 15.9924 0.272225C15.8851 0.152107 15.7447 0.0664986 15.5887 0.0262295C15.4328 -0.0140396 15.2685 -0.00716026 15.1165 0.0459972C14.9644 0.0991547 14.8316 0.196202 14.7348 0.324863C14.6379 0.453524 14.5814 0.608018 14.5724 0.768801C14.5603 0.984257 14.6342 1.1957 14.778 1.35666C14.9217 1.51763 15.1234 1.61493 15.3389 1.6272Z" fill="#D6D3D9"/>
18<path d="M15.3302 6.75051C15.5599 6.76339 15.7882 6.70789 15.9863 6.59105C16.1844 6.4742 16.3434 6.30125 16.4433 6.09404C16.5431 5.88684 16.5793 5.65468 16.5473 5.42692C16.5152 5.19916 16.4163 4.98601 16.2632 4.81442C16.11 4.64283 15.9094 4.52049 15.6868 4.46287C15.4641 4.40525 15.2293 4.41494 15.0122 4.49071C14.795 4.56647 14.6051 4.70492 14.4666 4.88855C14.3281 5.07217 14.2472 5.29274 14.234 5.52237C14.2166 5.83058 14.3223 6.1331 14.5278 6.3634C14.7334 6.5937 15.022 6.73294 15.3302 6.75051V6.75051Z" fill="#D6D3D9"/>
19<path d="M9.02735 18.6253C9.23281 18.5218 9.40293 18.3596 9.51621 18.1593C9.62948 17.959 9.68082 17.7296 9.66372 17.5002C9.64662 17.2707 9.56186 17.0515 9.42015 16.8702C9.27844 16.6889 9.08616 16.5537 8.86761 16.4817C8.64907 16.4098 8.41409 16.4042 8.19238 16.4658C7.97068 16.5273 7.77221 16.6533 7.62209 16.8276C7.47196 17.002 7.37692 17.217 7.34898 17.4454C7.32105 17.6738 7.36147 17.9053 7.46514 18.1107C7.60411 18.3861 7.84674 18.595 8.1397 18.6915C8.43265 18.788 8.75193 18.7642 9.02735 18.6253V18.6253Z" fill="#D6D3D9"/>
20<path d="M16.0816 8.44791C15.8403 8.8161 15.7288 9.25424 15.7645 9.69298C15.8003 10.1317 15.9813 10.546 16.279 10.8703C16.5767 11.1945 16.9741 11.4103 17.4082 11.4833C17.8423 11.5563 18.2883 11.4825 18.6757 11.2735C19.0632 11.0645 19.3698 10.7323 19.5472 10.3294C19.7245 9.92649 19.7624 9.47596 19.6549 9.04909C19.5474 8.62222 19.3006 8.2434 18.9536 7.97258C18.6066 7.70175 18.1791 7.5544 17.739 7.55383C17.4102 7.55361 17.0866 7.63521 16.7972 7.7913C16.5079 7.94739 16.262 8.17304 16.0816 8.44791V8.44791Z" fill="#D6D3D9"/>
21<path d="M19.5217 16.7216C19.3632 16.4073 19.1237 16.141 18.8279 15.9501C18.5321 15.7592 18.1908 15.6507 17.839 15.6358C17.4873 15.6209 17.138 15.7001 16.8271 15.8652C16.5162 16.0304 16.255 16.2755 16.0705 16.5752C15.8859 16.875 15.7847 17.2186 15.7772 17.5705C15.7697 17.9225 15.8563 18.27 16.028 18.5774C16.1997 18.8847 16.4503 19.1406 16.7539 19.3188C17.0575 19.497 17.4032 19.5909 17.7552 19.5909C18.0649 19.5888 18.3698 19.5148 18.646 19.3747C19.1132 19.1382 19.4676 18.7262 19.6318 18.229C19.7959 17.7318 19.7563 17.1898 19.5217 16.7216V16.7216Z" fill="#D6D3D9"/>
22<path d="M22.9791 16.5833C22.7868 16.457 22.5613 16.3906 22.3312 16.3925C22.1012 16.3944 21.8768 16.4644 21.6866 16.5938C21.4963 16.7232 21.3487 16.9061 21.2624 17.1193C21.1761 17.3326 21.155 17.5667 21.2017 17.792C21.2484 18.0172 21.3609 18.2236 21.5249 18.385C21.6889 18.5463 21.897 18.6554 22.1231 18.6985C22.3491 18.7415 22.5828 18.7166 22.7946 18.6268C23.0064 18.537 23.1869 18.3865 23.3132 18.1941C23.4819 17.9361 23.5415 17.6216 23.4789 17.3197C23.4163 17.0178 23.2366 16.753 22.9791 16.5833V16.5833Z" fill="#D6D3D9"/>
23<path d="M26.7673 13.6112C26.7783 13.4161 26.7312 13.2221 26.632 13.0538C26.5328 12.8855 26.386 12.7503 26.21 12.6655C26.034 12.5806 25.8368 12.5498 25.6433 12.577C25.4498 12.6042 25.2687 12.6881 25.1229 12.8182C24.9771 12.9483 24.8731 13.1187 24.8242 13.3078C24.7752 13.497 24.7834 13.6964 24.8477 13.8809C24.9121 14.0654 25.0296 14.2267 25.1856 14.3443C25.3416 14.462 25.529 14.5308 25.724 14.542C25.9858 14.5568 26.2427 14.467 26.4383 14.2925C26.6339 14.118 26.7523 13.8729 26.7673 13.6112V13.6112Z" fill="#D6D3D9"/>
24<path d="M29.5047 12.9074C29.3783 12.9002 29.2526 12.9305 29.1435 12.9947C29.0344 13.0588 28.9467 13.1539 28.8917 13.2679C28.8366 13.3819 28.8165 13.5096 28.8341 13.635C28.8516 13.7604 28.9059 13.8777 28.9901 13.9722C29.0743 14.0667 29.1847 14.1341 29.3072 14.1659C29.4297 14.1977 29.5589 14.1924 29.6785 14.1508C29.798 14.1091 29.9025 14.033 29.9788 13.9319C30.055 13.8309 30.0996 13.7095 30.1069 13.5831C30.1163 13.4137 30.0583 13.2475 29.9454 13.1209C29.8325 12.9942 29.674 12.9175 29.5047 12.9074V12.9074Z" fill="#D6D3D9"/>
25<path d="M26.9273 19.2537C26.7927 19.1655 26.6349 19.1192 26.4739 19.1206C26.3129 19.1221 26.156 19.1713 26.0229 19.2619C25.8899 19.3525 25.7867 19.4806 25.7264 19.6298C25.6661 19.7791 25.6515 19.9429 25.6843 20.1005C25.7171 20.2581 25.7958 20.4025 25.9107 20.5153C26.0255 20.6281 26.1712 20.7044 26.3293 20.7345C26.4875 20.7645 26.651 20.747 26.7992 20.6841C26.9474 20.6213 27.0736 20.5159 27.1619 20.3813C27.2206 20.2918 27.2611 20.1917 27.281 20.0866C27.301 19.9816 27.3001 19.8736 27.2783 19.7689C27.2565 19.6641 27.2143 19.5647 27.1541 19.4763C27.0938 19.3879 27.0168 19.3123 26.9273 19.2537V19.2537Z" fill="#D6D3D9"/>
26<path d="M8.76464 25.2288C8.65882 25.1594 8.53478 25.1229 8.40822 25.1239C8.28165 25.125 8.15824 25.1635 8.05358 25.2347C7.94893 25.3059 7.86772 25.4065 7.82024 25.5238C7.77276 25.6411 7.76113 25.7699 7.78682 25.8938C7.81251 26.0178 7.87438 26.1313 7.96459 26.2201C8.0548 26.3089 8.16931 26.3689 8.29364 26.3926C8.41797 26.4163 8.54654 26.4026 8.66309 26.3533C8.77964 26.3039 8.87893 26.2211 8.94843 26.1153C8.99459 26.0451 9.02646 25.9664 9.04221 25.8838C9.05795 25.8012 9.05727 25.7163 9.04021 25.634C9.02314 25.5517 8.99002 25.4735 8.94273 25.404C8.89545 25.3345 8.83493 25.2749 8.76464 25.2288V25.2288Z" fill="#D6D3D9"/>
27<path d="M22.1791 25.1618C22.066 25.2187 21.9724 25.308 21.9101 25.4181C21.8477 25.5283 21.8195 25.6545 21.8289 25.7808C21.8383 25.907 21.8849 26.0276 21.9628 26.1274C22.0408 26.2271 22.1466 26.3015 22.2668 26.3411C22.387 26.3808 22.5163 26.3838 22.6383 26.35C22.7603 26.3161 22.8695 26.2469 22.9521 26.1509C23.0347 26.055 23.087 25.9367 23.1024 25.8111C23.1178 25.6854 23.0956 25.558 23.0386 25.445C23.0008 25.3699 22.9486 25.303 22.885 25.248C22.8213 25.1931 22.7474 25.1513 22.6676 25.125C22.5878 25.0987 22.5035 25.0884 22.4197 25.0947C22.3358 25.101 22.2541 25.1238 22.1791 25.1618Z" fill="#D6D3D9"/>
28<path d="M14.7453 18.7033C14.9866 18.3351 15.0982 17.8969 15.0624 17.4581C15.0266 17.0193 14.8455 16.605 14.5477 16.2807C14.25 15.9565 13.8525 15.7408 13.4184 15.6679C12.9842 15.5949 12.5381 15.6688 12.1507 15.878C11.7633 16.0871 11.4568 16.4195 11.2795 16.8225C11.1023 17.2254 11.0645 17.676 11.1722 18.1029C11.2799 18.5298 11.5269 18.9085 11.8741 19.1792C12.2213 19.4499 12.6488 19.5971 13.0891 19.5974C13.4179 19.5985 13.7417 19.5173 14.031 19.3611C14.3203 19.2049 14.5659 18.9788 14.7453 18.7033Z" fill="#D6D3D9"/>
29<path d="M10.7917 21.7401C10.6282 21.6331 10.4367 21.577 10.2413 21.5789C10.0459 21.5808 9.85545 21.6405 9.69402 21.7506C9.53259 21.8607 9.40743 22.0162 9.33435 22.1974C9.26127 22.3786 9.24355 22.5774 9.28344 22.7687C9.32333 22.96 9.41903 23.1352 9.55844 23.272C9.69786 23.4089 9.87474 23.5014 10.0667 23.5378C10.2587 23.5742 10.4571 23.5529 10.637 23.4765C10.8168 23.4002 10.97 23.2722 11.0771 23.1088C11.2206 22.8894 11.2712 22.622 11.2177 22.3654C11.1641 22.1087 11.0109 21.8838 10.7917 21.7401V21.7401Z" fill="#D6D3D9"/>
30<path d="M15.4048 25.5272C15.2441 25.5181 15.0843 25.5568 14.9455 25.6385C14.8068 25.7201 14.6954 25.8411 14.6255 25.9861C14.5555 26.1311 14.5301 26.2936 14.5524 26.453C14.5748 26.6124 14.6439 26.7616 14.751 26.8818C14.8582 27.0019 14.9986 27.0876 15.1544 27.128C15.3102 27.1684 15.4746 27.1617 15.6266 27.1087C15.7786 27.0557 15.9115 26.9588 16.0084 26.8303C16.1054 26.7018 16.1621 26.5474 16.1713 26.3867C16.1775 26.2799 16.1625 26.173 16.1273 26.072C16.0921 25.971 16.0373 25.8779 15.9662 25.7981C15.895 25.7183 15.8088 25.6533 15.7125 25.6068C15.6161 25.5603 15.5116 25.5333 15.4048 25.5272Z" fill="#D6D3D9"/>
31<path d="M15.4135 20.4049C15.1836 20.3909 14.9548 20.4454 14.756 20.5616C14.5572 20.6778 14.3973 20.8504 14.2967 21.0575C14.196 21.2646 14.1591 21.4969 14.1906 21.725C14.222 21.9531 14.3205 22.1668 14.4735 22.3389C14.6265 22.511 14.8271 22.6338 15.05 22.6918C15.2728 22.7498 15.5079 22.7403 15.7254 22.6646C15.9428 22.5889 16.1329 22.4503 16.2716 22.2665C16.4103 22.0827 16.4913 21.8618 16.5043 21.6319C16.5221 21.3246 16.4172 21.0228 16.2127 20.7928C16.0081 20.5628 15.7207 20.4232 15.4135 20.4049V20.4049Z" fill="#D6D3D9"/>
32<path d="M20.1715 21.6613C19.9969 21.7498 19.8525 21.8882 19.7566 22.0589C19.6608 22.2295 19.6177 22.4248 19.6328 22.62C19.648 22.8151 19.7207 23.0014 19.8417 23.1552C19.9628 23.3091 20.1268 23.4235 20.3129 23.4841C20.4991 23.5447 20.699 23.5487 20.8874 23.4956C21.0758 23.4425 21.2442 23.3347 21.3713 23.1858C21.4984 23.0369 21.5785 22.8537 21.6015 22.6593C21.6244 22.4649 21.5891 22.2681 21.5001 22.0937C21.4414 21.978 21.3604 21.875 21.2618 21.7906C21.1632 21.7062 21.0489 21.6421 20.9255 21.6019C20.8021 21.5618 20.672 21.5463 20.5426 21.5565C20.4132 21.5667 20.2871 21.6023 20.1715 21.6613V21.6613Z" fill="#D6D3D9"/>
33<path d="M42.0034 8.90292C43.9192 8.90292 45.2608 9.95592 45.2608 11.9106H47.7701C47.7701 8.48129 45.2414 6.82935 41.9656 6.82935C37.9417 6.82935 35.6043 9.01427 35.6043 13.6317C35.6043 18.3637 37.9417 20.433 41.9656 20.433C45.2803 20.433 47.7701 18.8243 47.7701 15.3939H45.356C45.356 17.3096 44.0338 18.3637 42.0045 18.3637C39.3407 18.3637 38.1125 16.888 38.1125 13.8231V13.4403C38.1147 10.4349 39.359 8.90292 42.0034 8.90292Z" fill="#D6D3D9"/>
34<path d="M54.4049 7.06311L49.289 20.2073H51.8188L52.8719 17.3521H58.8839L59.965 20.2073H62.6094L57.4904 7.06311H54.4049ZM53.6384 15.2796L54.98 11.6762C55.2481 10.9681 55.7271 9.43507 55.8233 9.16696H55.9184C56.0146 9.43507 56.4936 10.9865 56.7617 11.6762L58.1023 15.2785L53.6384 15.2796Z" fill="#D6D3D9"/>
35<path d="M76.2898 11.0481C76.2898 8.61559 74.8909 7.06311 71.9978 7.06311H65.0614V20.2073H67.5145V15.126H71.5946L74.0811 20.2073H76.7634L73.9525 14.7466C75.5039 14.1336 76.2898 12.8308 76.2898 11.0481ZM71.8054 13.06H67.5145V9.15182H71.8054C73.1276 9.15182 73.8173 9.86103 73.8173 11.0481C73.8173 12.2946 73.0703 13.06 71.8054 13.06Z" fill="#D6D3D9"/>
36<path d="M84.8933 7.06311H79.6413V20.2073H84.8912C88.8567 20.2073 91.2697 18.138 91.2697 13.6352C91.2697 9.13236 88.8589 7.06311 84.8933 7.06311ZM88.7637 13.8265C88.7443 16.7012 87.3842 18.1186 84.8933 18.1186H82.0965V9.15182H84.8933C87.3799 9.15182 88.7637 10.5702 88.7637 13.4438V13.8265Z" fill="#D6D3D9"/>
37<path d="M97.6959 7.06311L92.5779 20.2073H95.1066L96.1607 17.3521H102.177L103.25 20.2073H105.894L100.778 7.06311H97.6959ZM96.9294 15.2796L98.2689 11.6762C98.537 10.9681 99.0159 9.43507 99.1121 9.16696H99.2094C99.3046 9.43507 99.7846 10.9865 100.053 11.6762L101.393 15.2785L96.9294 15.2796Z" fill="#D6D3D9"/>
38<path d="M117.106 14.8806C117.106 15.1293 117.144 15.7996 117.144 15.9153L117.049 15.9531C116.992 15.8774 116.608 15.2061 116.4 14.9001L110.691 7.06311H108.35V20.2073H110.707V12.3325C110.707 12.0081 110.668 11.3746 110.668 11.2784L110.764 11.2211C110.822 11.2978 111.109 11.8535 111.413 12.2946L117.161 20.2073H119.46V7.06311H117.104V14.8806H117.106Z" fill="#D6D3D9"/>
39<path d="M129.23 6.83374C125.111 6.83374 122.62 9.01759 122.62 13.635C122.62 18.2525 125.106 20.4363 129.23 20.4363C133.353 20.4363 135.859 18.2525 135.859 13.635C135.859 9.01759 133.349 6.83374 129.23 6.83374ZM133.349 13.8458C133.349 16.8535 131.912 18.367 129.23 18.367C126.567 18.367 125.13 16.8535 125.13 13.8458V13.4437C125.13 10.4349 126.587 8.90299 129.23 8.90299C131.894 8.90299 133.349 10.4349 133.349 13.4437V13.8458Z" fill="#D6D3D9"/>
40</g>
41<defs>
42<clipPath id="clip0_538_786">
43<rect width="135.139" height="27.1543" fill="white" transform="translate(0.720062)"/>
44</clipPath>
45</defs>
46</svg>
public/images/logo-eth.svgadded+22-0
Changes to public/images/logo-eth.svg
@@ -0,0 +1,22 @@
1<svg width="115" height="29" viewBox="0 0 115 29" fill="none" xmlns="http://www.w3.org/2000/svg">
2<g clip-path="url(#clip0_538_838)">
3<path d="M32.6047 16.5791C32.603 16.6793 32.5617 16.7747 32.4899 16.8446C32.4181 16.9144 32.3215 16.953 32.2213 16.9518H25.1616C25.3426 18.6981 26.6523 20.2954 28.5051 20.2954C29.7723 20.2954 30.7093 19.8162 31.4121 18.8046C31.4448 18.7515 31.4901 18.7072 31.5439 18.6756C31.5977 18.644 31.6585 18.6262 31.7209 18.6236C31.7674 18.6223 31.8137 18.6305 31.8569 18.6476C31.9001 18.6648 31.9394 18.6907 31.9723 18.7236C32.0052 18.7565 32.031 18.7957 32.0482 18.839C32.0654 18.8822 32.0736 18.9285 32.0723 18.975C32.0725 19.0392 32.054 19.1021 32.019 19.156C31.3056 20.3912 29.8894 20.9981 28.5051 20.9981C26.1306 20.9981 24.4269 18.8685 24.4269 16.6004C24.4269 14.3324 26.1199 12.2028 28.5051 12.2028C30.8903 12.2028 32.594 14.3111 32.6047 16.5791V16.5791ZM31.8486 16.2491C31.6996 14.5028 30.3579 12.9055 28.5051 12.9055C26.6523 12.9055 25.3426 14.5028 25.1616 16.2491H31.8486Z" fill="#D6D3D9"/>
4<path d="M41.187 12.3731C41.2794 12.3758 41.3672 12.4137 41.4325 12.479C41.4978 12.5443 41.5357 12.6321 41.5384 12.7245C41.5397 12.771 41.5315 12.8173 41.5143 12.8605C41.4972 12.9037 41.4713 12.943 41.4384 12.9759C41.4055 13.0088 41.3663 13.0346 41.323 13.0518C41.2798 13.069 41.2335 13.0772 41.187 13.0759H39.2916V20.5189C39.2908 20.6119 39.2535 20.7008 39.1878 20.7665C39.1221 20.8322 39.0332 20.8695 38.9403 20.8703C38.8479 20.8676 38.7601 20.8298 38.6948 20.7644C38.6294 20.6991 38.5915 20.6113 38.5889 20.5189V13.0759H36.768C36.7215 13.0772 36.6752 13.069 36.632 13.0518C36.5888 13.0346 36.5495 13.0088 36.5166 12.9759C36.4837 12.943 36.4579 12.9037 36.4407 12.8605C36.4235 12.8173 36.4153 12.771 36.4166 12.7245C36.4175 12.6316 36.4548 12.5427 36.5205 12.4769C36.5862 12.4112 36.6751 12.3739 36.768 12.3731H38.5889V9.65782C38.589 9.56785 38.6213 9.48089 38.6799 9.41258C38.7384 9.34426 38.8194 9.29907 38.9083 9.28514C38.958 9.27854 39.0085 9.28274 39.0564 9.29747C39.1043 9.31219 39.1485 9.33708 39.1859 9.37044C39.2233 9.40381 39.2531 9.44485 39.2732 9.49077C39.2933 9.53669 39.3032 9.58641 39.3023 9.63652V12.3731H41.187Z" fill="#D6D3D9"/>
5<path d="M52.7403 15.9721V20.4763C52.7376 20.5686 52.6997 20.6565 52.6344 20.7218C52.569 20.7871 52.4812 20.825 52.3889 20.8277C52.3424 20.829 52.2961 20.8208 52.2528 20.8036C52.2096 20.7864 52.1704 20.7606 52.1375 20.7277C52.1046 20.6948 52.0787 20.6555 52.0615 20.6123C52.0443 20.5691 52.0362 20.5228 52.0375 20.4763V15.9721C52.0375 14.4494 51.175 12.9374 49.4819 12.9374C47.3097 12.9374 46.3727 14.8328 46.5004 16.7814C46.5004 16.8346 46.5217 17.0582 46.5217 17.0902V20.4656C46.5216 20.5556 46.4893 20.6426 46.4307 20.7109C46.3722 20.7792 46.2912 20.8244 46.2023 20.8383C46.1526 20.8449 46.1021 20.8407 46.0542 20.826C46.0063 20.8113 45.9621 20.7864 45.9247 20.753C45.8873 20.7197 45.8575 20.6786 45.8374 20.6327C45.8174 20.5868 45.8074 20.5371 45.8083 20.4869V5.67536C45.8091 5.58243 45.8464 5.49353 45.9122 5.42782C45.9779 5.3621 46.0668 5.32481 46.1597 5.32397C46.252 5.32665 46.3399 5.36453 46.4052 5.42986C46.4705 5.49519 46.5084 5.58302 46.5111 5.67536V14.0448C47.118 12.9587 48.2041 12.224 49.4713 12.224C51.5583 12.224 52.7403 14.0448 52.7403 15.9721Z" fill="#D6D3D9"/>
6<path d="M65.4223 16.5791C65.4206 16.6793 65.3793 16.7747 65.3075 16.8446C65.2356 16.9144 65.1391 16.953 65.0389 16.9518H57.9792C58.1602 18.6981 59.4699 20.2954 61.3227 20.2954C62.5899 20.2954 63.5269 19.8162 64.2297 18.8046C64.2624 18.7515 64.3077 18.7072 64.3615 18.6756C64.4153 18.644 64.4761 18.6262 64.5385 18.6236C64.585 18.6223 64.6312 18.6305 64.6745 18.6476C64.7177 18.6648 64.757 18.6907 64.7899 18.7236C64.8228 18.7565 64.8486 18.7957 64.8658 18.839C64.883 18.8822 64.8912 18.9285 64.8899 18.975C64.8901 19.0392 64.8716 19.1021 64.8366 19.156C64.1232 20.3912 62.707 20.9981 61.3227 20.9981C58.9482 20.9981 57.2445 18.8685 57.2445 16.6004C57.2445 14.3324 58.9375 12.2028 61.3227 12.2028C63.6866 12.2028 65.4116 14.3111 65.4223 16.5791V16.5791ZM64.6556 16.2491C64.5065 14.5028 63.1648 12.9055 61.3121 12.9055C59.4593 12.9055 58.1496 14.5028 57.9686 16.2491H64.6556Z" fill="#D6D3D9"/>
7<path d="M74.1005 12.7031C74.1072 12.7977 74.0763 12.891 74.0144 12.9629C73.9526 13.0347 73.8649 13.0791 73.7704 13.0865C71.694 13.3953 70.7569 15.0883 70.7569 17.0582V20.4337C70.7568 20.5237 70.7245 20.6106 70.6659 20.6789C70.6074 20.7473 70.5264 20.7924 70.4375 20.8064C70.3878 20.813 70.3373 20.8088 70.2894 20.7941C70.2415 20.7793 70.1973 20.7544 70.1599 20.7211C70.1225 20.6877 70.0927 20.6467 70.0726 20.6007C70.0526 20.5548 70.0426 20.5051 70.0435 20.455V12.7564C70.0437 12.6664 70.076 12.5794 70.1345 12.5111C70.1931 12.4428 70.2741 12.3976 70.363 12.3837C70.4126 12.3771 70.4632 12.3813 70.5111 12.396C70.559 12.4107 70.6032 12.4356 70.6406 12.469C70.678 12.5024 70.7077 12.5434 70.7278 12.5893C70.7479 12.6353 70.7578 12.685 70.7569 12.7351V14.3004C71.3426 13.3101 72.5032 12.373 73.7171 12.373C73.8981 12.373 74.1005 12.5008 74.1005 12.7031Z" fill="#D6D3D9"/>
8<path d="M85.7069 16.5791C85.7052 16.6793 85.664 16.7747 85.5921 16.8446C85.5203 16.9144 85.4238 16.953 85.3236 16.9518H78.2639C78.4449 18.6981 79.7546 20.2954 81.6074 20.2954C82.8745 20.2954 83.8116 19.8162 84.5143 18.8046C84.5471 18.7515 84.5923 18.7072 84.6462 18.6756C84.7 18.644 84.7608 18.6262 84.8231 18.6236C84.8696 18.6223 84.9159 18.6305 84.9591 18.6476C85.0024 18.6648 85.0416 18.6907 85.0745 18.7236C85.1074 18.7565 85.1333 18.7957 85.1505 18.839C85.1677 18.8822 85.1758 18.9285 85.1745 18.975C85.1748 19.0392 85.1563 19.1021 85.1213 19.156C84.4079 20.3912 82.9916 20.9981 81.6074 20.9981C79.2329 20.9981 77.5291 18.8685 77.5291 16.6004C77.5291 14.3324 79.2222 12.2028 81.6074 12.2028C83.9926 12.2028 85.6963 14.3111 85.7069 16.5791V16.5791ZM84.9509 16.2491C84.8018 14.5028 83.4602 12.9055 81.6074 12.9055C79.7546 12.9055 78.4449 14.5028 78.2639 16.2491H84.9509Z" fill="#D6D3D9"/>
9<path d="M97.1218 12.7884V20.5189C97.1191 20.6113 97.0812 20.6991 97.0159 20.7644C96.9506 20.8297 96.8627 20.8676 96.7704 20.8703C96.7239 20.8716 96.6776 20.8634 96.6344 20.8463C96.5911 20.8291 96.5519 20.8032 96.519 20.7703C96.4861 20.7374 96.4602 20.6982 96.443 20.6549C96.4259 20.6117 96.4177 20.5654 96.419 20.5189V19.0495C95.8333 20.2101 94.8005 21.0513 93.4801 21.0513C91.3824 21.0513 90.2218 19.2305 90.2218 17.3032V12.7777C90.2226 12.6848 90.2599 12.5959 90.3256 12.5302C90.3913 12.4644 90.4802 12.4272 90.5732 12.4263C90.6655 12.429 90.7533 12.4669 90.8187 12.5322C90.884 12.5975 90.9219 12.6854 90.9246 12.7777V17.3032C90.9246 18.8259 91.7871 20.3379 93.4801 20.3379C95.8546 20.3379 96.419 18.1124 96.419 15.6527V12.7671C96.4198 12.7101 96.4342 12.6541 96.461 12.6039C96.4879 12.5536 96.5264 12.5106 96.5733 12.4782C96.6202 12.4459 96.6742 12.4253 96.7307 12.4181C96.7872 12.4109 96.8447 12.4174 96.8982 12.437C96.9651 12.4681 97.0217 12.5177 97.0613 12.58C97.101 12.6422 97.1219 12.7146 97.1218 12.7884V12.7884Z" fill="#D6D3D9"/>
10<path d="M115 15.9403V20.4658C114.997 20.5581 114.959 20.646 114.894 20.7113C114.829 20.7766 114.741 20.8145 114.649 20.8172C114.602 20.8185 114.556 20.8103 114.513 20.7931C114.469 20.7759 114.43 20.7501 114.397 20.7172C114.364 20.6843 114.338 20.645 114.321 20.6018C114.304 20.5586 114.296 20.5123 114.297 20.4658V15.9403C114.297 14.4176 113.435 12.9269 111.742 12.9269C109.612 12.9269 108.803 15.2056 108.803 16.9732V20.4658C108.8 20.5581 108.762 20.646 108.697 20.7113C108.632 20.7766 108.544 20.8145 108.451 20.8172C108.405 20.8185 108.359 20.8103 108.315 20.7931C108.272 20.7759 108.233 20.7501 108.2 20.7172C108.167 20.6843 108.141 20.645 108.124 20.6018C108.107 20.5586 108.099 20.5123 108.1 20.4658V15.9403C108.1 14.4176 107.238 12.9269 105.544 12.9269C103.394 12.9269 102.51 14.62 102.584 16.8774C102.584 16.9306 102.606 17.0264 102.584 17.0584V20.4551C102.584 20.5451 102.552 20.6321 102.493 20.7004C102.435 20.7687 102.354 20.8139 102.265 20.8278C102.215 20.8344 102.165 20.8302 102.117 20.8155C102.069 20.8008 102.025 20.7759 101.987 20.7425C101.95 20.7092 101.92 20.6681 101.9 20.6222C101.88 20.5763 101.87 20.5265 101.871 20.4764V12.7565C101.871 12.6666 101.903 12.5796 101.962 12.5113C102.02 12.443 102.101 12.3978 102.19 12.3838C102.24 12.3772 102.29 12.3815 102.338 12.3962C102.386 12.4109 102.43 12.4358 102.468 12.4692C102.505 12.5025 102.535 12.5436 102.555 12.5895C102.575 12.6354 102.585 12.6851 102.584 12.7352V14.0237C103.191 12.9375 104.277 12.2241 105.544 12.2241C106.982 12.2241 108.1 13.1399 108.558 14.4709C109.144 13.1505 110.283 12.2241 111.742 12.2241C113.818 12.2241 115 14.0237 115 15.9403Z" fill="#D6D3D9"/>
11<path opacity="0.6" d="M8.83796 10.6588L0 14.6732L8.83796 19.9014L17.6866 14.6732L8.83796 10.6588Z" fill="#D6D3D9"/>
12<path opacity="0.45" d="M0 14.6731L8.83796 19.9014V0L0 14.6731Z" fill="#D6D3D9"/>
13<path opacity="0.8" d="M8.83795 0V19.9014L17.6866 14.6731L8.83795 0Z" fill="#D6D3D9"/>
14<path opacity="0.45" d="M0 16.3555L8.83796 28.8138V21.5731L0 16.3555Z" fill="#D6D3D9"/>
15<path opacity="0.8" d="M8.83795 21.5731V28.8138L17.6866 16.3555L8.83795 21.5731Z" fill="#D6D3D9"/>
16</g>
17<defs>
18<clipPath id="clip0_538_838">
19<rect width="115" height="28.8139" fill="white"/>
20</clipPath>
21</defs>
22</svg>
public/images/team/avery.jpegadded+0-0

Binary file. Nothing to show line by line.

public/images/team/avery.pngdeleted+0-0

Binary file. Nothing to show line by line.

public/images/team/missing.webpadded+0-0

Binary file. Nothing to show line by line.

src/App.vuemodified+10-1
Changes to src/App.vue
@@ -13,6 +13,15 @@
1313 #f05281 100%
1414 );
1515}
16
17a.bg-pink-gradient:hover {
18 background: radial-gradient(
19 82.01% 81.61% at 94.63% 16.78%,
20 #e679a0 0%,
21 #e55781 57.37%,
22 #ee356c 100%
23 );
24}
1625.bg-black-gradient {
1726 background: linear-gradient(
1827 103.6deg,
formatting only · 5 hidden lines
Changes to src/App.vue
@@ -20,4 +29,4 @@ formatting only
2029 rgba(255, 255, 255, 0.1) 81.8%
2130 );
2231}
23</style>
32</style>
src/components/AppFooter.vuemodified+25-5
Changes to src/components/AppFooter.vue
@@ -30,7 +30,7 @@
3030 <div>
3131 Attributes
3232 <small class="px-1 uppercase bg-white rounded-full text-gray-7"
33 >Soon</small
33 >soon</small
3434 >
3535 </div>
3636 <div><img src="/images/chevron.svg" alt="" /></div>
@@ -39,7 +39,7 @@
3939 <div>
4040 Merchandise
4141 <small class="px-1 uppercase bg-white rounded-full text-gray-7"
42 >Soon</small
42 >soon</small
4343 >
4444 </div>
4545 <div><img src="/images/chevron.svg" alt="" /></div>
@@ -125,10 +125,30 @@
125125 </ul>
126126 </div>
127127 <div>
128 <h3 class="mb-8 text-white uppercase">Hoodratz</h3>
128 <h3 class="px-2 mb-8 text-white uppercase">Hoodratz</h3>
129129 <ul>
130 <li class="my-2 cursor-not-allowed">Attributes</li>
131 <li class="my-2 cursor-not-allowed">Merchandise</li>
130 <li class="my-2">
131 <a
132 class="px-2 transition duration-150 ease-in-out rounded-md hover:text-white focus:outline-none focus:bg-pink-custom-2"
133 href="/#utility"
134 >
135 Utility
136 </a>
137 </li>
138 <li class="my-2 cursor-wait">
139 <span
140 class="px-2 transition duration-150 ease-in-out rounded-md cursor-wait hover:text-white focus:outline-none focus:bg-pink-custom-2"
141 >
142 Attributes
143 </span>
144 </li>
145 <li class="my-2 cursor-wait">
146 <span
147 class="px-2 transition duration-150 ease-in-out rounded-md cursor-wait hover:text-white focus:outline-none focus:bg-pink-custom-2"
148 >
149 Merchandise
150 </span>
151 </li>
132152 </ul>
133153 </div>
134154 <div>
src/components/AppHeader.vuemodified+10-10
Changes to src/components/AppHeader.vue
@@ -28,7 +28,7 @@
2828 </div>
2929 <div class="hidden text-white md:block">
3030 <ul class="flex">
31 <li class="relative flex flex-col items-center mx-2">
31 <li class="relative flex flex-col items-center mx-4">
3232 <router-link
3333 to="/"
3434 custom
@@ -47,7 +47,7 @@
4747 ></div>
4848 </router-link>
4949 </li>
50 <li class="relative flex flex-col items-center mx-2">
50 <li class="relative flex flex-col items-center mx-4">
5151 <router-link
5252 to="/about"
5353 custom
@@ -66,7 +66,7 @@
6666 ></div>
6767 </router-link>
6868 </li>
69 <li class="relative flex flex-col items-center mx-2">
69 <li class="relative flex flex-col items-center mx-4">
7070 <router-link
7171 to="/roadmap"
7272 custom
@@ -85,7 +85,7 @@
8585 ></div>
8686 </router-link>
8787 </li>
88 <li class="relative flex flex-col items-center mx-2">
88 <li class="relative flex flex-col items-center mx-4">
8989 <router-link
9090 to="/faq"
9191 custom
@@ -104,18 +104,18 @@
104104 ></div>
105105 </router-link>
106106 </li>
107 <li class="mx-2 cursor-wait">
107 <li class="mx-4 cursor-wait">
108108 Rarity
109109 <span
110 class="px-1 mx-1 text-xs uppercase bg-white rounded-full text-gray-6"
111 >Soon</span
110 class="px-2 py-0.5 mx-2 text-xs bg-white rounded-full text-gray-6"
111 >soon</span
112112 >
113113 </li>
114 <li class="mx-2 cursor-wait">
114 <li class="mx-4 cursor-wait">
115115 Merch
116116 <span
117 class="px-1 mx-1 text-xs uppercase bg-white rounded-full text-gray-6"
118 >Soon</span
117 class="px-2 py-0.5 mx-2 text-xs bg-white rounded-full text-gray-6"
118 >soon</span
119119 >
120120 </li>
121121 </ul>
src/content/app.jsonmodified+31-47
Changes to src/content/app.json
@@ -6,84 +6,68 @@
66 },
77 "roadmap": [
88 {
9 "date": "2021-12-01",
10 "title": "First generation drop",
11 "description": "Launch all 10,000 algorithmically generated Hoodratz to our awesome community.",
12 "done": true
13 },
14 {
15 "date": "2022-01-02",
16 "title": "Marketplace integration",
17 "description": "Buy, sell and trade Hoodratz on nakednft.com and opensea.com",
9 "date": "12.11.21 @ 11am PST ",
10 "title": "Presale / Whitelist",
11 "description": "<p> For the first 500 users, allowing up to 3 sales per wallet and sale price at 0.75 SOL. </p> <p> 100 free airdrops to Discord, Twitter and other social medium for completing 'competitions' like the invite 'competition'. </p>",
1812 "done": false
1913 },
2014 {
21 "date": "2022-02-03",
22 "title": "Merch",
23 "description": "Exclusive Hoodratz merch will be available in our store... Our team has been working on this one a lot so we are sure you will love it!",
15 "date": "12.12.21 @ 11am PST",
16 "title": "Remaining ~8875-9500 Mint @1.0 SOL",
17 "description": "Total number varies based on the amount of 'early sales' and airdrops.",
2418 "done": false
2519 },
2620 {
27 "date": "2022-03-04",
28 "title": "Marketplace integration",
29 "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
30 "done": false
31 },
32 {
33 "date": "2022-05-04",
34 "title": "Lorem ipsum",
35 "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",
21 "date": "12.12.21",
22 "title": "Once sold out",
23 "description": "<p> NFT Marketplace release that will likely become the first cross-chain marketplace. </p> <p> Let's buyback the floor of 100-150 SOL and then Airdrop to friends and family, possibly do it over 3 days and do 50 SOL each day. </p>",
3624 "done": false
3725 }
3826 ],
3927 "team": [
4028 {
41 "name": "Chris",
42 "role": "Co-Founder",
29 "name": "Chris Breuer",
30 "role": "Technical Lead",
4331 "image": "/images/chris.jpeg",
4432 "twitter_url": "https://twitter.com/chrisbreuer1904",
45 "linkedin_url": ""
33 "linkedin_url": "https://www.linkedin.com/in/chris-breuer-33231765/"
4634 },
4735 {
48 "name": "Kyle",
49 "role": "Co-Founder",
50 "image": "/images/chris.jpeg",
51 "twitter_url": "https://twitter.com/chrisbreuer1904",
36 "name": "Kyle Cameron",
37 "role": "Creative Lead",
38 "image": "/images/team/missing.webp",
39 "twitter_url": "https://twitter.com/nakednfts",
5240 "linkedin_url": ""
5341 },
5442 {
55 "name": "Avery",
56 "role": "PM",
57 "image": "/images/team/avery.png",
43 "name": "Avery Hill",
44 "role": "Artist",
45 "image": "/images/team/avery.jpeg",
5846 "twitter_url": "",
59 "linkedin_url": ""
47 "linkedin_url": "https://www.linkedin.com/in/avery-breuer-4599b4104/"
6048 },
6149
6250 {
63 "name": "Denis",
64 "role": "Designer",
65 "image": "/images/team/chris.png",
66 "twitter_url": "",
67 "linkedin_url": ""
51 "name": "Harlequin Doyon",
52 "role": "Dev Genius",
53 "image": "/images/team/missing.webp",
54 "twitter_url": "https://twitter.com/DoyonHarlequin",
55 "linkedin_url": "https://www.linkedin.com/in/harlequindoyon/"
6856 }
6957 ],
7058
7159 "faq": [
7260 {
73 "question": "Tempor excepteur commodo dolore qui.",
74 "answer": "Consequat et adipisicing cillum mollit non occaecat fugiat ex ut. Aliquip pariatur commodo irure duis. Officia in sunt qui ut nulla in quis non qui officia laboris tempor minim. Enim irure amet reprehenderit sint id excepteur voluptate aute nisi culpa esse."
75 },
76 {
77 "question": "In est sunt non occaecat minim.",
78 "answer": "Ea pariatur pariatur labore id consectetur cupidatat quis veniam est laboris irure mollit anim. Lorem ad dolore cillum do consectetur excepteur dolor non duis ipsum mollit ad deserunt. Est aliquip consectetur duis elit culpa voluptate dolor anim anim reprehenderit voluptate Lorem duis. Labore in culpa tempor qui minim. Pariatur aliqua proident amet veniam."
61 "question": "When can we mint?",
62 "answer": "Public sale starts at 12th of December, at 11am PST "
7963 },
8064 {
81 "question": "Reprehenderit aute exercitation minim duis.",
82 "answer": "Velit do laborum excepteur eiusmod enim enim nisi labore cillum ipsum laborum ex aute. Ullamco mollit in Lorem velit proident voluptate id voluptate mollit. Nulla deserunt pariatur laboris laboris occaecat voluptate esse. Esse velit esse sunt nisi labore est veniam."
65 "question": "How many NFTs are available?",
66 "answer": "A total of 10,000 items will be available. About 100-200 of these will be used for competitions and airdrops, with the remaining NFTs all being used for the public mint."
8367 },
8468 {
85 "question": "Proident in est non proident dolore dolor aute commodo enim sunt labore consequat.",
86 "answer": "Exercitation eu non consectetur esse dolore nostrud duis veniam et adipisicing qui. Deserunt sit adipisicing aliquip irure aute ut aliquip ullamco. Laborum et officia ex qui et. In officia elit sint deserunt anim quis ad aliqua do occaecat pariatur fugiat id."
69 "question": "How much for each NFT?",
70 "answer": "1.00 SOL for public mint, 0.75 SOL for whitelists."
8771 }
8872 ]
8973}
src/content/privacy-policy.mdmodified+1-1
Changes to src/content/privacy-policy.md
@@ -160,7 +160,7 @@ You are advised to review this Privacy Policy periodically for any changes. Chan
160160
161161Hoodratz, Inc. 12665 Village Ln, Unit 2306, Playa Vista, CA 90094
162162
163**Questions? Let’s talk**
163[**Questions? Let’s talk**](mailto:chris@meema.io)
164164
165165<style scoped lang="postcss">
166166.markdown-body {
src/views/About.vuemodified+68-95
Changes to src/views/About.vue
@@ -17,24 +17,14 @@ import AppFooter from "@/components/AppFooter.vue";
1717 <!-- Content -->
1818 <div class="relative mx-4 md:container md:mx-auto">
1919 <img
20 class="
21 absolute
22 hidden
23 xl:left-1/2 xl:top-0
24 lg:block lg:top-0 lg:left-1/2
25 "
20 class="absolute hidden xl:left-1/2 xl:top-0 lg:block lg:top-0 lg:left-1/2"
2621 src="/images/home/hoodratz-ellipse-97.png"
2722 alt=""
2823 />
29 <div class="md:grid md:grid-cols-2 md:mx-4 md:mt-24">
24 <div class="md:grid md:grid-cols-2 md:mx-32 md:mt-24">
3025 <div class="relative flex mb-8 md:mb-0 md:items-center">
3126 <img
32 class="
33 absolute
34 hidden
35 xl:top-96 xl:-left-44
36 lg:top-3/4 lg:-left-56 lg:block
37 "
27 class="absolute hidden xl:top-96 xl:-left-44 lg:top-3/4 lg:-left-56 lg:block"
3828 src="/images/home/hoodratz-ellipse-1424.svg"
3929 alt=""
4030 />
@@ -44,15 +34,7 @@ import AppFooter from "@/components/AppFooter.vue";
4434 <img src="/images/about-txt.svg" alt="About" />
4535 </div>
4636 <h1
47 class="
48 absolute
49 inset-0
50 mt-8
51 tracking-widest
52 uppercase
53 text-pink-3
54 font-sora
55 "
37 class="absolute inset-0 mt-8 tracking-widest uppercase text-pink-3 font-sora"
5638 >
5739 About
5840 </h1>
@@ -62,31 +44,23 @@ import AppFooter from "@/components/AppFooter.vue";
6244 The Hoodratz Story
6345 </h2>
6446
65 <p class="leading-7 font-sora">
47 <p class="leading-8 font-sora">
6648 Hoodratz are uniquely generated, cute and collectible rats with
67 proof of ownership stored on the Solana blockchain. All individual
68 pieces of the Hoodratz world have been created by hand and were
69 algorithmically generated using custom code that we created to
70 share with the community.
49 proof of ownership stored on Solana's blockchain, and soon on the
50 blockchain of your choice. All individual art pieces of the
51 Hoodratz world have been created by hand and were algorithmically
52 generated using custom code that we created to share with the
53 community. <em>We ❤️ Open Source.</em>
7154 </p>
7255
73 <p class="mt-3 leading-7 font-sora">
74 There are 165 attributes across 18 categories: These categories
75 include background, body, type, pattern, tail, expression, mouth,
76 eyes, skin, glasses, facial hair, hat/hair, mouth accessories,
77 earring, neck, blankets, flags and best of all, cigars! With these
78 combined, it gives a total mathematical combination of millions of
79 unique Hoodratz - but with only 10,000 being minted, some are more
80 unique and rare than others.
56 <p class="mt-3 leading-8 font-sora">
57 The Hoodratz collection is inspired by the global NFT hub that New
58 York City has become. And which animal would reflect the city
59 better than a ... Hoodrat? ��
8160 </p>
8261
8362 <img
84 class="
85 absolute
86 hidden
87 xl:left-3/4 xl:top-full
88 lg:block lg:top-3/4 lg:left-full
89 "
63 class="absolute hidden xl:left-3/4 xl:top-full lg:block lg:top-3/4 lg:left-full"
9064 src="/images/home/hoodratz-ellipse-103.png"
9165 alt=""
9266 />
@@ -103,16 +77,11 @@ import AppFooter from "@/components/AppFooter.vue";
10377 </div>
10478 </div>
10579
106 <div class="relative lg:grid lg:grid-cols-2 md:mx-32">
80 <div class="relative pt-32 lg:grid lg:grid-cols-2 md:mx-32">
10781 <div>
10882 <div class="relative">
10983 <img
110 class="
111 absolute
112 hidden
113 xl:left-36 xl:-top-14
114 lg:block lg:-top-14 lg:left-36
115 "
84 class="absolute hidden xl:left-36 xl:-top-14 lg:block lg:-top-14 lg:left-36"
11685 src="/images/home/hoodratz-ellipse-88.png"
11786 alt=""
11887 />
@@ -123,42 +92,53 @@ import AppFooter from "@/components/AppFooter.vue";
12392 The Team
12493 </h1>
12594 </div>
95
12696 <h2 class="my-4 text-3xl text-white font-kumbh-bold md:text-5xl">
12797 Who's behind it all?
12898 </h2>
99
129100 <p class="leading-7 font-sora">
130 We are a small group of friends with the same vision and goal. Our
131 core principles have always been to deliver the best possible NFT
132 user experience from launch as well as creating collectible art with
133 utility.
101 We are more than a company. Or even a decentralized autonomous
102 organization (DAO). We are a group of friends coming from all walks
103 of life who have worked in technical &amp; creative corporate web2
104 environments. With all of our focus shifting to web3, we are trying
105 to make the world a better place by socializing &amp; democratizing
106 the way data is stored &amp; transferred.
107 </p>
108
109 <p class="mt-4 leading-7 font-sora">
110 We believe NFTs, and the tech allowing for it, are an integral part
111 of our future lives. We also believe NFTs allow for a whole lot more
112 than "digital collectibles." As a consequence, we developed our own
113 marketplace to allow for these up-and-coming features.
114 </p>
115
116 <p class="mt-4 leading-7 font-sora">
117 Join us in
118 <a
119 href="https://discord.gg/jsahnpyr4X"
120 target="_blank"
121 class="transition duration-150 ease-in-out text-pink-1 hover:text-pink-2"
122 >Discord</a
123 >
124 to follow along. We are in it for the long run.
134125 </p>
135126 </div>
127
136128 <img
137 class="absolute top-0 right-0 md:hidden lg:block"
129 class="absolute top-0 right-0 pt-32 md:hidden lg:block"
138130 src="/images/home/hoodratz-plain-cone.png"
139 alt=""
131 alt="background cone image"
140132 />
141133 <img
142 class="
143 absolute
144 hidden
145 xl:left-1/2 xl:-top-14
146 lg:block lg:top-24 lg:left-1/2
147 "
134 class="absolute hidden xl:left-1/2 xl:-top-14 lg:block lg:top-24 lg:left-1/2"
148135 src="/images/home/hoodratz-ellipse-97.png"
149 alt=""
136 alt="background cone image"
150137 />
151138 </div>
152139
153140 <div
154 class="
155 relative
156 mt-12
157 mb-20
158 md:grid md:grid-cols-3
159 xl:grid-cols-4
160 md:gap-6 md:mx-4
161 "
141 class="relative mt-24 mb-20 md:grid md:grid-cols-3 xl:grid-cols-4 md:gap-6 md:mx-4"
162142 >
163143 <div
164144 class="flex px-8 py-6 my-6 md:flex-col bg-gray-7 rounded-4xl"
@@ -173,48 +153,41 @@ import AppFooter from "@/components/AppFooter.vue";
173153 <span>{{ item.role }}</span>
174154 </div>
175155 <div class="grid items-center grid-cols-1 gap-4 md:grid-cols-2">
176 <img src="/images/twitter.svg" alt="Twitter" />
177 <img src="/images/linkedin.svg" alt="Linkedin" />
156 <a
157 :href="item.twitter_url || '#'"
158 :target="item.twitter_url ? '_blank' : ''"
159 rel="noopener noreferrer"
160 >
161 <img src="/images/twitter.svg" alt="Twitter" />
162 </a>
163
164 <a
165 :href="item.linkedin_url || '#'"
166 :target="item.linkedin_url ? '_blank' : ''"
167 rel="noopener noreferrer"
168 >
169 <img src="/images/linkedin.svg" alt="Linkedin"
170 /></a>
178171 </div>
179172 </div>
180173 </div>
181174 <img
182 class="
183 absolute
184 hidden
185 xl:left-0 xl:-top-14
186 lg:block lg:-top-16 lg:left-0
187 "
175 class="absolute hidden xl:left-0 xl:-top-24 lg:block lg:-top-16 lg:left-0"
188176 src="/images/home/hoodratz-ellipse-97.png"
189177 alt=""
190178 />
191179 <img
192 class="
193 absolute
194 hidden
195 xl:left-3/4 xl:-top-14
196 lg:block lg:-top-16 lg:left-3/4
197 "
180 class="absolute hidden xl:left-3/4 xl:-top-14 lg:block lg:-top-16 lg:left-3/4"
198181 src="/images/home/hoodratz-ellipse-88.png"
199182 alt=""
200183 />
201184 <img
202 class="
203 absolute
204 hidden
205 xl:left-1/2 xl:top-52
206 lg:block lg:top-52 lg:left-3/4
207 "
185 class="absolute hidden xl:left-1/2 xl:top-60 lg:block lg:top-52 lg:left-3/4"
208186 src="/images/home/hoodratz-ellipse-97.png"
209187 alt=""
210188 />
211189 <img
212 class="
213 absolute
214 hidden
215 xl:left-full xl:top-72
216 lg:block lg:top-96 lg:left-1/2
217 "
190 class="absolute hidden xl:left-full xl:top-72 lg:block lg:top-96 lg:left-1/2"
218191 src="/images/home/hoodratz-ellipse-88.png"
219192 alt=""
220193 />
src/views/Home.vuemodified+101-59
Changes to src/views/Home.vue
@@ -12,7 +12,7 @@ import AppFooter from "@/components/AppFooter.vue";
1212 >
1313 <AppHeader :transparent="true" class="hidden md:block" />
1414 <img
15 class="absolute hidden xl:top-36 xl:right-1/2 lg:top-10 lg:right-1/2 lg:block"
15 class="absolute hidden xl:top-24 xl:right-1/2 lg:top-10 lg:right-1/2 lg:block"
1616 src="/images/home/hoodratz-ellipse-1424.svg"
1717 alt=""
1818 />
@@ -39,13 +39,12 @@ import AppFooter from "@/components/AppFooter.vue";
3939 <div class="grid grid-cols-1 mx-4 lg:grid-cols-2">
4040 <div class="flex flex-col justify-center md:ml-0 lg:ml-10 xl:ml-36">
4141 <h1 class="text-white font-kumbh-bold xl:text-h1 lg:text-h2 text-h3">
42 Hoodratz. <br class="hidden xl:block lg:block" />
43 The first cross-chain collection. Ever.
42 The first native NFT cross-chain collection. Ever.
4443 </h1>
4544 <p
46 class="mt-5 font-semibold leading-8 md:text-body font-sora text-gray-2 text-body-2"
45 class="mt-5 font-semibold leading-8 md:text-body font-sora text-gray-1 text-body-2"
4746 >
48 A limited edition of 10,000 rare hoodratz.
47 A limited edition of 10,000 rare Hoodratz.
4948 </p>
5049 <div
5150 class="flex flex-col items-center w-full lg:flex-row lg:justify-start md:flex-row md:justify-center"
@@ -53,7 +52,7 @@ import AppFooter from "@/components/AppFooter.vue";
5352 <a
5453 :href="social.discord"
5554 target="_blank"
56 class="flex items-center justify-center w-full px-8 py-3 mt-5 mr-4 text-white uppercase transition duration-150 ease-in-out rounded-full bg-pink-gradient md:shadow-none text-a font-sora shadow-hoodratz-btn hover:bg-pink-3 md:w-3/4 lg:w-auto text-button backdrop-blur-sm"
55 class="flex items-center justify-center w-full px-8 py-3 mt-5 mr-4 text-white uppercase rounded-full bg-pink-gradient hover:bg-red-500 md:shadow-none text-a font-sora shadow-hoodratz-btn md:w-3/4 lg:w-auto text-button"
5756 >
5857 Join Discord
5958 </a>
@@ -82,7 +81,7 @@ import AppFooter from "@/components/AppFooter.vue";
8281 class="absolute items-center hidden xl:bottom-0 lg:-bottom-36 lg:flex"
8382 >
8483 <p class="text-button text-gray-4 font-sora">
85 Launching on <span class="text-pink-3">12/12!</span>
84 Launching on <span class="text-pink-3">12/12 @ 11am PT!</span>
8685 </p>
8786 <img
8887 class="mt-10 w-28 h-28"
@@ -94,8 +93,8 @@ import AppFooter from "@/components/AppFooter.vue";
9493 <div class="flex justify-center order-first mt-20 lg:order-last">
9594 <img
9695 class="object-contain w-3/4 h-full xl:w-3/4 lg:w-full"
97 src="/images/home/hoodratz-card-sm.png"
98 alt=""
96 src="/images/home/Hoodratz-card.png"
97 alt="Hoodrat NFT"
9998 />
10099 </div>
101100 </div>
@@ -123,12 +122,13 @@ import AppFooter from "@/components/AppFooter.vue";
123122 <div class="xl:mx-auto max-w-7xl lg:mx-20">
124123 <div class="flex flex-col">
125124 <div class="flex flex-col -mt-56">
126 <h1 class="text-pink-3 font-sora text-h4">ABOUT US</h1>
125 <h1 class="uppercase text-pink-3 font-sora text-h4">About Us</h1>
127126 <h1 class="mt-3 text-white font-kumbh-bold text-h2">
128127 What are Hoodratz?
129128 </h1>
130129 <p class="mt-5 text-gray-4 font-sora text-body-2">
131 Hoodratz are uniquely generated &amp; collectible NFTs.
130 Hoodratz are uniquely generated &amp; collectible digital art
131 pieces (NFTs).
132132 <br />Inspired by the global New York City NFT hub, each of these
133133 rats is <br />one-of-a-kind and 100% owned by you.
134134 </p>
@@ -136,8 +136,8 @@ import AppFooter from "@/components/AppFooter.vue";
136136 <div class="flex mt-24">
137137 <img
138138 class="mr-24 w-96 h-1/43"
139 src="/images/home/hoodratz-josephine.png"
140 alt=""
139 src="/images/home/josephine.png"
140 alt="Hoodratz Josephine NFT"
141141 />
142142 <img
143143 class="absolute block left-24 w-80 top-full xl:hidden lg:block"
@@ -283,10 +283,7 @@ import AppFooter from "@/components/AppFooter.vue";
283283 </div>
284284 </section>
285285
286 <section
287 id="proposition-desktop"
288 class="relative hidden h-full lg:block lg:mt-64"
289 >
286 <section id="utility" class="relative hidden h-full lg:block lg:mt-64">
290287 <img
291288 class="absolute hidden xl:left-36 xl:top-20 lg:block lg:top-24 lg:left-36"
292289 src="/images/home/hoodratz-ellipse-88.png"
@@ -303,7 +300,7 @@ import AppFooter from "@/components/AppFooter.vue";
303300 alt=""
304301 />
305302 <img
306 class="absolute hidden xl:left-36 xl:top-2/3 lg:block lg:-bottom-3/4 lg:left-36"
303 class="absolute hidden xl:left-36 xl:top-0 lg:block lg:-bottom-3/4 lg:left-36"
307304 src="/images/home/hoodratz-ellipse-97.png"
308305 alt=""
309306 />
@@ -313,31 +310,36 @@ import AppFooter from "@/components/AppFooter.vue";
313310 <div class="xl:mx-auto max-w-7xl lg:mx-20">
314311 <div class="grid grid-cols-2">
315312 <div class="flex flex-col mr-24 -mt-72">
316 <h1 class="uppercase text-pink-3 font-sora text-h4">Utility</h1>
313 <h1 class="uppercase text-pink-3 font-sora text-h4">
314 Utility &amp; Rarity
315 </h1>
317316 <h1 class="mt-3 text-white font-kumbh-bold text-h2">
318317 Why are the Hoodratz so special?
319318 </h1>
320319 <p class="mt-5 text-gray-4 font-sora text-body-2">
321 We are NFT &amp; blockchain technology lovers through and through.
322 created a collection drop that we would like to buy ourselves!
323 Check this out:
320 We are NFT &amp; crypto lovers who created a collection drop that
321 we would purchase ourselves!
324322 </p>
325323 <div class="flex flex-col p-6 mt-20 bg-hoodratz-grey-7 rounded-3xl">
326324 <div class="flex items-center justify-between">
327325 <div class="flex flex-col">
328326 <h1 class="uppercase text-pink-nude text-caption font-sora">
329 Variety
327 Variety &amp; Popularity
330328 </h1>
331329 <h1 class="text-white text-body font-sora">
332330 7 Traits &amp; Over 50 Attributes
333331 </h1>
334332 </div>
333
335334 <button
336335 v-if="!accordion.variety"
337336 @click="accordion.variety = !accordion.variety"
338337 class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl"
339338 >
340 <img src="/images/home/chevron-down.svg" alt="" />
339 <img
340 src="/images/home/chevron-down.svg"
341 alt="chevron down icon"
342 />
341343 </button>
342344
343345 <button
@@ -345,7 +347,10 @@ import AppFooter from "@/components/AppFooter.vue";
345347 @click="accordion.variety = !accordion.variety"
346348 class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl"
347349 >
348 <img src="/images/home/chevron-up.svg" alt="" />
350 <img
351 src="/images/home/chevron-up.svg"
352 alt="chevron up icon"
353 />
349354 </button>
350355 </div>
351356 <p
@@ -356,16 +361,36 @@ import AppFooter from "@/components/AppFooter.vue";
356361 for our Hoodratz so that each and every one of them would be
357362 beautiful and one-of-a-kind!
358363 </p>
364 <p
365 v-show="accordion.variety"
366 class="mt-4 text-gray-4 font-sora text-body-2"
367 >
368 Aside from creating awesome tech &amp; art, we specialize in
369 building social communities. Whether it is
370 <a
371 href="https://www.instagram.com/earthpix/"
372 target="_blank"
373 class="text-gray-2 hover:text-gray-1"
374 >@earthpix</a
375 >
376 that Kyle founded or
377 <a
378 href="https://www.instagram.com/nakednfts/"
379 target="_blank"
380 class="text-gray-2 hover:text-gray-1"
381 >@NakedNFTs</a
382 >, we have scaled communities enormously.
383 </p>
359384 </div>
360385
361386 <div class="flex flex-col p-6 mt-5 bg-hoodratz-grey-7 rounded-3xl">
362387 <div class="flex items-center justify-between">
363388 <div class="flex flex-col">
364389 <h1 class="uppercase text-pink-nude font-sora text-caption">
365 Free 12 Months
390 Free For 12 Months
366391 </h1>
367392 <h1 class="text-white text-body font-sora">
368 Decentralized File Manager
393 The First Decentralized File Manager
369394 </h1>
370395 </div>
371396 <button
@@ -388,17 +413,18 @@ import AppFooter from "@/components/AppFooter.vue";
388413 v-show="accordion.free"
389414 class="mt-6 text-gray-4 font-sora text-body-2"
390415 >
391 Think of Dropbox for Web 3. For the past 2 years, we have been
392 working on a custom file management experience &amp; ecosystem
393 that ensures a blazing fast media delivery. Public launch
394 February 2022. Every holder will receive 12 months of service
395 for free!
416 Think of <em>Dropbox for Web 3.</em> For the past two years, we
417 have been working on a custom file management experience &amp;
418 ecosystem that ensures a blazing fast "media delivery." Our
419 public launch is February 2022. Though, beta testers will
420 receive early access.
396421 </p>
397422 <p
398423 v-show="accordion.free"
399424 class="mt-3 italic text-gray-4 font-sora text-body-2"
400425 >
401 This is a value of at least 120 USD per year.
426 Every holder will receive 12 months of service for free! This is
427 a value of at least 120 USD per year.
402428 </p>
403429 </div>
404430
@@ -409,7 +435,7 @@ import AppFooter from "@/components/AppFooter.vue";
409435 Reduced Trading Fees
410436 </h1>
411437 <h1 class="text-white text-body font-sora">
412 Cross-Chain NFT Marketplace
438 The First Cross-Chain NFT Marketplace
413439 </h1>
414440 </div>
415441 <button
@@ -440,25 +466,33 @@ import AppFooter from "@/components/AppFooter.vue";
440466 >@NakedNFTs</a
441467 >
442468 is releasing an incredibly thoroughly designed &amp; architected
443 NFT marketplace on 12/12 as well! As a holder, any time you sell
444 or purchase a digital collectible through our marketplace, you
445 automatically pay fewer taxes.
469 NFT marketplace on 12/12 as well, the day of our Hoodratz
470 launch! It will be our primary marketplace.
471 </p>
472 <p
473 v-show="accordion.marketplace"
474 class="mt-3 text-gray-4 font-sora text-body-2"
475 >
476 Not only will you, as a hodler, pay fewer taxes automatically,
477 but also get to experience history listing on the first
478 marketplace that will support Ethereum, Cardano, and Solana. The
479 more eyes, the more exposure.
446480 </p>
447481 </div>
448482
449483 <div class="flex flex-col p-6 mt-5 bg-hoodratz-grey-7 rounded-3xl">
450484 <div class="flex items-center justify-between">
451485 <div class="flex flex-col">
452 <h1 class="uppercase text-pink-nude text-caption">
453 Popularity
486 <h1 class="uppercase text-pink-nude text-caption font-sora">
487 Airdrops
454488 </h1>
455 <h1 class="text-white text-body">
456 The Most Rat NFT Community
489 <h1 class="text-white text-body font-sora">
490 Our creativity keeps creating
457491 </h1>
458492 </div>
459493 <button
460 v-if="!accordion.popularity"
461 @click="accordion.popularity = !accordion.popularity"
494 v-if="!accordion.airdrops"
495 @click="accordion.airdrops = !accordion.airdrops"
462496 class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl"
463497 >
464498 <img src="/images/home/chevron-down.svg" alt="" />
@@ -466,18 +500,21 @@ import AppFooter from "@/components/AppFooter.vue";
466500
467501 <button
468502 v-else
469 @click="accordion.popularity = !accordion.popularity"
503 @click="accordion.airdrops = !accordion.airdrops"
470504 class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl"
471505 >
472506 <img src="/images/home/chevron-up.svg" alt="" />
473507 </button>
474508 </div>
475509 <p
476 v-show="accordion.popularity"
510 v-show="accordion.airdrops"
477511 class="mt-6 text-gray-4 font-sora text-body-2"
478512 >
479 We love building &amp; scaling growing, successful communities.
480 We have a
513 Our "creative team" is one of the most qualified in the
514 industry. Join our Discord to find out more about our upcoming
515 cross-chain collection launches! Not only will we airdrop
516 several to hodlers but you are not going to want to miss those
517 mints, either.
481518 </p>
482519 </div>
483520
@@ -542,8 +579,8 @@ import AppFooter from "@/components/AppFooter.vue";
542579 </h1>
543580
544581 <p class="mt-4 text-gray-4 font-sora text-body-2">
545 We are NFT and crypto lovers and created a collection drop that we
546 would like to buy ourselves!
582 We are NFT &amp; crypto lovers who created a collection drop that we
583 would purchase ourselves!
547584 </p>
548585 </div>
549586 <div class="mx-4 mt-5 md:flex md:flex-col md:items-center">
@@ -821,25 +858,30 @@ import AppFooter from "@/components/AppFooter.vue";
821858 <h1
822859 class="mt-5 tracking-widest text-center uppercase text-pink-3 font-sora text-h4"
823860 >
824 Interoperable Tech
861 Interoperability
825862 </h1>
826863 <h1 class="my-5 text-white text-h3 font-kumbh-bold">
827864 We are in it for the long run. Are you?
828865 </h1>
829866 <p class="text-center text-body-2 text-gray-4 font-sora">
830 Initially, we launch on the Solana blockchain.
867 Initially launching on the Solana blockchain,
831868 </p>
832869 <p class="text-center text-body-2 text-gray-4 font-sora">
833 We will then expand into Ethereum and the Cardano blockchain.
870 we will then expand into Ethereum &amp; the Cardano blockchain.
834871 </p>
835872 <div class="flex items-center mt-5">
836 <img class="mr-5" src="/images/solana-logo.svg" alt="" />
873 <img class="mr-5" src="/images/solana-logo.svg" alt="Solana logo" />
837874 </div>
838875 <div class="flex items-center mt-5">
839876 <img
840 class="mr-5 opacity-10"
841 src="/images/home/hoodratz-solana-lg.png"
842 alt=""
877 class="mr-12 opacity-40"
878 src="/images/logo-eth.svg"
879 alt="Ethereum logo"
880 />
881 <img
882 class="opacity-20"
883 src="/images/logo-ada.svg"
884 alt="Cardano logo"
843885 />
844886 </div>
845887 </div>
@@ -852,8 +894,8 @@ import AppFooter from "@/components/AppFooter.vue";
852894 >
853895 <div class="flex flex-col items-center">
854896 <img src="/images/home/hoodratz-tech.svg" alt="" />
855 <h1 class="mt-5 text-center text-pink-3 font-sora text-h4">
856 NEWSET TECH
897 <h1 class="mt-5 text-center uppercase text-pink-3 font-sora text-h4">
898 Interoperability
857899 </h1>
858900 <img src="/images/home/hoodratz-future.svg" alt="" />
859901 <div class="-mt-32 text-center font-sora">
@@ -887,8 +929,8 @@ export default {
887929 variety: false,
888930 free: false,
889931 marketplace: false,
890 popularity: false,
891932 mission: false,
933 airdrops: false,
892934 },
893935 social,
894936 };
src/views/Roadmap.vuemodified+72-106
Changes to src/views/Roadmap.vue
@@ -10,12 +10,7 @@ import AppFooter from "@/components/AppFooter.vue";
1010 <div class="container relative mx-auto md:mt-32">
1111 <div class="mx-auto md:w-2/3">
1212 <img
13 class="
14 absolute
15 hidden
16 xl:left-3/4 xl:-top-10
17 lg:block lg:-top-16 lg:right-0
18 "
13 class="absolute hidden xl:left-3/4 xl:-top-10 lg:block lg:-top-16 lg:right-0"
1914 src="/images/home/hoodratz-ellipse-97.png"
2015 alt=""
2116 />
@@ -49,14 +44,9 @@ import AppFooter from "@/components/AppFooter.vue";
4944
5045 <div class="container relative mx-auto md:mb-32">
5146 <img
52 class="
53 absolute
54 hidden
55 xl:top-0 xl:-left-12
56 lg:top-0 lg:-left-5 lg:block
57 "
47 class="absolute hidden xl:top-0 xl:-left-12 lg:top-0 lg:-left-5 lg:block"
5848 src="/images/home/hoodratz-ellipse-1424.svg"
59 alt=""
49 alt="background particle image"
6050 />
6151 <img
6252 class="absolute hidden xl:top-0 left-90 lg:top-0 lg:-left-5 lg:block"
@@ -66,86 +56,100 @@ import AppFooter from "@/components/AppFooter.vue";
6656 <img
6757 class="absolute hidden left-85 xl:top-72 lg:block lg:top-72 lg:left-0"
6858 src="/images/home/hoodratz-ellipse-88.png"
69 alt=""
59 alt="background particle image"
7060 />
7161 <img
7262 class="absolute hidden left-90 xl:top-3/4 lg:block lg:top-3/4 lg:left-0"
7363 src="/images/home/hoodratz-ellipse-88.png"
74 alt=""
64 alt="background particle image"
7565 />
7666 <img
77 class="
78 absolute
79 hidden
80 xl:left-10 xl:top-1/4
81 lg:block lg:top-1/2 lg:left-0
82 "
67 class="absolute hidden xl:left-10 xl:top-1/4 lg:block lg:top-1/2 lg:left-0"
8368 src="/images/home/hoodratz-ellipse-97.png"
84 alt=""
69 alt="background particle image"
8570 />
8671 <img
87 class="
88 absolute
89 hidden
90 xl:left-2 xl:top-1/2
91 lg:block lg:top-3/4 lg:left-0
92 "
72 class="absolute hidden xl:left-2 xl:top-1/2 lg:block lg:top-3/4 lg:left-0"
9373 src="/images/home/hoodratz-ellipse-88.png"
94 alt=""
74 alt="background particle image"
9575 />
9676 <img
9777 class="absolute hidden xl:top-1/2 left-85 lg:top-1/3 lg:block"
9878 src="/images/home/hoodratz-ellipse-1424.svg"
99 alt=""
79 alt="background particle image"
10080 />
10181 <img
102 class="
103 absolute
104 hidden
105 xl:top-3/4 xl:left-2
106 lg:top-3/4 lg:-left-10 lg:block
107 "
82 class="absolute hidden xl:top-3/4 xl:left-2 lg:top-3/4 lg:-left-10 lg:block"
10883 src="/images/home/hoodratz-ellipse-1424.svg"
10984 alt=""
11085 />
11186 <img
11287 class="absolute hidden left-90 xl:top-full lg:block lg:top-full"
11388 src="/images/home/hoodratz-ellipse-97.png"
114 alt=""
89 alt="background particle image"
11590 />
11691 <img
11792 class="absolute hidden xl:-left-24 xl:top-full lg:block lg:top-full"
11893 src="/images/home/hoodratz-ellipse-88.png"
119 alt=""
94 alt="background particle image"
12095 />
96
12197 <div class="relative mx-auto md:w-2/3">
12298 <div class="relative mx-4 my-20 text-center md:text-left">
99 <!-- <div class="relative p-6 rounded-4xl bg-gray-7 font-sora md:p-8">
100 <div
101 class="absolute inset-x-0 top-0 flex justify-center -mt-6 md:-top-0 md:hidden"
102 >
103 <div
104 class="flex items-center justify-center w-12 h-12 text-xl text-white rounded-full "
105 :class="{
106 'bg-gray-6': !item.done,
107 'bg-pink-gradient': item.done,
108 }"
109 >
110 <div v-if="item.done">
111 <img src="/images/check.svg" alt="" />
112 </div>
113 <div v-else>{{ $date(item.date).format("D") }}</div>
114 </div>
115 </div>
116 <div
117 class="absolute inset-y-0 left-0 z-10 flex justify-center hidden md:block"
118 >
119 <div class="flex items-center h-full -ml-16">
120 <div
121 v-if="item.done"
122 class="flex items-center justify-center w-12 h-12 text-xl text-white rounded-full bg-pink-gradient"
123 >
124 <div><img src="/images/check.svg" alt="" /></div>
125 </div>
126 <div
127 v-else
128 class="flex items-center justify-center w-12 h-12 text-xl text-white border-2 rounded-full bg-pink-1 border-pink-3"
129 ></div>
130 </div>
131 </div>
132
133 <div>
134 <div class="flex justify-center md:justify-between">
135 <div class="hidden md:block text-pink-3">Title</div>
136 <div class="uppercase">description</div>
137 </div>
138
139 <div class="my-4 text-2xl font-bold text-white">Title</div>
140 <p class="leading-8">description</p>
141 </div>
142 </div> -->
143
123144 <div
124145 v-for="(item, index) in roadmap"
125 class="relative rounded-4xl bg-gray-7 font-sora"
126 :class="{ 'p-6 md:p-8': index === 0, 'my-8 p-6': index }"
146 class="relative p-6 my-8 rounded-4xl bg-gray-7 font-sora"
127147 >
128148 <div
129 class="
130 absolute
131 inset-x-0
132 top-0
133 flex
134 justify-center
135 -mt-6
136 md:-top-0 md:hidden
137 "
149 class="absolute inset-x-0 top-0 flex justify-center -mt-6 md:-top-0 md:hidden"
138150 >
139151 <div
140 class="
141 flex
142 items-center
143 justify-center
144 w-12
145 h-12
146 text-xl text-white
147 rounded-full
148 "
152 class="flex items-center justify-center w-12 h-12 text-xl text-white rounded-full "
149153 :class="{
150154 'bg-gray-6': !item.done,
151155 'bg-pink-gradient': item.done,
@@ -154,82 +158,44 @@ import AppFooter from "@/components/AppFooter.vue";
154158 <div v-if="item.done">
155159 <img src="/images/check.svg" alt="" />
156160 </div>
157 <div v-else>{{ $date(item.date).format("D") }}</div>
161 <div v-else>{{ item.date }}</div>
158162 </div>
159163 </div>
160164 <div
161 class="
162 absolute
163 inset-y-0
164 left-0
165 z-10
166 flex
167 justify-center
168 hidden
169 md:block
170 "
165 class="absolute inset-y-0 left-0 z-10 flex justify-center hidden md:block"
171166 >
172167 <div class="flex items-center h-full -ml-16">
173168 <div
174169 v-if="item.done"
175 class="
176 flex
177 items-center
178 justify-center
179 w-12
180 h-12
181 text-xl text-white
182 rounded-full
183 bg-pink-gradient
184 "
170 class="flex items-center justify-center w-12 h-12 text-xl text-white rounded-full bg-pink-gradient"
185171 >
186172 <div><img src="/images/check.svg" alt="" /></div>
187173 </div>
188174 <div
189175 v-else
190 class="
191 flex
192 items-center
193 justify-center
194 w-12
195 h-12
196 text-xl text-white
197 border-2
198 rounded-full
199 bg-pink-1
200 border-pink-3
201 "
176 class="flex items-center justify-center w-12 h-12 text-xl text-white border-2 rounded-full bg-pink-1 border-pink-3"
202177 ></div>
203178 </div>
204179 </div>
205 <div class="mt-6">
180
181 <div>
206182 <div class="flex justify-center md:justify-between">
207183 <div class="hidden md:block text-pink-3">
208 {{ $date(item.date).format("DD") }}
184 {{ `0${index + 1}` }}
209185 </div>
210186 <div class="uppercase">
211 {{ $date(item.date).format("MMMM YYYY") }}
187 {{ item.date }}
212188 </div>
213189 </div>
214190 <div class="my-4 text-2xl font-bold text-white">
215191 {{ item.title }}
216192 </div>
217 <p class="leading-8">
218 {{ item.description }}
219 </p>
193 <p v-html="item.description" class="leading-8"></p>
220194 </div>
221195 </div>
222196
223197 <div
224 class="
225 absolute
226 top-0
227 hidden
228 h-full
229 -ml-10
230 border-l border-dashed border-gray-4
231 md:block
232 "
198 class="absolute top-0 hidden h-full -ml-10 border-l border-dashed border-gray-4 md:block"
233199 ></div>
234200 </div>
235201 </div>