ReviewOS
Reload

also looking at this

meemalabs/hoodratz.io

Production Launch - Nov 26, 2021

#10
Merged glennmichael123 wants to merge staging into main
54 files +6692 -333

Review threads live on the whole diff, not on one commit, so none are shown here - a thread's line means something in the branch's final form, and painting it into an intermediate step would put it on code it is not about.

public/images/roadmap.pngadded+0-0

Binary file. Nothing to show line by line.

public/images/roadmap.svgdeleted+0-51
@@ -1,51 +0,0 @@
1<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 122 386 85">
2<g opacity="0.6" filter="url(#filter0_d_269_3326)">
3<path d="M51.2362 185.75H36.8208L23.5044 162.715H13.0204L13.0204 185.75H0L0 122H24.0963C29.1973 122 33.5657 122.808 37.2012 124.423C40.8368 126.037 43.6128 128.375 45.5292 131.435C47.4738 134.467 48.4462 138.108 48.4462 142.358C48.4462 146.721 47.4175 150.447 45.3601 153.535C43.331 156.595 40.4282 158.89 36.6517 160.42L51.2362 185.75ZM13.0204 152.302H23.1239C26.985 152.302 29.9442 151.495 32.0015 149.88C34.087 148.237 35.1298 145.899 35.1298 142.868C35.1298 139.836 34.087 137.512 32.0015 135.898C29.9442 134.254 26.985 133.432 23.1239 133.432H13.0204L13.0204 152.302Z" fill="url(#paint0_linear_269_3326)" fill-opacity="0.3" shape-rendering="crispEdges"/>
4<path d="M78.6924 186.6C74.3523 186.6 70.4631 185.651 67.0248 183.753C63.5865 181.826 60.8809 179.205 58.9082 175.89C56.9635 172.547 55.9912 168.75 55.9912 164.5C55.9912 160.278 56.9635 156.51 58.9082 153.195C60.8809 149.852 63.5865 147.217 67.0248 145.29C70.4631 143.363 74.3523 142.4 78.6924 142.4C83.0326 142.4 86.8936 143.363 90.2756 145.29C93.6857 147.217 96.363 149.852 98.3076 153.195C100.28 156.51 101.267 160.278 101.267 164.5C101.267 168.75 100.28 172.547 98.3076 175.89C96.363 179.205 93.6857 181.826 90.2756 183.753C86.8936 185.651 83.0326 186.6 78.6924 186.6ZM78.6502 175.678C80.5948 175.678 82.328 175.196 83.8499 174.233C85.3999 173.241 86.6118 171.909 87.4855 170.237C88.3873 168.538 88.8382 166.597 88.8382 164.415C88.8382 162.318 88.3873 160.434 87.4855 158.763C86.6118 157.091 85.3999 155.773 83.8499 154.81C82.328 153.818 80.5948 153.323 78.6502 153.323C76.6774 153.323 74.916 153.818 73.3659 154.81C71.844 155.773 70.6322 157.091 69.7303 158.763C68.8567 160.434 68.4198 162.318 68.4198 164.415C68.4198 166.597 68.8567 168.538 69.7303 170.237C70.6322 171.909 71.844 173.241 73.3659 174.233C74.916 175.196 76.6774 175.678 78.6502 175.678Z" fill="url(#paint1_linear_269_3326)" fill-opacity="0.3" shape-rendering="crispEdges"/>
5<path d="M147.577 185.75H137.009L136.375 180.693C134.825 182.563 132.908 184.022 130.625 185.07C128.343 186.09 125.834 186.6 123.101 186.6C120.141 186.6 117.506 186.033 115.195 184.9C112.884 183.738 111.067 182.152 109.742 180.14C108.417 178.1 107.755 175.791 107.755 173.213C107.755 170.493 108.474 168.098 109.911 166.03C111.348 163.962 113.321 162.347 115.829 161.185C118.366 159.995 121.241 159.4 124.453 159.4C126.342 159.4 128.23 159.612 130.118 160.038C132.035 160.463 133.81 161.057 135.445 161.823V160.717C135.445 159.018 134.966 157.558 134.007 156.34C133.077 155.093 131.781 154.13 130.118 153.45C128.483 152.77 126.652 152.43 124.622 152.43C122.678 152.43 120.747 152.742 118.831 153.365C116.943 153.988 115.195 154.923 113.589 156.17L110.292 146.863C113.138 145.389 116.013 144.284 118.915 143.548C121.846 142.783 124.679 142.4 127.413 142.4C131.527 142.4 135.092 143.222 138.108 144.865C141.123 146.48 143.449 148.775 145.083 151.75C146.746 154.697 147.577 158.196 147.577 162.248V185.75ZM125.764 177.208C127.37 177.208 128.906 176.853 130.372 176.145C131.837 175.437 133.021 174.473 133.923 173.255C134.853 172.037 135.346 170.691 135.402 169.218V168.92C134.162 168.07 132.781 167.418 131.259 166.965C129.766 166.483 128.244 166.243 126.694 166.243C124.383 166.243 122.495 166.753 121.029 167.772C119.564 168.792 118.831 170.11 118.831 171.725C118.831 172.773 119.127 173.722 119.719 174.573C120.339 175.394 121.17 176.046 122.213 176.528C123.256 176.981 124.439 177.208 125.764 177.208Z" fill="url(#paint2_linear_269_3326)" fill-opacity="0.3" shape-rendering="crispEdges"/>
6<path d="M201.455 185.75H190.802L190.168 179.97C188.364 182.01 186.194 183.625 183.657 184.815C181.149 186.005 178.401 186.6 175.414 186.6C171.553 186.6 168.101 185.651 165.057 183.753C162.041 181.826 159.66 179.191 157.912 175.847C156.165 172.504 155.291 168.722 155.291 164.5C155.291 160.25 156.165 156.467 157.912 153.153C159.66 149.809 162.041 147.188 165.057 145.29C168.101 143.363 171.553 142.4 175.414 142.4C178.176 142.4 180.74 142.91 183.108 143.93C185.503 144.922 187.575 146.31 189.322 148.095V122H201.455V185.75ZM178.542 175.678C180.543 175.678 182.347 175.224 183.953 174.318C185.588 173.411 186.884 172.178 187.843 170.62C188.829 169.033 189.322 167.234 189.322 165.222V163.693C189.322 161.681 188.829 159.896 187.843 158.338C186.884 156.779 185.588 155.561 183.953 154.682C182.347 153.776 180.543 153.323 178.542 153.323C176.485 153.323 174.639 153.804 173.004 154.768C171.37 155.731 170.073 157.063 169.115 158.763C168.185 160.434 167.72 162.347 167.72 164.5C167.72 166.625 168.185 168.538 169.115 170.237C170.073 171.909 171.37 173.241 173.004 174.233C174.639 175.196 176.485 175.678 178.542 175.678Z" fill="url(#paint3_linear_269_3326)" fill-opacity="0.3" shape-rendering="crispEdges"/>
7<path d="M281.415 185.75H269.283V164.415C269.283 160.873 268.592 158.139 267.211 156.213C265.83 154.286 263.872 153.323 261.335 153.323C258.742 153.323 256.713 154.3 255.248 156.255C253.811 158.21 253.092 160.93 253.092 164.415V185.75L240.959 185.75V164.415C240.959 160.873 240.269 158.139 238.888 156.213C237.507 154.286 235.534 153.323 232.969 153.323C230.405 153.323 228.39 154.3 226.924 156.255C225.487 158.21 224.768 160.93 224.768 164.415V185.75H212.635V143.25H222.316L222.739 150.263C224.148 147.684 226.036 145.729 228.404 144.398C230.799 143.066 233.575 142.4 236.732 142.4C240.029 142.4 242.876 143.094 245.271 144.483C247.667 145.871 249.513 147.868 250.809 150.475C252.246 147.84 254.149 145.843 256.516 144.483C258.912 143.094 261.744 142.4 265.013 142.4C270.171 142.4 274.187 144.058 277.061 147.372C279.964 150.659 281.415 155.263 281.415 161.185V185.75Z" fill="url(#paint4_linear_269_3326)" fill-opacity="0.3" shape-rendering="crispEdges"/>
8<path d="M329.501 185.75H318.933L318.299 180.693C316.749 182.563 314.832 184.022 312.55 185.07C310.267 186.09 307.758 186.6 305.025 186.6C302.066 186.6 299.43 186.033 297.119 184.9C294.809 183.738 292.991 182.152 291.666 180.14C290.342 178.1 289.679 175.791 289.679 173.213C289.679 170.493 290.398 168.098 291.835 166.03C293.273 163.962 295.245 162.347 297.754 161.185C300.29 159.995 303.165 159.4 306.378 159.4C308.266 159.4 310.154 159.612 312.042 160.038C313.959 160.463 315.734 161.057 317.369 161.823V160.717C317.369 159.018 316.89 157.558 315.931 156.34C315.001 155.093 313.705 154.13 312.042 153.45C310.408 152.77 308.576 152.43 306.547 152.43C304.602 152.43 302.671 152.742 300.755 153.365C298.867 153.988 297.119 154.923 295.513 156.17L292.216 146.863C295.062 145.389 297.937 144.284 300.84 143.548C303.771 142.783 306.603 142.4 309.337 142.4C313.451 142.4 317.017 143.222 320.032 144.865C323.048 146.48 325.373 148.775 327.007 151.75C328.67 154.697 329.501 158.196 329.501 162.248V185.75ZM307.688 177.208C309.294 177.208 310.83 176.853 312.296 176.145C313.761 175.437 314.945 174.473 315.847 173.255C316.777 172.037 317.27 170.691 317.327 169.218V168.92C316.086 168.07 314.706 167.418 313.184 166.965C311.69 166.483 310.168 166.243 308.618 166.243C306.307 166.243 304.419 166.753 302.953 167.772C301.488 168.792 300.755 170.11 300.755 171.725C300.755 172.773 301.051 173.722 301.643 174.573C302.263 175.394 303.094 176.046 304.137 176.528C305.18 176.981 306.363 177.208 307.688 177.208Z" fill="url(#paint5_linear_269_3326)" fill-opacity="0.3" shape-rendering="crispEdges"/>
9<path d="M352.012 207H339.837V143.25H350.49L351.124 149.03C352.928 146.962 355.084 145.347 357.592 144.185C360.128 142.995 362.89 142.4 365.878 142.4C369.767 142.4 373.219 143.363 376.235 145.29C379.25 147.188 381.632 149.809 383.379 153.153C385.126 156.467 386 160.25 386 164.5C386 168.722 385.126 172.504 383.379 175.847C381.632 179.191 379.25 181.826 376.235 183.753C373.219 185.651 369.767 186.6 365.878 186.6C363.116 186.6 360.551 186.104 358.184 185.112C355.844 184.093 353.787 182.69 352.012 180.905V207ZM362.792 175.635C364.905 175.635 366.765 175.167 368.372 174.233C369.978 173.269 371.232 171.952 372.134 170.28C373.064 168.58 373.529 166.653 373.529 164.5C373.529 162.318 373.064 160.392 372.134 158.72C371.232 157.048 369.978 155.731 368.372 154.768C366.765 153.804 364.919 153.323 362.834 153.323C360.861 153.323 359.085 153.762 357.507 154.64C355.929 155.49 354.647 156.68 353.66 158.21C352.702 159.74 352.152 161.497 352.012 163.48V165.605C352.152 167.532 352.702 169.26 353.66 170.79C354.618 172.292 355.887 173.482 357.465 174.36C359.043 175.21 360.819 175.635 362.792 175.635Z" fill="url(#paint6_linear_269_3326)" fill-opacity="0.3" shape-rendering="crispEdges"/>
10</g>
11<defs>
12<filter id="filter0_d_269_3326" x="-140" y="-22" width="686" height="385" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
13<feFlood flood-opacity="0" result="BackgroundImageFix"/>
14<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
15<feOffset dx="10" dy="6"/>
16<feGaussianBlur stdDeviation="75"/>
17<feComposite in2="hardAlpha" operator="out"/>
18<feColorMatrix type="matrix" values="0 0 0 0 0.237314 0 0 0 0 0.121415 0 0 0 0 0.33776 0 0 0 1 0"/>
19<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_269_3326"/>
20<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_269_3326" result="shape"/>
21</filter>
22<linearGradient id="paint0_linear_269_3326" x1="331.06" y1="124.61" x2="214.741" y2="296.442" gradientUnits="userSpaceOnUse">
23<stop offset="0.0264934" stop-color="#412756"/>
24<stop offset="0.999538" stop-color="#55376F"/>
25</linearGradient>
26<linearGradient id="paint1_linear_269_3326" x1="331.06" y1="124.61" x2="214.741" y2="296.442" gradientUnits="userSpaceOnUse">
27<stop offset="0.0264934" stop-color="#412756"/>
28<stop offset="0.999538" stop-color="#55376F"/>
29</linearGradient>
30<linearGradient id="paint2_linear_269_3326" x1="331.06" y1="124.61" x2="214.741" y2="296.442" gradientUnits="userSpaceOnUse">
31<stop offset="0.0264934" stop-color="#412756"/>
32<stop offset="0.999538" stop-color="#55376F"/>
33</linearGradient>
34<linearGradient id="paint3_linear_269_3326" x1="331.06" y1="124.61" x2="214.741" y2="296.442" gradientUnits="userSpaceOnUse">
35<stop offset="0.0264934" stop-color="#412756"/>
36<stop offset="0.999538" stop-color="#55376F"/>
37</linearGradient>
38<linearGradient id="paint4_linear_269_3326" x1="331.06" y1="124.61" x2="214.741" y2="296.442" gradientUnits="userSpaceOnUse">
39<stop offset="0.0264934" stop-color="#412756"/>
40<stop offset="0.999538" stop-color="#55376F"/>
41</linearGradient>
42<linearGradient id="paint5_linear_269_3326" x1="331.06" y1="124.61" x2="214.741" y2="296.442" gradientUnits="userSpaceOnUse">
43<stop offset="0.0264934" stop-color="#412756"/>
44<stop offset="0.999538" stop-color="#55376F"/>
45</linearGradient>
46<linearGradient id="paint6_linear_269_3326" x1="331.06" y1="124.61" x2="214.741" y2="296.442" gradientUnits="userSpaceOnUse">
47<stop offset="0.0264934" stop-color="#412756"/>
48<stop offset="0.999538" stop-color="#55376F"/>
49</linearGradient>
50</defs>
51</svg>
src/views/Roadmap.vuemodified+36-3
@@ -10,7 +10,7 @@ import AppFooter from '@/components/AppFooter.vue'
1010 <div class="container mx-auto md:mt-32">
1111 <div class="md:w-2/3 mx-auto">
1212 <div class="relative w-full my-4">
13 <div class="w-full"><img src="/images/roadmap.svg" alt="About"></div>
13 <div class="w-full"><img src="/images/roadmap.png" alt="About"></div>
1414 <div class="absolute inset-0 flex items-center justify-center">
1515 <h1 class="text-pink-3 uppercase font-sora mt-8 tracking-widest -mt-2">Roadmap</h1>
1616 </div>
@@ -29,13 +29,20 @@ import AppFooter from '@/components/AppFooter.vue'
2929
3030 <div class="container mx-auto md:mb-32">
3131 <div class="md:w-2/3 mx-auto">
32 <div class="text-center md:text-left mx-4 my-20">
32 <div class="text-center md:text-left mx-4 my-20 relative">
3333 <div class="rounded-4xl bg-gray-7 p-6 md:p-8 font-sora relative">
34 <div class="absolute inset-x-0 top-0 flex justify-center -mt-6 md:hidden">
34 <div class="absolute inset-x-0 top-0 md:-top-0 flex justify-center -mt-6 md:hidden">
3535 <div class="bg-pink-gradient w-12 h-12 rounded-full flex items-center justify-center text-xl text-white">
3636 <div><img src="/images/check.svg" alt=""></div>
3737 </div>
3838 </div>
39 <div class="absolute inset-y-0 left-0 flex justify-center hidden md:block z-10">
40 <div class="-ml-16 h-full flex items-center">
41 <div class="bg-pink-gradient w-12 h-12 rounded-full flex items-center justify-center text-xl text-white">
42 <div><img src="/images/check.svg" alt=""></div>
43 </div>
44 </div>
45 </div>
3946 <div class="mt-6">
4047 <div class="flex justify-center md:justify-between">
4148 <div class="hidden md:block text-pink-3">01</div>
@@ -54,6 +61,12 @@ import AppFooter from '@/components/AppFooter.vue'
5461 <div><img src="/images/check.svg" alt=""></div>
5562 </div>
5663 </div>
64 <div class="absolute inset-y-0 left-0 flex justify-center hidden md:block z-10">
65 <div class="-ml-16 h-full flex items-center">
66 <div class="bg-pink-1 border-2 border-pink-3 w-12 h-12 rounded-full flex items-center justify-center text-xl text-white">
67 </div>
68 </div>
69 </div>
5770 <div class="mt-6">
5871 <div class="flex justify-center md:justify-between">
5972 <div class="hidden md:block text-pink-3">02</div>
@@ -72,6 +85,12 @@ import AppFooter from '@/components/AppFooter.vue'
7285 <div>3</div>
7386 </div>
7487 </div>
88 <div class="absolute inset-y-0 left-0 flex justify-center hidden md:block z-10">
89 <div class="-ml-16 h-full flex items-center">
90 <div class="bg-pink-1 border-2 border-pink-3 w-12 h-12 rounded-full flex items-center justify-center text-xl text-white">
91 </div>
92 </div>
93 </div>
7594 <div class="mt-6">
7695 <div class="flex justify-center md:justify-between">
7796 <div class="hidden md:block text-pink-3">03</div>
@@ -90,6 +109,12 @@ import AppFooter from '@/components/AppFooter.vue'
90109 <div>4</div>
91110 </div>
92111 </div>
112 <div class="absolute inset-y-0 left-0 flex justify-center hidden md:block z-10">
113 <div class="-ml-16 h-full flex items-center">
114 <div class="bg-pink-1 border-2 border-pink-3 w-12 h-12 rounded-full flex items-center justify-center text-xl text-white">
115 </div>
116 </div>
117 </div>
93118 <div class="mt-6">
94119 <div class="flex justify-center md:justify-between">
95120 <div class="hidden md:block text-pink-3">04</div>
@@ -108,6 +133,12 @@ import AppFooter from '@/components/AppFooter.vue'
108133 <div>5</div>
109134 </div>
110135 </div>
136 <div class="absolute inset-y-0 left-0 flex justify-center hidden md:block z-10">
137 <div class="-ml-16 h-full flex items-center">
138 <div class="bg-pink-1 border-2 border-pink-3 w-12 h-12 rounded-full flex items-center justify-center text-xl text-white">
139 </div>
140 </div>
141 </div>
111142 <div class="mt-6">
112143 <div class="flex justify-center md:justify-between">
113144 <div class="hidden md:block text-pink-3">05</div>
@@ -119,6 +150,8 @@ import AppFooter from '@/components/AppFooter.vue'
119150 </p>
120151 </div>
121152 </div>
153
154 <div class="h-full border-l border-gray-4 -ml-10 border-dashed absolute top-0 hidden md:block"></div>
122155 </div>
123156 </div>
124157 </div>