also looking at this
Production Launch - Nov 26, 2021
#10
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.
| @@ -7,96 +7,119 @@ import AppFooter from '@/components/AppFooter.vue' | ||
| 7 | 7 | <div class="bg-gray-8 w-screen h-full text-gray-4"> |
| 8 | 8 | <AppHeader /> |
| 9 | 9 | |
| 10 | <div class="relative w-full my-4"> | |
| 11 | <div class="w-full"><img src="/images/roadmap.svg" alt="About"></div> | |
| 12 | <div class="absolute inset-0 flex items-center justify-center"> | |
| 13 | <h1 class="text-pink-3 uppercase font-sora mt-8 tracking-widest -mt-2">Roadmap</h1> | |
| 14 | </div> | |
| 15 | </div> | |
| 10 | <div class="container mx-auto md:mt-32"> | |
| 11 | <div class="md:w-2/3 mx-auto"> | |
| 12 | <div class="relative w-full my-4"> | |
| 13 | <div class="w-full"><img src="/images/roadmap.svg" alt="About"></div> | |
| 14 | <div class="absolute inset-0 flex items-center justify-center"> | |
| 15 | <h1 class="text-pink-3 uppercase font-sora mt-8 tracking-widest -mt-2">Roadmap</h1> | |
| 16 | </div> | |
| 17 | </div> | |
| 16 | 18 | |
| 17 | <div class="text-center mx-4"> | |
| 18 | <div class="mb-20"> | |
| 19 | <h2 class="text-white font-kumbh-bold text-3xl mb-4 -mt-6">Find out what's the plan!</h2> | |
| 20 | <p class="font-sora leading-7"> | |
| 21 | There’s a long road ahead, but we like keeping deadlines. | |
| 22 | </p> | |
| 19 | <div class="text-center mx-4"> | |
| 20 | <div class="mb-20"> | |
| 21 | <h2 class="text-white font-kumbh-bold text-3xl md:text-5xl mb-4 -mt-6">Find out what's the plan!</h2> | |
| 22 | <p class="font-sora leading-7"> | |
| 23 | There’s a long road ahead, but we like keeping deadlines. | |
| 24 | </p> | |
| 25 | </div> | |
| 26 | </div> | |
| 23 | 27 | </div> |
| 24 | 28 | </div> |
| 25 | 29 | |
| 26 | <div class="text-center mx-4 my-20"> | |
| 27 | <div class="rounded-4xl bg-gray-7 p-6 font-sora relative"> | |
| 28 | <div class="absolute inset-x-0 top-0 flex justify-center -mt-6"> | |
| 29 | <div class="bg-pink-gradient w-12 h-12 rounded-full flex items-center justify-center text-xl text-white"> | |
| 30 | <div><img src="/images/check.svg" alt=""></div> | |
| 30 | <div class="container mx-auto md:mb-32"> | |
| 31 | <div class="md:w-2/3 mx-auto"> | |
| 32 | <div class="text-center md:text-left mx-4 my-20"> | |
| 33 | <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"> | |
| 35 | <div class="bg-pink-gradient w-12 h-12 rounded-full flex items-center justify-center text-xl text-white"> | |
| 36 | <div><img src="/images/check.svg" alt=""></div> | |
| 37 | </div> | |
| 38 | </div> | |
| 39 | <div class="mt-6"> | |
| 40 | <div class="flex justify-center md:justify-between"> | |
| 41 | <div class="hidden md:block text-pink-3">01</div> | |
| 42 | <div class="uppercase">December 2021</div> | |
| 43 | </div> | |
| 44 | <div class="text-white text-2xl font-bold my-4">First generation drop</div> | |
| 45 | <p class="leading-8"> | |
| 46 | Launch all 10,000 algorithmically generated Hoodratz to our awesome community. | |
| 47 | </p> | |
| 31 | 48 | </div> |
| 32 | 49 | </div> |
| 33 | <div class="mt-6"> | |
| 34 | <div class="uppercase">December 2021</div> | |
| 35 | <div class="text-white text-2xl font-bold my-4">First generation drop</div> | |
| 36 | <p class="leading-8"> | |
| 37 | Launch all 10,000 algorithmically generated Hoodratz to our awesome community. | |
| 38 | </p> | |
| 39 | </div> | |
| 40 | </div> | |
| 41 | 50 | |
| 42 | <div class="rounded-4xl bg-gray-7 my-8 p-6 font-sora relative"> | |
| 43 | <div class="absolute inset-x-0 top-0 flex justify-center -mt-6"> | |
| 44 | <div class="bg-pink-gradient w-12 h-12 rounded-full flex items-center justify-center text-xl text-white"> | |
| 45 | <div><img src="/images/check.svg" alt=""></div> | |
| 51 | <div class="rounded-4xl bg-gray-7 my-8 p-6 font-sora relative"> | |
| 52 | <div class="absolute inset-x-0 top-0 flex justify-center -mt-6 md:hidden"> | |
| 53 | <div class="bg-pink-gradient w-12 h-12 rounded-full flex items-center justify-center text-xl text-white"> | |
| 54 | <div><img src="/images/check.svg" alt=""></div> | |
| 55 | </div> | |
| 56 | </div> | |
| 57 | <div class="mt-6"> | |
| 58 | <div class="flex justify-center md:justify-between"> | |
| 59 | <div class="hidden md:block text-pink-3">02</div> | |
| 60 | <div class="uppercase">January 2022</div> | |
| 61 | </div> | |
| 62 | <div class="text-white text-2xl font-bold my-4">Marketplace integration</div> | |
| 63 | <p class="leading-8"> | |
| 64 | Buy, sell and trade Hoodratz on nakednft.com and opensea.com | |
| 65 | </p> | |
| 66 | </div> | |
| 46 | 67 | </div> |
| 47 | </div> | |
| 48 | <div class="mt-6"> | |
| 49 | <div class="uppercase">January 2021</div> | |
| 50 | <div class="text-white text-2xl font-bold my-4">Marketplace integration</div> | |
| 51 | <p class="leading-8"> | |
| 52 | Buy, sell and trade Hoodratz on nakednft.com and opensea.com | |
| 53 | </p> | |
| 54 | </div> | |
| 55 | </div> | |
| 56 | 68 | |
| 57 | <div class="rounded-4xl bg-gray-7 my-8 p-6 font-sora relative"> | |
| 58 | <div class="absolute inset-x-0 top-0 flex justify-center -mt-6"> | |
| 59 | <div class="bg-gray-6 w-12 h-12 rounded-full flex items-center justify-center text-xl text-white"> | |
| 60 | <div>3</div> | |
| 69 | <div class="rounded-4xl bg-gray-7 my-8 p-6 font-sora relative"> | |
| 70 | <div class="absolute inset-x-0 top-0 flex justify-center -mt-6 md:hidden"> | |
| 71 | <div class="bg-gray-6 w-12 h-12 rounded-full flex items-center justify-center text-xl text-white"> | |
| 72 | <div>3</div> | |
| 73 | </div> | |
| 74 | </div> | |
| 75 | <div class="mt-6"> | |
| 76 | <div class="flex justify-center md:justify-between"> | |
| 77 | <div class="hidden md:block text-pink-3">03</div> | |
| 78 | <div class="uppercase">February 2022</div> | |
| 79 | </div> | |
| 80 | <div class="text-white text-2xl font-bold my-4">Merch</div> | |
| 81 | <p class="leading-8"> | |
| 82 | 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! | |
| 83 | </p> | |
| 84 | </div> | |
| 61 | 85 | </div> |
| 62 | </div> | |
| 63 | <div class="mt-6"> | |
| 64 | <div class="uppercase">January 2021</div> | |
| 65 | <div class="text-white text-2xl font-bold my-4">Merch</div> | |
| 66 | <p class="leading-8"> | |
| 67 | 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! | |
| 68 | </p> | |
| 69 | </div> | |
| 70 | </div> | |
| 71 | 86 | |
| 72 | <div class="rounded-4xl bg-gray-7 my-8 p-6 font-sora relative"> | |
| 73 | <div class="absolute inset-x-0 top-0 flex justify-center -mt-6"> | |
| 74 | <div class="bg-gray-6 w-12 h-12 rounded-full flex items-center justify-center text-xl text-white"> | |
| 75 | <div>4</div> | |
| 87 | <div class="rounded-4xl bg-gray-7 my-8 p-6 font-sora relative"> | |
| 88 | <div class="absolute inset-x-0 top-0 flex justify-center -mt-6 md:hidden"> | |
| 89 | <div class="bg-gray-6 w-12 h-12 rounded-full flex items-center justify-center text-xl text-white"> | |
| 90 | <div>4</div> | |
| 91 | </div> | |
| 92 | </div> | |
| 93 | <div class="mt-6"> | |
| 94 | <div class="flex justify-center md:justify-between"> | |
| 95 | <div class="hidden md:block text-pink-3">04</div> | |
| 96 | <div class="uppercase">March 2022</div> | |
| 97 | </div> | |
| 98 | <div class="text-white text-2xl font-bold my-4">Lorem ipsum</div> | |
| 99 | <p class="leading-8"> | |
| 100 | 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. | |
| 101 | </p> | |
| 102 | </div> | |
| 76 | 103 | </div> |
| 77 | </div> | |
| 78 | <div class="mt-6"> | |
| 79 | <div class="uppercase">March 2021</div> | |
| 80 | <div class="text-white text-2xl font-bold my-4">Lorem ipsum</div> | |
| 81 | <p class="leading-8"> | |
| 82 | 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. | |
| 83 | </p> | |
| 84 | </div> | |
| 85 | </div> | |
| 86 | 104 | |
| 87 | <div class="rounded-4xl bg-gray-7 my-8 p-6 font-sora relative"> | |
| 88 | <div class="absolute inset-x-0 top-0 flex justify-center -mt-6"> | |
| 89 | <div class="bg-gray-6 w-12 h-12 rounded-full flex items-center justify-center text-xl text-white"> | |
| 90 | <div>5</div> | |
| 105 | <div class="rounded-4xl bg-gray-7 my-8 p-6 font-sora relative"> | |
| 106 | <div class="absolute inset-x-0 top-0 flex justify-center -mt-6 md:hidden"> | |
| 107 | <div class="bg-gray-6 w-12 h-12 rounded-full flex items-center justify-center text-xl text-white"> | |
| 108 | <div>5</div> | |
| 109 | </div> | |
| 110 | </div> | |
| 111 | <div class="mt-6"> | |
| 112 | <div class="flex justify-center md:justify-between"> | |
| 113 | <div class="hidden md:block text-pink-3">05</div> | |
| 114 | <div class="uppercase">May 2022</div> | |
| 115 | </div> | |
| 116 | <div class="text-white text-2xl font-bold my-4">Lorem ipsum</div> | |
| 117 | <p class="leading-8"> | |
| 118 | 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. | |
| 119 | </p> | |
| 120 | </div> | |
| 91 | 121 | </div> |
| 92 | 122 | </div> |
| 93 | <div class="mt-6"> | |
| 94 | <div class="uppercase">March 2021</div> | |
| 95 | <div class="text-white text-2xl font-bold my-4">Lorem ipsum</div> | |
| 96 | <p class="leading-8"> | |
| 97 | 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. | |
| 98 | </p> | |
| 99 | </div> | |
| 100 | 123 | </div> |
| 101 | 124 | </div> |
| 102 | 125 | |