ReviewOS
Reload

also looking at this

meemalabs/hoodratz.io

Staging Update

#20
Merged glennmichael123 wants to merge develop into staging
8 files +40 -67
src/App.vuemodified+2-2
@@ -1,5 +1,5 @@
11<template>
2 <div>
2 <div class="overflow-hidden">
33 <router-view />
44 </div>
55</template>
formatting only · 5 hidden lines
@@ -29,4 +29,4 @@ a.bg-pink-gradient:hover { formatting only
2929 rgba(255, 255, 255, 0.1) 81.8%
3030 );
3131}
32</style>⧵
32</style>
src/components/AppFooter.vuemodified+13-0
@@ -21,6 +21,12 @@
2121 <div><img src="/images/chevron.svg" alt="" /></div>
2222 </router-link>
2323 </li>
24 <li class="p-4">
25 <router-link to="/faq" class="flex items-center justify-between">
26 <div>FAQ</div>
27 <div><img src="/images/chevron.svg" alt="" /></div>
28 </router-link>
29 </li>
2430 </ul>
2531 <h3 class="px-4 py-3 text-sm text-white uppercase bg-gray-7">
2632 Hoodratz
@@ -122,6 +128,13 @@
122128 >Roadmap</router-link
123129 >
124130 </li>
131 <li class="my-2">
132 <router-link
133 class="px-2 transition duration-150 ease-in-out rounded-md hover:text-white focus:outline-none focus:bg-pink-custom-2"
134 to="/faq"
135 >FAQ</router-link
136 >
137 </li>
125138 </ul>
126139 </div>
127140 <div>
src/components/AppHeader.vuemodified+6-6
@@ -28,7 +28,7 @@
2828 </div>
2929 <div class="hidden text-white md:block">
3030 <ul class="flex">
31 <li class="relative flex flex-col items-center mx-4">
31 <li class="relative flex flex-col items-center mx-2 lg:mx-4">
3232 <router-link
3333 to="/"
3434 custom
@@ -47,7 +47,7 @@
4747 ></div>
4848 </router-link>
4949 </li>
50 <li class="relative flex flex-col items-center mx-4">
50 <li class="relative flex flex-col items-center mx-2 lg:mx-4">
5151 <router-link
5252 to="/about"
5353 custom
@@ -66,7 +66,7 @@
6666 ></div>
6767 </router-link>
6868 </li>
69 <li class="relative flex flex-col items-center mx-4">
69 <li class="relative flex flex-col items-center mx-2 lg:mx-4">
7070 <router-link
7171 to="/roadmap"
7272 custom
@@ -85,7 +85,7 @@
8585 ></div>
8686 </router-link>
8787 </li>
88 <li class="relative flex flex-col items-center mx-4">
88 <li class="relative flex flex-col items-center mx-2 lg:mx-4">
8989 <router-link
9090 to="/faq"
9191 custom
@@ -104,14 +104,14 @@
104104 ></div>
105105 </router-link>
106106 </li>
107 <li class="mx-4 cursor-wait">
107 <li class="mx-2 cursor-wait lg:mx-4">
108108 Rarity
109109 <span
110110 class="px-2 py-0.5 mx-2 text-xs bg-white rounded-full text-gray-6"
111111 >soon</span
112112 >
113113 </li>
114 <li class="mx-4 cursor-wait">
114 <li class="mx-2 cursor-wait lg:mx-4">
115115 Merch
116116 <span
117117 class="px-2 py-0.5 mx-2 text-xs bg-white rounded-full text-gray-6"
src/content/app.jsonmodified+4-4
@@ -6,19 +6,19 @@
66 },
77 "roadmap": [
88 {
9 "date": "12.11.21 @ 11am PST ",
9 "date": "2021-12-11T11:00:00-08:00",
1010 "title": "Presale / Whitelist",
1111 "description": "<p> For the first 500 users, allowing up to 3 sales per wallet and sale price at 0.75 SOL. </p> <p> 100 free airdrops to Discord, Twitter and other social medium for completing 'competitions' like the invite 'competition'. </p>",
1212 "done": false
1313 },
1414 {
15 "date": "12.12.21 @ 11am PST",
15 "date": "2021-12-12T11:00:00-08:00",
1616 "title": "Remaining ~8875-9500 Mint @1.0 SOL",
1717 "description": "Total number varies based on the amount of 'early sales' and airdrops.",
1818 "done": false
1919 },
2020 {
21 "date": "12.12.21",
21 "date": "2021-12-12T23:59:59-08:00",
2222 "title": "Once sold out",
2323 "description": "<p> NFT Marketplace release that will likely become the first cross-chain marketplace. </p> <p> Let's buyback the floor of 100-150 SOL and then Airdrop to friends and family, possibly do it over 3 days and do 50 SOL each day. </p>",
2424 "done": false
@@ -48,7 +48,7 @@
4848 },
4949
5050 {
51 "name": "Harlequin Doyon",
51 "name": "Harley Doyon",
5252 "role": "Dev Genius",
5353 "image": "/images/team/missing.webp",
5454 "twitter_url": "https://twitter.com/DoyonHarlequin",
src/plugins/day.jsmodified+3-0
@@ -1,4 +1,5 @@
11import dayjs from 'dayjs'
2import localizedFormat from 'dayjs/plugin/localizedFormat'
23
34export default {
45 /**
@@ -6,6 +7,8 @@ export default {
67 * @param {Vue} Vue
78 */
89 install: function (app) {
10 dayjs.extend(localizedFormat)
11
912 app.config.globalProperties.$dayjs = dayjs
1013 app.config.globalProperties.$date = dayjs
1114 app.dayjs = dayjs;
src/views/About.vuemodified+6-4
@@ -21,7 +21,7 @@ import AppFooter from "@/components/AppFooter.vue";
2121 src="/images/home/hoodratz-ellipse-97.png"
2222 alt=""
2323 />
24 <div class="md:grid md:grid-cols-2 md:mx-32 md:mt-24">
24 <div class="md:grid md:grid-cols-2 lg:mx-32 md:mx-16 md:mt-24">
2525 <div class="relative flex mb-8 md:mb-0 md:items-center">
2626 <img
2727 class="absolute hidden xl:top-96 xl:-left-44 lg:top-3/4 lg:-left-56 lg:block"
@@ -77,7 +77,7 @@ import AppFooter from "@/components/AppFooter.vue";
7777 </div>
7878 </div>
7979
80 <div class="relative pt-32 lg:grid lg:grid-cols-2 md:mx-32">
80 <div class="relative pt-32 lg:grid lg:grid-cols-2 md:mx-16 lg:mx-32">
8181 <div>
8282 <div class="relative">
8383 <img
@@ -126,7 +126,7 @@ import AppFooter from "@/components/AppFooter.vue";
126126 </div>
127127
128128 <img
129 class="absolute top-0 right-0 pt-32 md:block hidden"
129 class="absolute top-0 right-0 hidden pt-32 lg:block"
130130 src="/images/home/hoodratz-plain-cone.png"
131131 alt="background cone image"
132132 />
@@ -149,7 +149,9 @@ import AppFooter from "@/components/AppFooter.vue";
149149 </div>
150150 <div class="flex flex-1 md:items-center md:mt-8">
151151 <div class="flex flex-col flex-1">
152 <span class="text-2xl text-white">{{ item.name }}</span>
152 <span class="text-xl text-white lg:text-2xl">{{
153 item.name
154 }}</span>
153155 <span>{{ item.role }}</span>
154156 </div>
155157 <div class="grid items-center grid-cols-1 gap-4 md:grid-cols-2">
src/views/Home.vuemodified+3-3
@@ -52,14 +52,14 @@ import AppFooter from "@/components/AppFooter.vue";
5252 <a
5353 :href="social.discord"
5454 target="_blank"
55 class="flex items-center justify-center w-full px-8 py-3 mt-5 mr-4 text-white uppercase rounded-full bg-pink-gradient hover:bg-red-500 md:shadow-none text-a font-sora shadow-hoodratz-btn md:w-3/4 lg:w-auto text-button"
55 class="flex items-center justify-center w-full px-8 py-3 mt-5 mr-4 text-white uppercase rounded-full bg-pink-gradient hover:bg-red-500 md:shadow-none text-a font-sora shadow-hoodratz-btn md:w-3/4 lg:w-auto text-button z-10"
5656 >
5757 Join Discord
5858 </a>
5959 <a
6060 :href="social.twitter"
6161 target="_blank"
62 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"
62 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 z-10"
6363 >
6464 Follow Us
6565 <svg
formatting only · 5 hidden lines
@@ -936,4 +936,4 @@ export default { formatting only
936936 };
937937 },
938938};
939</script>⧵
939</script>
src/views/Roadmap.vuemodified+3-48
@@ -96,51 +96,6 @@ import AppFooter from "@/components/AppFooter.vue";
9696
9797 <div class="relative mx-auto md:w-2/3">
9898 <div class="relative mx-4 my-20 text-center md:text-left">
99 <!-- <div class="relative p-6 rounded-4xl bg-gray-7 font-sora md:p-8">
100 <div
101 class="absolute inset-x-0 top-0 flex justify-center -mt-6 md:-top-0 md:hidden"
102 >
103 <div
104 class="flex items-center justify-center w-12 h-12 text-xl text-white rounded-full "
105 :class="{
106 'bg-gray-6': !item.done,
107 'bg-pink-gradient': item.done,
108 }"
109 >
110 <div v-if="item.done">
111 <img src="/images/check.svg" alt="" />
112 </div>
113 <div v-else>{{ $date(item.date).format("D") }}</div>
114 </div>
115 </div>
116 <div
117 class="absolute inset-y-0 left-0 z-10 flex justify-center hidden md:block"
118 >
119 <div class="flex items-center h-full -ml-16">
120 <div
121 v-if="item.done"
122 class="flex items-center justify-center w-12 h-12 text-xl text-white rounded-full bg-pink-gradient"
123 >
124 <div><img src="/images/check.svg" alt="" /></div>
125 </div>
126 <div
127 v-else
128 class="flex items-center justify-center w-12 h-12 text-xl text-white border-2 rounded-full bg-pink-1 border-pink-3"
129 ></div>
130 </div>
131 </div>
132
133 <div>
134 <div class="flex justify-center md:justify-between">
135 <div class="hidden md:block text-pink-3">Title</div>
136 <div class="uppercase">description</div>
137 </div>
138
139 <div class="my-4 text-2xl font-bold text-white">Title</div>
140 <p class="leading-8">description</p>
141 </div>
142 </div> -->
143
14499 <div
145100 v-for="(item, index) in roadmap"
146101 class="relative p-6 my-8 rounded-4xl bg-gray-7 font-sora"
@@ -158,7 +113,7 @@ import AppFooter from "@/components/AppFooter.vue";
158113 <div v-if="item.done">
159114 <img src="/images/check.svg" alt="" />
160115 </div>
161 <div v-else>{{ item.date }}</div>
116 <div v-else>{{ $date(item.date).format("D") }}</div>
162117 </div>
163118 </div>
164119 <div
@@ -181,10 +136,10 @@ import AppFooter from "@/components/AppFooter.vue";
181136 <div>
182137 <div class="flex justify-center md:justify-between">
183138 <div class="hidden md:block text-pink-3">
184 {{ `0${index + 1}` }}
139 {{ $date(item.date).format("DD") }}
185140 </div>
186141 <div class="uppercase">
187 {{ item.date }}
142 {{ $date(item.date).format('MMM YYYY @ hh:mm A Z') }}
188143 </div>
189144 </div>
190145 <div class="my-4 text-2xl font-bold text-white">