ReviewOS

also looking at this

meemalabs/hoodratz.io

Production Update - Nov 27, 2021

#13
Merged glennmichael123 wants to merge staging into main
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.

.vscode/settings.jsonmodified+0-3
Changes to .vscode/settings.json
@@ -16,9 +16,6 @@
1616 },
1717 "css.validate": false,
1818 "editor.formatOnSave": true,
19 "search.exclude": {
20 "lib/**": true,
21 },
2219 "vetur.validation.template": false,
2320 "vetur.format.defaultFormatter.html": "prettier",
2421 "vetur.format.defaultFormatter.js": "prettier-eslint",
netlify.tomldeleted+0-15
Changes to netlify.toml
@@ -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=()"
src/views/Home.vuemodified+28-22
Changes to src/views/Home.vue
@@ -19,13 +19,13 @@ import AppFooter from "@/components/AppFooter.vue";
1919 <div class="grid grid-cols-1 mx-4 lg:grid-cols-2">
2020 <div class="flex flex-col justify-center md:ml-0 lg:ml-10 xl:ml-36">
2121 <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.
2424 </h1>
2525 <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"
2727 >
28 A limited edition of 10.000 collectible pixel rats.
28 A limited edition of 10,000 rare hoodratz.
2929 </p>
3030 <div
3131 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";
3333 <a
3434 :href="social.discord"
3535 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"
3737 >
38 JOIN DISCORD
38 Join Discord
3939 </a>
4040 <a
4141 :href="social.twitter"
4242 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"
4444 >
45 FOLLOW US
45 Follow Us
4646 <svg
4747 class="fill-current ml-2.5"
4848 width="20"
@@ -62,7 +62,7 @@ import AppFooter from "@/components/AppFooter.vue";
6262 class="absolute items-center hidden xl:bottom-0 lg:-bottom-36 lg:flex"
6363 >
6464 <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>
6666 </p>
6767 <img
6868 class="mt-10 w-28 h-28"
@@ -92,8 +92,8 @@ import AppFooter from "@/components/AppFooter.vue";
9292 What are Hoodratz?
9393 </h1>
9494 <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 &amp; collectible NFTs. <br />Each
96 one of them is truly unique and completely owned by you.
9797 </p>
9898 </div>
9999 <div class="flex mt-24">
@@ -128,8 +128,8 @@ import AppFooter from "@/components/AppFooter.vue";
128128 </div>
129129 </div>
130130 <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!
133133 </p>
134134 </div>
135135 <div
@@ -146,7 +146,9 @@ import AppFooter from "@/components/AppFooter.vue";
146146 />
147147 </div>
148148 <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>
150152 <h1 class="text-white font-sora text-title">10 000</h1>
151153 </div>
152154 </div>
@@ -241,9 +243,9 @@ import AppFooter from "@/components/AppFooter.vue";
241243 <div class="xl:mx-auto max-w-7xl lg:mx-20">
242244 <div class="grid grid-cols-2">
243245 <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>
245247 <h1 class="mt-3 text-white font-kumbh-bold text-h2">
246 What makes them so special?
248 Why are the Hoodratz so special?
247249 </h1>
248250 <p class="mt-5 text-gray-4 font-sora text-body-2">
249251 We are NFT and crypto lovers and created a collection drop that we
@@ -252,9 +254,11 @@ import AppFooter from "@/components/AppFooter.vue";
252254 <div class="flex flex-col p-6 mt-20 bg-hoodratz-grey-7 rounded-3xl">
253255 <div class="flex items-center justify-between">
254256 <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>
256260 <h1 class="text-white text-body font-sora">
257 Over 200 attributes
261 7 Traits &amp; Over 50 Attributes
258262 </h1>
259263 </div>
260264 <button
@@ -277,18 +281,20 @@ import AppFooter from "@/components/AppFooter.vue";
277281 v-show="accordion.variety"
278282 class="mt-6 text-gray-4 font-sora text-body-2"
279283 >
280 Creativity is our second name! We designed over 200 attributes
284 Creativity is our second name! We designed over 50 attributes
281285 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!
283287 </p>
284288 </div>
285289
286290 <div class="flex flex-col p-6 mt-5 bg-hoodratz-grey-7 rounded-3xl">
287291 <div class="flex items-center justify-between">
288292 <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>
290296 <h1 class="text-white text-body font-sora">
291 4 rarity levels
297 7 rarity levels
292298 </h1>
293299 </div>
294300 <button