Staging Update - Dec 8, 2021

src/components/AppFooter.vuemodified+20-14

formatting only · 8 hidden lines

Changes to src/components/AppFooter.vue

		@@ -83,7 +83,7 @@ formatting only
83	83	</router-link>
84	84	</div>
85	85	<p
86		- class="my-4 mr-0 text-sm leading-6 text-center md:mr-8 md:text-left md:text-xs"
	86	+ class="my-4 mr-0 text-sm leading-6 text-center md:mr-8 md:text-left md:text-xs"
87	87	>
88	88	Crafted in Silicon Beach, CA, Hoodratz are uniquely generated &amp;
89	89	collectible NFTs. Inspired by New York City’s underground, each of

formatting only · 24 hidden lines

Changes to src/components/AppFooter.vue

		@@ -92,21 +92,21 @@ formatting only
92	92	<div class="flex justify-center mb-4 md:hidden">
93	93	<ul class="flex">
94	94	<li
95		- class="flex items-center justify-center p-4 mx-3 border rounded-full border-gray-5"
	95	+ class="flex items-center justify-center p-4 mx-3 border rounded-full border-gray-5"
96	96	>
97	97	<a :href="social.discord" target="_blank">
98	98	<img src="/images/discord.svg" alt="Discord" />
99	99	</a>
100	100	</li>
101	101	<li
102		- class="flex items-center justify-center p-4 mx-3 border rounded-full border-gray-5"
	102	+ class="flex items-center justify-center p-4 mx-3 border rounded-full border-gray-5"
103	103	>
104	104	<a :href="social.twitter" target="_blank">
105	105	<img src="/images/twitter.svg" alt="Twitter" />
106	106	</a>
107	107	</li>
108	108	<li
109		- class="flex items-center justify-center p-4 mx-3 border rounded-full border-gray-5"
	109	+ class="flex items-center justify-center p-4 mx-3 border rounded-full border-gray-5"
110	110	>
111	111	<a :href="social.instagram" target="_blank">
112	112	<img src="/images/insta.svg" alt="Instagram" />

Changes to src/components/AppFooter.vue

		@@ -125,19 +125,25 @@
125	125	<ul>
126	126	<li class="my-2">
127	127	<router-link
128		- class="px-2 transition duration-150 ease-in-out rounded-md hover:text-white focus:outline-none focus:bg-pink-custom-2"
	128	+ class="px-2 transition duration-150 ease-in-out rounded-md hover:text-white focus:outline-none focus:bg-pink-custom-2"
129	129	to="/about"
130	130	>About</router-link
131	131	>
132	132	</li>
133	133	<li class="my-2">
134	134	<router-link
135		- class="px-2 transition duration-150 ease-in-out rounded-md hover:text-white focus:outline-none focus:bg-pink-custom-2"
	135	+ class="px-2 transition duration-150 ease-in-out rounded-md hover:text-white focus:outline-none focus:bg-pink-custom-2"
136	136	to="/roadmap"
137	137	>Roadmap</router-link
138	138	>
139	139	</li>
140		- <li class="px-2 my-2 text-gray-5">FAQ</li>
	140	+ <li class="my-2">
	141	+ <router-link
	142	+ class="px-2 transition duration-150 ease-in-out rounded-md hover:text-white focus:outline-none focus:bg-pink-custom-2"
	143	+ to="/faq"
	144	+ >FAQ
	145	+ </router-link>
	146	+ </li>
141	147	</ul>
142	148	</div>
143	149	<div>

formatting only · 8 hidden lines

Changes to src/components/AppFooter.vue

		@@ -145,7 +151,7 @@ formatting only
145	151	<ul>
146	152	<li class="my-2">
147	153	<a
148		- class="px-2 transition duration-150 ease-in-out rounded-md hover:text-white focus:outline-none focus:bg-pink-custom-2"
	154	+ class="px-2 transition duration-150 ease-in-out rounded-md hover:text-white focus:outline-none focus:bg-pink-custom-2"
149	155	href="/#utility"
150	156	>
151	157	Utility

formatting only · 24 hidden lines

Changes to src/components/AppFooter.vue

		@@ -153,21 +159,21 @@ formatting only
