also looking at this
Production Update - Nov 27, 2021
#13
22 files
+1290
-433
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.
| @@ -16,9 +16,6 @@ | ||
| 16 | 16 | }, |
| 17 | 17 | "css.validate": false, |
| 18 | 18 | "editor.formatOnSave": true, |
| 19 | "search.exclude": { | |
| 20 | "lib/**": true, | |
| 21 | }, | |
| 22 | 19 | "vetur.validation.template": false, |
| 23 | 20 | "vetur.format.defaultFormatter.html": "prettier", |
| 24 | 21 | "vetur.format.defaultFormatter.js": "prettier-eslint", |
| @@ -1,15 +0,0 @@ | ||
| 1 | [build] | |
| 2 | command = "npm run build" | |
| 3 | publish = "dist" | |
| 4 | environment = { NODE_VERSION = "16" } | |
| 5 | ||
| 6 | [[redirects]] | |
| 7 | from = "/*" | |
| 8 | to = "/index.html" | |
| 9 | status = 200 | |
| 10 | ||
| 11 | # Opting your Website out of Google's FLoC Network | |
| 12 | [[headers]] | |
| 13 | for = "/*" | |
| 14 | [headers.values] | |
| 15 | Permissions-Policy = "interest-cohort=()" | |
| @@ -19,13 +19,13 @@ import AppFooter from "@/components/AppFooter.vue"; | ||
| 19 | 19 | <div class="grid grid-cols-1 mx-4 lg:grid-cols-2"> |
| 20 | 20 | <div class="flex flex-col justify-center md:ml-0 lg:ml-10 xl:ml-36"> |
| 21 | 21 | <h1 class="text-white font-kumbh-bold xl:text-h1 lg:text-h2 text-h3"> |
| 22 | Discover HoodRatz, <br class="hidden xl:block lg:block" />a new NFT | |
| 23 | collection | |
| 22 | Discover hoodratz, <br class="hidden xl:block lg:block" /> | |
| 23 | the first cross-chain collection. Ever. | |
| 24 | 24 | </h1> |
| 25 | 25 | <p |
| 26 | class="mt-5 leading-8 md:text-body font-sora text-gray-2 text-body-2" | |
| 26 | class="mt-5 font-semibold leading-8 md:text-body font-sora text-gray-2 text-body-2" | |
| 27 | 27 | > |
| 28 | A limited edition of 10.000 collectible pixel rats. | |
| 28 | A limited edition of 10,000 rare hoodratz. | |
| 29 | 29 | </p> |
| 30 | 30 | <div |
| 31 | 31 | class="flex flex-col items-center w-full lg:flex-row lg:justify-start md:flex-row md:justify-center" |
| @@ -33,16 +33,16 @@ import AppFooter from "@/components/AppFooter.vue"; | ||
| 33 | 33 | <a |
| 34 | 34 | :href="social.discord" |
| 35 | 35 | target="_blank" |
| 36 | class="flex items-center justify-center w-full px-8 py-3 mt-5 text-white rounded-full md:w-3/4 lg:w-auto lg:mr-10 md:mr-10 bg-pink-gradient md:shadow-none text-a font-sora shadow-hoodratz-btn hover:bg-pink-3" | |
| 36 | class="flex items-center justify-center w-full px-8 py-3 mt-5 text-white uppercase rounded-full md:w-3/4 lg:w-auto lg:mr-10 md:mr-10 bg-pink-gradient md:shadow-none text-a font-sora shadow-hoodratz-btn hover:bg-pink-3" | |
| 37 | 37 | > |
| 38 | JOIN DISCORD | |
| 38 | Join Discord | |
| 39 | 39 | </a> |
| 40 | 40 | <a |
| 41 | 41 | :href="social.twitter" |
| 42 | 42 | target="_blank" |
| 43 | class="inline-flex items-center justify-center w-full px-8 py-3 mt-5 text-white transition duration-150 ease-in-out border border-white rounded-full md:w-3/4 lg:w-auto text-button font-sora backdrop-blur-sm hover:text-pink-3" | |
| 43 | class="inline-flex items-center justify-center w-full px-8 py-3 mt-5 text-white uppercase transition duration-150 ease-in-out border border-white rounded-full md:w-3/4 lg:w-auto text-button font-sora backdrop-blur-sm hover:text-pink-3" | |
| 44 | 44 | > |
| 45 | FOLLOW US | |
| 45 | Follow Us | |
| 46 | 46 | <svg |
| 47 | 47 | class="fill-current ml-2.5" |
| 48 | 48 | width="20" |
| @@ -62,7 +62,7 @@ import AppFooter from "@/components/AppFooter.vue"; | ||
| 62 | 62 | class="absolute items-center hidden xl:bottom-0 lg:-bottom-36 lg:flex" |
| 63 | 63 | > |
| 64 | 64 | <p class="text-button text-gray-4 font-sora"> |
| 65 | Launching on <span class="text-pink-3">Dec 24!</span> | |
| 65 | Launching on <span class="text-pink-3">12/12!</span> | |
| 66 | 66 | </p> |
| 67 | 67 | <img |
| 68 | 68 | class="mt-10 w-28 h-28" |
| @@ -92,8 +92,8 @@ import AppFooter from "@/components/AppFooter.vue"; | ||
| 92 | 92 | What are Hoodratz? |
| 93 | 93 | </h1> |
| 94 | 94 | <p class="mt-5 text-gray-4 font-sora text-body-2"> |
| 95 | Hodratz are uniquely generated and collectible NFTs. <br />Each of | |
| 96 | them is one-of-a-kind and 100% owned by you. | |
| 95 | Hoodratz are uniquely generated & collectible NFTs. <br />Each | |
| 96 | one of them is truly unique and completely owned by you. | |
| 97 | 97 | </p> |
| 98 | 98 | </div> |
| 99 | 99 | <div class="flex mt-24"> |
| @@ -128,8 +128,8 @@ import AppFooter from "@/components/AppFooter.vue"; | ||
| 128 | 128 | </div> |
| 129 | 129 | </div> |
| 130 | 130 | <p class="mt-6 text-gray-4 text-body-2 font-sora"> |
| 131 | Hoodratz come with various rare attributes. <br />The rarer | |
| 132 | the attribute, the rarer is your rat! | |
| 131 | Hoodratz come in various rarity attributes. <br />The rarer | |
| 132 | the attribute, the more collectible is your rat! | |
| 133 | 133 | </p> |
| 134 | 134 | </div> |
| 135 | 135 | <div |
| @@ -146,7 +146,9 @@ import AppFooter from "@/components/AppFooter.vue"; | ||
| 146 | 146 | /> |
| 147 | 147 | </div> |
| 148 | 148 | <div class="flex flex-col ml-auto text-right"> |
| 149 | <h1 class="text-pink-3 font-sora text-caption">AMOUNT</h1> | |
| 149 | <h1 class="uppercase text-pink-3 font-sora text-caption"> | |
| 150 | Amount | |
| 151 | </h1> | |
| 150 | 152 | <h1 class="text-white font-sora text-title">10 000</h1> |
| 151 | 153 | </div> |
| 152 | 154 | </div> |
| @@ -241,9 +243,9 @@ import AppFooter from "@/components/AppFooter.vue"; | ||
| 241 | 243 | <div class="xl:mx-auto max-w-7xl lg:mx-20"> |
| 242 | 244 | <div class="grid grid-cols-2"> |
| 243 | 245 | <div class="flex flex-col mr-24 -mt-72"> |
| 244 | <h1 class="text-pink-3 font-sora text-h4">VALUE PROPOSITION</h1> | |
| 246 | <h1 class="uppercase text-pink-3 font-sora text-h4">Utility</h1> | |
| 245 | 247 | <h1 class="mt-3 text-white font-kumbh-bold text-h2"> |
| 246 | What makes them so special? | |
| 248 | Why are the Hoodratz so special? | |
| 247 | 249 | </h1> |
| 248 | 250 | <p class="mt-5 text-gray-4 font-sora text-body-2"> |
| 249 | 251 | We are NFT and crypto lovers and created a collection drop that we |
| @@ -252,9 +254,11 @@ import AppFooter from "@/components/AppFooter.vue"; | ||
| 252 | 254 | <div class="flex flex-col p-6 mt-20 bg-hoodratz-grey-7 rounded-3xl"> |
| 253 | 255 | <div class="flex items-center justify-between"> |
| 254 | 256 | <div class="flex flex-col"> |
| 255 | <h1 class="text-pink-nude text-caption font-sora">VARIETY</h1> | |
| 257 | <h1 class="uppercase text-pink-nude text-caption font-sora"> | |
| 258 | Variety | |
| 259 | </h1> | |
| 256 | 260 | <h1 class="text-white text-body font-sora"> |
| 257 | Over 200 attributes | |
| 261 | 7 Traits & Over 50 Attributes | |
| 258 | 262 | </h1> |
| 259 | 263 | </div> |
| 260 | 264 | <button |
| @@ -277,18 +281,20 @@ import AppFooter from "@/components/AppFooter.vue"; | ||
| 277 | 281 | v-show="accordion.variety" |
| 278 | 282 | class="mt-6 text-gray-4 font-sora text-body-2" |
| 279 | 283 | > |
| 280 | Creativity is our second name! We designed over 200 attributes | |
| 284 | Creativity is our second name! We designed over 50 attributes | |
| 281 | 285 | for our Hoodratz so that each and every one of them would be |
| 282 | amazing and one-of-a-kind! | |
| 286 | beautiful and one-of-a-kind! | |
| 283 | 287 | </p> |
| 284 | 288 | </div> |
| 285 | 289 | |
| 286 | 290 | <div class="flex flex-col p-6 mt-5 bg-hoodratz-grey-7 rounded-3xl"> |
| 287 | 291 | <div class="flex items-center justify-between"> |
| 288 | 292 | <div class="flex flex-col"> |
| 289 | <h1 class="text-pink-nude font-sora text-caption">RARITY</h1> | |
| 293 | <h1 class="uppercase text-pink-nude font-sora text-caption"> | |
| 294 | Rarity | |
| 295 | </h1> | |
| 290 | 296 | <h1 class="text-white text-body font-sora"> |
| 291 | 4 rarity levels | |
| 297 | 7 rarity levels | |
| 292 | 298 | </h1> |
| 293 | 299 | </div> |
| 294 | 300 | <button |