Improve about page

Iapetus-11 · Nov 28, 2024 · b61dc51 · b61dc51
1 parent e52be71
commit b61dc51
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 17 deletions.
diff --git a/src/main.css b/src/main.css
@@ -35,3 +35,9 @@
             inset 0px 0px 40px 5px rgba(255, 255, 255, 0.025);
     }
 }
+
+@layer components {
+    .text-link {
+        @apply text-pink-300 hover:underline;
+    }
+}
diff --git a/src/views/about/AboutView.vue b/src/views/about/AboutView.vue
@@ -12,29 +12,37 @@
                 'The more types of toppings unlocked increase the variety bonus which also increases the click ' +
                 'multiplier. The click multiplier also applies to automatic clicks (i.e. Taco Truck, etc...).',
         },
+        {
+            question: 'What is the variety bonus?',
+            answer: 'If you increase the variety of toppings purchased, a bonus to the click multiplier is added. The more variety, the more tacos you get for a single click!',
+        },
+        {
+            question: 'How does the click multiplier work?',
+            answer: 'Whenever you click, you earn one taco, plus the multiplier value. The multiplier also applies to clicks generated by automations like the taco truck.',
+        },
     ];
 </script>
 
 <template>
-    <div class="overflow-y-auto">
-        <div class="mx-auto flex w-full max-w-5xl flex-col py-10">
-            <!--        <p>-->
-            <!--            After working on some other projects, and hitting a brick wall (my boyfriend and I)-->
-            <!--            (girlfriend and I) we brainstormed different things that we could work on together, at least-->
-            <!--            temporarily until we could find a big project to dedicate our time to. Lucky for us, our-->
-            <!--            obsession with food led to the possibility of making a game dedicated to clicking spring-->
-            <!--            rolls. Upon further delegation, we realized we wanted something that could be enjoyed by-->
-            <!--            many groups of people, and there Taco Tapper was born. With lots of love, doodles, code, and-->
-            <!--            hard work, together we made something that our friends, family, and general taco eaters-->
-            <!--            could happily pass time with.-->
-            <!--        </p>-->
+    <div class="overflow-y-auto px-3 sm:px-10 sm:pt-6">
+        <div class="mx-auto flex w-full max-w-5xl flex-col py-6">
+            <h1 class="mb-4 text-2xl text-gray-100 sm:text-4xl">Who made this?</h1>
+
+            <p class="text-gray-100 sm:text-lg">
+                My girlfriend,
+                <a href="https://art.devilsquares.me/" target="_blank" class="text-link">Devilsquares</a>
+                 and I
+                <a href= "https://iapetus11.me" target="_blank" class="text-link">(Iapetus11)</a>
+                made this! We were bored, trying to brainstorm a project to work on for fun, and we came up
+                with Spring Roll Clicker... Obviously that is not Taco Tapper, we figured since we both love
+                tacos and there's more variety it would make a better game. We both hope the rare few who visit have
+                lots of fun tapping and eating tacos :)
+            </p>
+        </div>
 
-            <!--        <p>-->
-            <!--            Taco Tapper is about building your best possible Taco empire with the help of strong arms,-->
-            <!--            auto clickers, and hunger!-->
-            <!--        </p>-->
+        <div class="mx-auto flex w-full max-w-5xl flex-col py-6">
+            <h1 class="mb-4 text-2xl text-gray-100 sm:text-4xl">Frequently Asked Questions</h1>
 
-            <h1 class="mb-4 text-4xl text-gray-100">Frequently Asked Questions</h1>
             <div class="flex flex-col space-y-2.5">
                 <FaqDisclosure
                     v-for="faqQuestion in FAQ_QUESTIONS"