153	159	</li>
154	160	<li class="my-2">
155	161	<span
156		- class="px-2 transition duration-150 ease-in-out rounded-md text-gray-5 focus:outline-none focus:bg-pink-custom-2"
	162	+ class="px-2 transition duration-150 ease-in-out rounded-md text-gray-5 focus:outline-none focus:bg-pink-custom-2"
157	163	>
158	164	Attributes
159	165	</span>
160	166	</li>
161	167	<li class="my-2">
162	168	<span
163		- class="px-2 transition duration-150 ease-in-out rounded-md text-gray-5 focus:outline-none focus:bg-pink-custom-2"
	169	+ class="px-2 transition duration-150 ease-in-out rounded-md text-gray-5 focus:outline-none focus:bg-pink-custom-2"
164	170	>
165	171	Merchandise
166	172	</span>
167	173	</li>
168	174	<li class="my-2">
169	175	<span
170		- class="px-2 transition duration-150 ease-in-out rounded-md text-gray-5 focus:outline-none focus:bg-pink-custom-2"
	176	+ class="px-2 transition duration-150 ease-in-out rounded-md text-gray-5 focus:outline-none focus:bg-pink-custom-2"
171	177	>
172	178	White Paper
173	179	</span>

formatting only · 8 hidden lines

Changes to src/components/AppFooter.vue

		@@ -196,7 +202,7 @@ formatting only
196	202	<a
197	203	:href="social.discord"
198	204	target="_blank"
199		- class="block w-8 h-8 p-2 transition duration-150 ease-in-out border rounded-full lg:w-12 lg:h-12 lg:p-4 hover:bg-gray-4 border-gray-5"
	205	+ class="block w-8 h-8 p-2 transition duration-150 ease-in-out border rounded-full lg:w-12 lg:h-12 lg:p-4 hover:bg-gray-4 border-gray-5"
200	206	>
201	207	<img
202	208	class="w-full h-full"

formatting only · 8 hidden lines

Changes to src/components/AppFooter.vue

		@@ -209,7 +215,7 @@ formatting only
209	215	<a
210	216	:href="social.twitter"
211	217	target="_blank"
212		- class="block w-8 h-8 p-2 transition duration-150 ease-in-out border rounded-full lg:w-12 lg:h-12 lg:p-4 hover:bg-gray-4 border-gray-5"
	218	+ class="block w-8 h-8 p-2 transition duration-150 ease-in-out border rounded-full lg:w-12 lg:h-12 lg:p-4 hover:bg-gray-4 border-gray-5"
213	219	>
214	220	<img
215	221	class="w-full h-full"

formatting only · 8 hidden lines

Changes to src/components/AppFooter.vue

		@@ -222,7 +228,7 @@ formatting only
222	228	<a
223	229	:href="social.instagram"
224	230	target="_blank"
225		- class="block w-8 h-8 p-2 transition duration-150 ease-in-out border rounded-full lg:w-12 lg:h-12 lg:p-4 hover:bg-gray-4 border-gray-5"
	231	+ class="block w-8 h-8 p-2 transition duration-150 ease-in-out border rounded-full lg:w-12 lg:h-12 lg:p-4 hover:bg-gray-4 border-gray-5"
226	232	>
227	233	<img
228	234	class="w-full h-full"

src/views/Giveaway.vuemodified+10-6

Changes to src/views/Giveaway.vue

		⋯20 linesShow the 20 lines above this hunk@@ -21,22 +21,26 @@ import AppFooter from "@/components/AppFooter.vue";
21	21	<div class="w-full">
22	22	<img src="/images/honorary.png" alt="About" />
23	23	</div>
24		- <div class="absolute inset-0 flex items-center justify-center -top-10">
25		- <h1 class="-mt-2 tracking-widest uppercase text-pink-3 font-sora">
	24	+ <div
	25	+ class="absolute inset-0 flex items-center justify-center -top-10"
	26	+ >
	27	+ <h1 class="tracking-widest uppercase text-pink-3 font-sora">
26	28	Influencers
27	29	</h1>
28	30	</div>
29	31	</div>
30	32
31		- <div class="mx-4 text-center relative -top-44">
	33	+ <div class="relative mx-4 text-center -top-24 lg:-top-32 xl:-top-44">
32	34	<div class="mb-20">
33	35	<h2
34		- class="mb-4 -mt-6 text-3xl text-white font-kumbh-bold md:text-5xl"
	36	+ class="mb-4 text-3xl text-white lg:-mt-6 font-kumbh-bold md:text-5xl"
