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/home/chevron-down.svgadded+3-0
@@ -0,0 +1,3 @@
1<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg">
2<path d="M1 0.999999L7 7L13 1" stroke="#F1B1A3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3</svg>
public/images/home/chevron-right.svgdeleted+0-3
@@ -1,3 +0,0 @@
1<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg">
2<path d="M13 7L7 1L1 7" stroke="#F1B1A3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3</svg>
public/images/home/chevron-up.svgadded+3-0
@@ -0,0 +1,3 @@
1<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg">
2 <path d="M13 7L7 1L1 7" stroke="#F1B1A3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
3</svg>
src/views/Home.vuemodified+98-16
@@ -303,11 +303,24 @@ import AppFooter from "@/components/AppFooter.vue";
303303 Over 200 attributes
304304 </h1>
305305 </div>
306 <div class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl">
307 <img src="/images/home/chevron-right.svg" alt="" />
308 </div>
306 <button
307 v-if="!accordion.variety"
308 @click="accordion.variety = !accordion.variety"
309 class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl"
310 >
311 <img src="/images/home/chevron-up.svg" alt="" />
312 </button>
313
314 <button
315 v-else
316 @click="accordion.variety = !accordion.variety"
317 class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl"
318 >
319 <img src="/images/home/chevron-down.svg" alt="" />
320 </button>
309321 </div>
310322 <p
323 v-show="accordion.variety"
311324 class="mt-6 text-gray-4 font-sora"
312325 style="font-size: 16px; line-height: 30px"
313326 >
@@ -333,10 +346,31 @@ import AppFooter from "@/components/AppFooter.vue";
333346 4 rarity levels
334347 </h1>
335348 </div>
336 <div class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl">
337 <img src="/images/home/chevron-right.svg" alt="" />
338 </div>
349 <button
350 v-if="!accordion.rarity"
351 @click="accordion.rarity = !accordion.rarity"
352 class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl"
353 >
354 <img src="/images/home/chevron-up.svg" alt="" />
355 </button>
356
357 <button
358 v-else
359 @click="accordion.rarity = !accordion.rarity"
360 class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl"
361 >
362 <img src="/images/home/chevron-down.svg" alt="" />
363 </button>
339364 </div>
365 <p
366 v-show="accordion.rarity"
367 class="mt-6 text-gray-4 font-sora"
368 style="font-size: 16px; line-height: 30px"
369 >
370 Excepteur labore mollit esse minim ullamco cillum anim est
371 ipsum. Cillum consequat Lorem elit cillum cupidatat mollit et
372 laboris amet reprehenderit dolor aliqua.
373 </p>
340374 </div>
341375
342376 <div class="flex flex-col p-6 mt-5 bg-hoodratz-grey-7 rounded-3xl">
@@ -355,10 +389,31 @@ import AppFooter from "@/components/AppFooter.vue";
355389 Amazing NFT community
356390 </h1>
357391 </div>
358 <div class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl">
359 <img src="/images/home/chevron-right.svg" alt="" />
360 </div>
392 <button
393 v-if="!accordion.popularity"
394 @click="accordion.popularity = !accordion.popularity"
395 class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl"
396 >
397 <img src="/images/home/chevron-up.svg" alt="" />
398 </button>
399
400 <button
401 v-else
402 @click="accordion.popularity = !accordion.popularity"
403 class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl"
404 >
405 <img src="/images/home/chevron-down.svg" alt="" />
406 </button>
361407 </div>
408 <p
409 v-show="accordion.popularity"
410 class="mt-6 text-gray-4 font-sora"
411 style="font-size: 16px; line-height: 30px"
412 >
413 Excepteur labore mollit esse minim ullamco cillum anim est
414 ipsum. Cillum consequat Lorem elit cillum cupidatat mollit et
415 laboris amet reprehenderit dolor aliqua.
416 </p>
362417 </div>
363418
364419 <div class="flex flex-col p-6 mt-5 bg-hoodratz-grey-7 rounded-3xl">
@@ -377,10 +432,31 @@ import AppFooter from "@/components/AppFooter.vue";
377432 Helping charities worldwide
378433 </h1>
379434 </div>
380 <div class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl">
381 <img src="/images/home/chevron-right.svg" alt="" />
382 </div>
435 <button
436 v-if="!accordion.mission"
437 @click="accordion.mission = !accordion.mission"
438 class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl"
439 >
440 <img src="/images/home/chevron-up.svg" alt="" />
441 </button>
442
443 <button
444 v-else
445 @click="accordion.mission = !accordion.mission"
446 class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl"
447 >
448 <img src="/images/home/chevron-down.svg" alt="" />
449 </button>
383450 </div>
451 <p
452 v-show="accordion.mission"
453 class="mt-6 text-gray-4 font-sora"
454 style="font-size: 16px; line-height: 30px"
455 >
456 Excepteur labore mollit esse minim ullamco cillum anim est
457 ipsum. Cillum consequat Lorem elit cillum cupidatat mollit et
458 laboris amet reprehenderit dolor aliqua.
459 </p>
384460 </div>
385461 </div>
386462 <div>
@@ -434,7 +510,7 @@ import AppFooter from "@/components/AppFooter.vue";
434510 </h1>
435511 </div>
436512 <div class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl">
437 <img src="/images/home/chevron-right.svg" alt="" />
513 <img src="/images/home/chevron-up.svg" alt="" />
438514 </div>
439515 </div>
440516 <p
@@ -461,7 +537,7 @@ import AppFooter from "@/components/AppFooter.vue";
461537 </h1>
462538 </div>
463539 <div class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl">
464 <img src="/images/home/chevron-right.svg" alt="" />
540 <img src="/images/home/chevron-up.svg" alt="" />
465541 </div>
466542 </div>
467543 </div>
@@ -480,7 +556,7 @@ import AppFooter from "@/components/AppFooter.vue";
480556 </h1>
481557 </div>
482558 <div class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl">
483 <img src="/images/home/chevron-right.svg" alt="" />
559 <img src="/images/home/chevron-up.svg" alt="" />
484560 </div>
485561 </div>
486562 </div>
@@ -499,7 +575,7 @@ import AppFooter from "@/components/AppFooter.vue";
499575 </h1>
500576 </div>
501577 <div class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl">
502 <img src="/images/home/chevron-right.svg" alt="" />
578 <img src="/images/home/chevron-up.svg" alt="" />
503579 </div>
504580 </div>
505581 </div>
@@ -583,6 +659,12 @@ import { social } from "@/content/app.json";
583659export default {
584660 data() {
585661 return {
662 accordion: {
663 variety: false,
664 rarity: false,
665 popularity: false,
666 mission: false,
667 },
586668 social,
587669 };
588670 },