Staging Update - Nov 27, 2021

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/components/AppFooter.vuemodified+4-4

Changes to src/components/AppFooter.vue

		⋯112 linesShow the 112 lines above this hunk@@ -113,14 +113,14 @@
113	113	<ul>
114	114	<li class="my-2">
115	115	<router-link
116		- class="px-2 rounded-md hover:text-white focus:outline-none focus:bg-pink-custom-2"
	116	+ class="px-2 transition duration-150 ease-in-out rounded-md hover:text-white focus:outline-none focus:bg-pink-custom-2"
117	117	to="/about"
118	118	>About</router-link
119	119	>
120	120	</li>
121	121	<li class="my-2">
122	122	<router-link
123		- class="px-2 rounded-md hover:text-white focus:outline-none focus:bg-pink-custom-2"
	123	+ class="px-2 transition duration-150 ease-in-out rounded-md hover:text-white focus:outline-none focus:bg-pink-custom-2"
124	124	to="/roadmap"
125	125	>Roadmap</router-link
126	126	>
		⋯12 linesShow the 12 lines above this hunk@@ -139,14 +139,14 @@
139	139	<ul>
140	140	<li class="my-2">
141	141	<router-link
142		- class="px-2 rounded-md hover:text-white focus:outline-none focus:bg-pink-custom-2"
	142	+ class="px-2 transition duration-150 ease-in-out rounded-md hover:text-white focus:outline-none focus:bg-pink-custom-2"
143	143	to="/privacy-policy"
144	144	>Privacy policy</router-link
145	145	>
146	146	</li>
147	147	<li class="my-2">
148	148	<a
149		- class="px-2 rounded-md cursor-not-allowed hover:text-white focus:outline-none focus:bg-pink-custom-2"
	149	+ class="px-2 transition duration-150 ease-in-out rounded-md cursor-not-allowed hover:text-white focus:outline-none focus:bg-pink-custom-2"
150	150	href="#"
151	151	>Cookie policy</a
152	152	>

src/components/AppHeader.vuemodified+7-7

Changes to src/components/AppHeader.vue

		⋯35 linesShow the 35 lines above this hunk@@ -36,7 +36,7 @@
36	36	>
37	37	<a
38	38	:class="{ 'text-pink-3': isActive }"
39		- class="rounded-md lg:px-2 hover:text-pink-3 focus:outline-none focus:bg-pink-custom-2"
	39	+ class="transition duration-150 ease-in-out rounded-md lg:px-2 hover:text-pink-3 focus:outline-none focus:bg-pink-custom-2"
40	40	@click="navigate"
41	41	:href="href"
42	42	>Home</a
		⋯12 linesShow the 12 lines above this hunk@@ -55,7 +55,7 @@
55	55	>
56	56	<a
57	57	:class="{ 'text-pink-3': isActive }"
58		- class="rounded-md lg:px-2 hover:text-pink-3 focus:outline-none focus:bg-pink-custom-2"
	58	+ class="transition duration-150 ease-in-out rounded-md lg:px-2 hover:text-pink-3 focus:outline-none focus:bg-pink-custom-2"
59	59	@click="navigate"
60	60	:href="href"
61	61	>About</a
		⋯13 linesShow the 13 lines above this hunk@@ -75,7 +75,7 @@
75	75	<a
76	76	@click="navigate"
77	77	:class="{ 'text-pink-3': isActive }"
78		- class="rounded-md lg:px-2 hover:text-pink-3 focus:outline-none focus:bg-pink-custom-2"
	78	+ class="transition duration-150 ease-in-out rounded-md lg:px-2 hover:text-pink-3 focus:outline-none focus:bg-pink-custom-2"
79	79	:href="href"
80	80	>Roadmap</a
81	81	>
		⋯35 linesShow the 35 lines above this hunk@@ -117,28 +117,28 @@
117	117	<li>
118	118	<router-link
119	119	to="/about"
120		- class="block px-3 py-6 text-lg font-medium rounded-md text-gray-8 hover:text-pink-3"
	120	+ class="block px-3 py-6 text-lg font-medium transition duration-150 ease-in-out rounded-md text-gray-8 hover:text-pink-3"
121	121	>About</router-link
122	122	>
123	123	</li>
124	124	<li>
125	125	<router-link
126	126	to="/roadmap"
127		- class="block px-3 py-6 text-lg font-medium rounded-md text-gray-8 hover:text-pink-3"
	127	+ class="block px-3 py-6 text-lg font-medium transition duration-150 ease-in-out rounded-md text-gray-8 hover:text-pink-3"
128	128	>Roadmap</router-link
129	129	>
130	130	</li>
131	131	<li>
132	132	<a
133	133	href="#"
134		- class="block px-3 py-6 text-lg font-medium rounded-md text-gray-4 hover:text-pink-3"
	134	+ class="block px-3 py-6 text-lg font-medium transition duration-150 ease-in-out rounded-md text-gray-4 hover:text-pink-3"
135	135	>Rarity</a
136	136	>
137	137	</li>
138	138	<li>
139	139	<a
140	140	href="#"
141		- class="block px-3 py-6 text-lg font-medium rounded-md text-gray-4 hover:text-pink-3"
	141	+ class="block px-3 py-6 text-lg font-medium transition duration-150 ease-in-out rounded-md text-gray-4 hover:text-pink-3"
142	142	>Merch</a
143	143	>
144	144	</li>

src/components/ButtonRepo.vuemodifiedformatting only+1-1

Changes to src/components/ButtonRepo.vue

		⋯2 linesShow the 2 lines above this hunk@@ -3,7 +3,7 @@
3	3	<a
4	4	target="_blank"
5	5	href="https://github.com/web2033/vite-vue3-tailwind-starter"
6		- class="inline-flex items-center justify-center px-5 py-3 text-base font-medium leading-6 text-indigo-600 transition duration-150 ease-in-out bg-white border border-transparent rounded-md hover:text-indigo-500 focus:outline-none"
	6	+ class="inline-flex items-center justify-center px-5 py-3 text-base font-medium leading-6 text-indigo-600 transition duration-150 ease-in-out bg-white border border-transparent rounded-md hover:text-indigo-500 focus:outline-none"
7	7	>Learn more</a
8	8	>
9	9	</div>

src/views/Home.vuemodified+1-1

Changes to src/views/Home.vue

		⋯39 linesShow the 39 lines above this hunk@@ -40,7 +40,7 @@ import AppFooter from "@/components/AppFooter.vue";
40	40	<a
41	41	:href="social.twitter"
42	42	target="_blank"
43		- class="inline-flex items-center justify-center w-full px-8 py-3 mt-5 text-white 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 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"
44	44	>
45	45	FOLLOW US
46	46	<svg