35	37	>
36	38	What’s this hype all about?!
37	39	</h2>
38	40	<p class="leading-7 font-sora">
39		- Join us in this mythic venture of improving this ecosystem.
	41	+ Are you ready to join the pack / our DAO vai this governance
	42	+ token? Hold us and become part of the next big NFT marketplace
	43	+ &amp; decentralized file manager. "Think of Dropbox for web3"
40	44	</p>
41	45	</div>
42	46	</div>
		⋯53 linesShow the 53 lines above this hunk@@ -96,7 +100,7 @@ import AppFooter from "@/components/AppFooter.vue";
96	100	/>
97	101
98	102	<div class="relative mx-auto">
99		- <div class="max-w-5xl mx-auto mt-12">
	103	+ <div class="max-w-5xl px-4 mx-auto mt-12">
100	104	<div class="max-w-xl mx-auto">
101	105	<h1
102	106	class="pl-4 mt-10 text-white underline md:pl-0 font-kumbh-bold text-title"

src/views/Roadmap.vuemodified+3-3

Changes to src/views/Roadmap.vue

		⋯19 linesShow the 19 lines above this hunk@@ -20,16 +20,16 @@ import AppFooter from "@/components/AppFooter.vue";
20	20	<img src="/images/honorary.png" alt="About" />
21	21	</div>
22	22	<div class="absolute inset-0 flex items-center justify-center -top-10">
23		- <h1 class="-mt-2 tracking-widest uppercase text-pink-3 font-sora">
	23	+ <h1 class="tracking-widest uppercase text-pink-3 font-sora">
24	24	Roadmap
25	25	</h1>
26	26	</div>
27	27	</div>
28	28
29		- <div class="mx-4 text-center relative -top-44">
	29	+ <div class="relative mx-4 text-center -top-24 lg:-top-32 xl:-top-44">
30	30	<div class="mb-20">
31	31	<h2
32		- class="mb-4 -mt-6 text-3xl text-white font-kumbh-bold md:text-5xl"
	32	+ class="mb-4 text-3xl text-white lg:-mt-6 font-kumbh-bold md:text-5xl"
33	33	>
34	34	Find out the plan!
35	35	</h2>

src/views/WhitePaper.vuemodified+15-70

Changes to src/views/WhitePaper.vue

		⋯4 linesShow the 4 lines above this hunk@@ -5,13 +5,7 @@ import AppFooter from "@/components/AppFooter.vue";
5	5
6	6	<template>
7	7	<div
8		- class="
9		- w-full
10		- h-full
11		- bg-gray-8
12		- text-gray-4
13		- selection:bg-pink-3 selection:text-white
14		- "
	8	+ class="w-full h-full bg-gray-8 text-gray-4 selection:bg-pink-3 selection:text-white"
15	9	>
16	10	<AppHeader />
17	11
		⋯1 lineShow the 1 line above this hunk@@ -19,12 +13,7 @@ import AppFooter from "@/components/AppFooter.vue";
19	13	<div class="relative mx-auto md:mt-32">
20	14	<div class="mx-auto md:w-2/3">
21	15	<img
22		- class="
23		- absolute
24		- hidden
25		- xl:left-3/4 xl:-top-10
26		- lg:block lg:-top-16 lg:right-0
27		- "
	16	+ class="absolute hidden xl:left-3/4 xl:-top-10 lg:block lg:-top-16 lg:right-0"
28	17	src="/images/home/hoodratz-ellipse-97.png"
29	18	alt=""
30	19	/>
		⋯1 lineShow the 1 line above this hunk@@ -32,23 +21,19 @@ import AppFooter from "@/components/AppFooter.vue";
32	21	<div class="w-full">
33	22	<img src="/images/white-paper-bg.png" alt="About" />
34	23	</div>
35		- <div class="absolute inset-0 flex items-center justify-center">
36		- <h1 class="-mt-2 tracking-widest uppercase text-pink-3 font-sora">
	24	+ <div
	25	+ class="absolute inset-0 flex items-center justify-center -top-10"
	26	+ >
	27	+ <h1 class="tracking-widest uppercase text-pink-3 font-sora">
37	28	White Paper
38	29	</h1>
39	30	</div>
40	31	</div>
41	32
42		- <div class="mx-4 text-center">
	33	+ <div class="relative mx-4 text-center -top-24 lg:-top-32 xl:-top-36">
