ReviewOS
Reload

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.

src/views/About.vuemodified+72-12
@@ -4,7 +4,7 @@ import AppFooter from "@/components/AppFooter.vue";
44</script>
55
66<template>
7 <div class="w-screen h-full bg-gray-8 text-gray-4">
7 <div class="w-full h-full bg-gray-8 text-gray-4">
88 <AppHeader />
99 <div class="md:hidden">
1010 <img
@@ -17,14 +17,24 @@ import AppFooter from "@/components/AppFooter.vue";
1717 <!-- Content -->
1818 <div class="relative mx-4 md:container md:mx-auto">
1919 <img
20 class="absolute hidden xl:left-1/2 xl:top-0 lg:block lg:top-0 lg:left-1/2"
20 class="
21 absolute
22 hidden
23 xl:left-1/2 xl:top-0
24 lg:block lg:top-0 lg:left-1/2
25 "
2126 src="/images/home/hoodratz-ellipse-97.png"
2227 alt=""
2328 />
2429 <div class="md:grid md:grid-cols-2 md:mx-4 md:mt-24">
2530 <div class="relative flex mb-8 md:mb-0 md:items-center">
2631 <img
27 class="absolute hidden xl:top-96 xl:-left-44 lg:top-3/4 lg:-left-56 lg:block"
32 class="
33 absolute
34 hidden
35 xl:top-96 xl:-left-44
36 lg:top-3/4 lg:-left-56 lg:block
37 "
2838 src="/images/home/hoodratz-ellipse-1424.svg"
2939 alt=""
3040 />
@@ -34,7 +44,15 @@ import AppFooter from "@/components/AppFooter.vue";
3444 <img src="/images/about-txt.svg" alt="About" />
3545 </div>
3646 <h1
37 class="absolute inset-0 mt-8 tracking-widest uppercase text-pink-3 font-sora"
47 class="
48 absolute
49 inset-0
50 mt-8
51 tracking-widest
52 uppercase
53 text-pink-3
54 font-sora
55 "
3856 >
3957 About
4058 </h1>
@@ -63,7 +81,12 @@ import AppFooter from "@/components/AppFooter.vue";
6381 </p>
6482
6583 <img
66 class="absolute hidden xl:left-3/4 xl:top-full lg:block lg:top-3/4 lg:left-full"
84 class="
85 absolute
86 hidden
87 xl:left-3/4 xl:top-full
88 lg:block lg:top-3/4 lg:left-full
89 "
6790 src="/images/home/hoodratz-ellipse-103.png"
6891 alt=""
6992 />
@@ -84,7 +107,12 @@ import AppFooter from "@/components/AppFooter.vue";
84107 <div>
85108 <div class="relative">
86109 <img
87 class="absolute hidden xl:left-36 xl:-top-14 lg:block lg:-top-14 lg:left-36"
110 class="
111 absolute
112 hidden
113 xl:left-36 xl:-top-14
114 lg:block lg:-top-14 lg:left-36
115 "
88116 src="/images/home/hoodratz-ellipse-88.png"
89117 alt=""
90118 />
@@ -111,14 +139,26 @@ import AppFooter from "@/components/AppFooter.vue";
111139 alt=""
112140 />
113141 <img
114 class="absolute hidden xl:left-1/2 xl:-top-14 lg:block lg:top-24 lg:left-1/2"
142 class="
143 absolute
144 hidden
145 xl:left-1/2 xl:-top-14
146 lg:block lg:top-24 lg:left-1/2
147 "
115148 src="/images/home/hoodratz-ellipse-97.png"
116149 alt=""
117150 />
118151 </div>
119152
120153 <div
121 class="relative mt-12 mb-20 md:grid md:grid-cols-3 xl:grid-cols-4 md:gap-6 md:mx-4"
154 class="
155 relative
156 mt-12
157 mb-20
158 md:grid md:grid-cols-3
159 xl:grid-cols-4
160 md:gap-6 md:mx-4
161 "
122162 >
123163 <div
124164 class="flex px-8 py-6 my-6 md:flex-col bg-gray-7 rounded-4xl"
@@ -139,22 +179,42 @@ import AppFooter from "@/components/AppFooter.vue";
139179 </div>
140180 </div>
141181 <img
142 class="absolute hidden xl:left-0 xl:-top-14 lg:block lg:-top-16 lg:left-0"
182 class="
183 absolute
184 hidden
185 xl:left-0 xl:-top-14
186 lg:block lg:-top-16 lg:left-0
187 "
143188 src="/images/home/hoodratz-ellipse-97.png"
144189 alt=""
145190 />
146191 <img
147 class="absolute hidden xl:left-3/4 xl:-top-14 lg:block lg:-top-16 lg:left-3/4"
192 class="
193 absolute
194 hidden
195 xl:left-3/4 xl:-top-14
196 lg:block lg:-top-16 lg:left-3/4
197 "
148198 src="/images/home/hoodratz-ellipse-88.png"
149199 alt=""
150200 />
151201 <img
152 class="absolute hidden xl:left-1/2 xl:top-52 lg:block lg:top-52 lg:left-3/4"
202 class="
203 absolute
204 hidden
205 xl:left-1/2 xl:top-52
206 lg:block lg:top-52 lg:left-3/4
207 "
153208 src="/images/home/hoodratz-ellipse-97.png"
154209 alt=""
155210 />
156211 <img
157 class="absolute hidden xl:left-full xl:top-72 lg:block lg:top-96 lg:left-1/2"
212 class="
213 absolute
214 hidden
215 xl:left-full xl:top-72
216 lg:block lg:top-96 lg:left-1/2
217 "
158218 src="/images/home/hoodratz-ellipse-88.png"
159219 alt=""
160220 />
src/views/Faq.vuemodified+2-2
@@ -4,7 +4,7 @@ import AppFooter from "@/components/AppFooter.vue";
44</script>
55
66<template>
7 <div class="w-screen h-full bg-gray-8 text-gray-4">
7 <div class="w-full h-full bg-gray-8 text-gray-4">
88 <AppHeader />
99
1010 <div class="container px-2 mx-auto mt-20 md:mt-24">
@@ -34,7 +34,7 @@ import AppFooter from "@/components/AppFooter.vue";
3434 class="mb-8 border rounded-md border-pink-2 bg-gray-5"
3535 >
3636 <div class="px-4 py-4 mx-auto max-w-7xl sm:py-4 sm:px-6 lg:px-8">
37 <div class="max-w-3xl mx-auto divide-y-2 divide-gray-200">
37 <div>
3838 <dl class="space-y-6 divide-y divide-gray-200">
3939 <div>
4040 <dt class="text-lg">
src/views/PrivacyPolicy.vuemodified+1-1
@@ -4,7 +4,7 @@ import AppFooter from "@/components/AppFooter.vue";
44</script>
55
66<template>
7 <div class="w-screen h-full bg-gray-8 text-gray-4">
7 <div class="w-full h-full bg-gray-8 text-gray-4">
88 <AppHeader />
99
1010 <div class="container mx-auto mt-20 md:mt-24">
src/views/Roadmap.vuemodified+90-12
@@ -4,13 +4,18 @@ import AppFooter from "@/components/AppFooter.vue";
44</script>
55
66<template>
7 <div class="w-screen h-full bg-gray-8 text-gray-4">
7 <div class="w-full h-full bg-gray-8 text-gray-4">
88 <AppHeader />
99
1010 <div class="container relative mx-auto md:mt-32">
1111 <div class="mx-auto md:w-2/3">
1212 <img
13 class="absolute hidden xl:left-3/4 xl:-top-10 lg:block lg:-top-16 lg:right-0"
13 class="
14 absolute
15 hidden
16 xl:left-3/4 xl:-top-10
17 lg:block lg:-top-16 lg:right-0
18 "
1419 src="/images/home/hoodratz-ellipse-97.png"
1520 alt=""
1621 />
@@ -44,7 +49,12 @@ import AppFooter from "@/components/AppFooter.vue";
4449
4550 <div class="container relative mx-auto md:mb-32">
4651 <img
47 class="absolute hidden xl:top-0 xl:-left-12 lg:top-0 lg:-left-5 lg:block"
52 class="
53 absolute
54 hidden
55 xl:top-0 xl:-left-12
56 lg:top-0 lg:-left-5 lg:block
57 "
4858 src="/images/home/hoodratz-ellipse-1424.svg"
4959 alt=""
5060 />
@@ -64,12 +74,22 @@ import AppFooter from "@/components/AppFooter.vue";
6474 alt=""
6575 />
6676 <img
67 class="absolute hidden xl:left-10 xl:top-1/4 lg:block lg:top-1/2 lg:left-0"
77 class="
78 absolute
79 hidden
80 xl:left-10 xl:top-1/4
81 lg:block lg:top-1/2 lg:left-0
82 "
6883 src="/images/home/hoodratz-ellipse-97.png"
6984 alt=""
7085 />
7186 <img
72 class="absolute hidden xl:left-2 xl:top-1/2 lg:block lg:top-3/4 lg:left-0"
87 class="
88 absolute
89 hidden
90 xl:left-2 xl:top-1/2
91 lg:block lg:top-3/4 lg:left-0
92 "
7393 src="/images/home/hoodratz-ellipse-88.png"
7494 alt=""
7595 />
@@ -79,7 +99,12 @@ import AppFooter from "@/components/AppFooter.vue";
7999 alt=""
80100 />
81101 <img
82 class="absolute hidden xl:top-3/4 xl:left-2 lg:top-3/4 lg:-left-10 lg:block"
102 class="
103 absolute
104 hidden
105 xl:top-3/4 xl:left-2
106 lg:top-3/4 lg:-left-10 lg:block
107 "
83108 src="/images/home/hoodratz-ellipse-1424.svg"
84109 alt=""
85110 />
@@ -101,10 +126,26 @@ import AppFooter from "@/components/AppFooter.vue";
101126 :class="{ 'p-6 md:p-8': index === 0, 'my-8 p-6': index }"
102127 >
103128 <div
104 class="absolute inset-x-0 top-0 flex justify-center -mt-6 md:-top-0 md:hidden"
129 class="
130 absolute
131 inset-x-0
132 top-0
133 flex
134 justify-center
135 -mt-6
136 md:-top-0 md:hidden
137 "
105138 >
106139 <div
107 class="flex items-center justify-center w-12 h-12 text-xl text-white rounded-full "
140 class="
141 flex
142 items-center
143 justify-center
144 w-12
145 h-12
146 text-xl text-white
147 rounded-full
148 "
108149 :class="{
109150 'bg-gray-6': !item.done,
110151 'bg-pink-gradient': item.done,
@@ -117,18 +158,47 @@ import AppFooter from "@/components/AppFooter.vue";
117158 </div>
118159 </div>
119160 <div
120 class="absolute inset-y-0 left-0 z-10 flex justify-center hidden md:block"
161 class="
162 absolute
163 inset-y-0
164 left-0
165 z-10
166 flex
167 justify-center
168 hidden
169 md:block
170 "
121171 >
122172 <div class="flex items-center h-full -ml-16">
123173 <div
124174 v-if="item.done"
125 class="flex items-center justify-center w-12 h-12 text-xl text-white rounded-full bg-pink-gradient"
175 class="
176 flex
177 items-center
178 justify-center
179 w-12
180 h-12
181 text-xl text-white
182 rounded-full
183 bg-pink-gradient
184 "
126185 >
127186 <div><img src="/images/check.svg" alt="" /></div>
128187 </div>
129188 <div
130189 v-else
131 class="flex items-center justify-center w-12 h-12 text-xl text-white border-2 rounded-full bg-pink-1 border-pink-3"
190 class="
191 flex
192 items-center
193 justify-center
194 w-12
195 h-12
196 text-xl text-white
197 border-2
198 rounded-full
199 bg-pink-1
200 border-pink-3
201 "
132202 ></div>
133203 </div>
134204 </div>
@@ -151,7 +221,15 @@ import AppFooter from "@/components/AppFooter.vue";
151221 </div>
152222
153223 <div
154 class="absolute top-0 hidden h-full -ml-10 border-l border-dashed border-gray-4 md:block"
224 class="
225 absolute
226 top-0
227 hidden
228 h-full
229 -ml-10
230 border-l border-dashed border-gray-4
231 md:block
232 "
155233 ></div>
156234 </div>
157235 </div>