43	34	<div class="mb-20">
44	35	<h2
45		- class="
46		- mb-4
47		- -mt-6
48		- text-3xl text-white
49		- font-kumbh-bold
50		- md:text-5xl
51		- "
	36	+ class="mb-4 text-3xl text-white lg:-mt-6 font-kumbh-bold md:text-5xl"
52	37	>
53	38	What’s in it for the investors?
54	39	</h2>
		⋯7 linesShow the 7 lines above this hunk@@ -62,12 +47,7 @@ import AppFooter from "@/components/AppFooter.vue";
62	47
63	48	<div class="relative mx-auto md:mb-32">
64	49	<img
65		- class="
66		- absolute
67		- hidden
68		- xl:top-0 xl:-left-12
69		- lg:top-0 lg:-left-5 lg:block
70		- "
	50	+ class="absolute hidden xl:top-0 xl:-left-12 lg:top-0 lg:-left-5 lg:block"
71	51	src="/images/home/hoodratz-ellipse-1424.svg"
72	52	alt="background particle image"
73	53	/>
		⋯8 linesShow the 8 lines above this hunk@@ -82,33 +62,17 @@ import AppFooter from "@/components/AppFooter.vue";
82	62	alt="background particle image"
83	63	/>
84	64	<img
85		- class="
86		- absolute
87		- hidden
88		- left-90
89		- xl:top-3/4
90		- lg:block lg:top-3/4 lg:left-0
91		- "
	65	+ class="absolute hidden left-90 xl:top-3/4 lg:block lg:top-3/4 lg:left-0"
92	66	src="/images/home/hoodratz-ellipse-88.png"
93	67	alt="background particle image"
94	68	/>
95	69	<img
96		- class="
97		- absolute
98		- hidden
99		- xl:left-10 xl:top-1/4
100		- lg:block lg:top-1/2 lg:left-0
101		- "
	70	+ class="absolute hidden xl:left-10 xl:top-1/4 lg:block lg:top-1/2 lg:left-0"
102	71	src="/images/home/hoodratz-ellipse-97.png"
103	72	alt="background particle image"
104	73	/>
105	74	<img
106		- class="
107		- absolute
108		- hidden
109		- xl:left-2 xl:top-1/2
110		- lg:block lg:top-3/4 lg:left-0
111		- "
	75	+ class="absolute hidden xl:left-2 xl:top-1/2 lg:block lg:top-3/4 lg:left-0"
112	76	src="/images/home/hoodratz-ellipse-88.png"
113	77	alt="background particle image"
114	78	/>
		⋯3 linesShow the 3 lines above this hunk@@ -118,12 +82,7 @@ import AppFooter from "@/components/AppFooter.vue";
118	82	alt="background particle image"
119	83	/>
120	84	<img
121		- class="
122		- absolute
123		- hidden
124		- xl:top-3/4 xl:left-2
125		- lg:top-3/4 lg:-left-10 lg:block
126		- "
	85	+ class="absolute hidden xl:top-3/4 xl:left-2 lg:top-3/4 lg:-left-10 lg:block"
127	86	src="/images/home/hoodratz-ellipse-1424.svg"
128	87	alt=""
129	88	/>
		⋯15 linesShow the 15 lines above this hunk@@ -145,26 +104,12 @@ import AppFooter from "@/components/AppFooter.vue";
145	104	</div>
146	105
147	106	<p
148		- class="
149		- pt-48
150		- mb-4
151		- -mt-6
152		- text-3xl text-center text-white
153		- font-kumbh-bold
154		- md:text-3xl
155		- "
	107	+ class="pt-48 mb-4 -mt-6 text-3xl text-center text-white font-kumbh-bold md:text-3xl"
156	108	>
157	109	And a whole lot more to come...
158	110	</p>
159	111	<p
160		- class="
161		- pt-4
162		- mb-4
163		- -mt-6
164		- text-3xl text-center text-pink-3
165		- font-kumbh-bold
166		- md:text-3xl
167		- "
	112	+ class="pt-4 mb-4 -mt-6 text-3xl text-center text-pink-3 font-kumbh-bold md:text-3xl"
168	113	>
169	114	Rat pack, stay tuned and #stayhood
170	115	</p>