Ran format

Signed-off-by: Christopher Andrew Hinchey <[email protected]>
p-oneil · Jul 24, 2023 · 4f645a5 · 4f645a5
1 parent ea0b4cd
commit 4f645a5
Show file tree

Hide file tree

Showing 24 changed files with 830 additions and 343 deletions.
diff --git a/components/ApplicationPage.vue b/components/ApplicationPage.vue
@@ -2,42 +2,62 @@
   <div class="min-h-[calc(100vh-252px)]">
     <div class="relative h-full px-4 pt-4 sm:px-6 lg:px-8">
       <div class="mx-auto max-w-7xl text-center">
-        <img :src="`${productIcon}`" class="aspect-square mx-auto my-2 w-14 md:w-20" aria-hidden="true"
-          alt="Alt text here" />
+        <img
+          :src="`${productIcon}`"
+          class="aspect-square mx-auto my-2 w-14 md:w-20"
+          aria-hidden="true"
+          alt="Alt text here"
+        />
         <h2 class="text-4xl font-bold tracking-tight text-header sm:text-4xl">
           {{ title }}
         </h2>
         <h3 class="mx-auto mt-6 text-center leading-8">
           {{ grabber }}
         </h3>
-        <div class="prose mx-auto mt-8 max-w-none text-left leading-8 dark:prose-invert" v-html="description"></div>
+        <div
+          class="prose mx-auto mt-8 max-w-none text-left leading-8 dark:prose-invert"
+          v-html="description"
+        ></div>
       </div>
     </div>
     <div class="mx-auto mb-10 sm:flex sm:items-center">
       <div class="sm:flex-auto">
         <div class="mt-16 space-y-16">
-          <div v-for="(feature, featureIdx) in features" :key="feature.name" :class="[
-            featureIdx % 2 === 0 ? '' : 'bg-neutral-2 ',
-            'flex flex-col-reverse p-4 lg:grid lg:grid-cols-12 lg:items-center lg:gap-x-8'
-          ]">
-            <div :class="[
-              featureIdx % 2 === 0
-                ? 'lg:col-start-1 lg:ml-10'
-                : 'lg:col-start-8 lg:mr-10 xl:col-start-9',
-              'mt-6 lg:col-span-5 lg:row-start-1 lg:mt-0 xl:col-span-4 '
-            ]">
+          <div
+            v-for="(feature, featureIdx) in features"
+            :key="feature.name"
+            :class="[
+              featureIdx % 2 === 0 ? '' : 'bg-neutral-2 ',
+              'flex flex-col-reverse p-4 lg:grid lg:grid-cols-12 lg:items-center lg:gap-x-8'
+            ]"
+          >
+            <div
+              :class="[
+                featureIdx % 2 === 0
+                  ? 'lg:col-start-1 lg:ml-10'
+                  : 'lg:col-start-8 lg:mr-10 xl:col-start-9',
+                'mt-6 lg:col-span-5 lg:row-start-1 lg:mt-0 xl:col-span-4 '
+              ]"
+            >
               <h3 class="text-2xl font-bold">{{ feature.name }}</h3>
               <p class="mt-2 text-lg">{{ feature.description }}</p>
             </div>
-            <div :class="[
-              featureIdx % 2 === 0
-                ? 'lg:col-start-6 lg:mr-10 xl:col-start-5'
-                : 'lg:col-start-1 lg:ml-10',
-              'flex-auto lg:col-span-7 lg:row-start-1 xl:col-span-8 '
-            ]">
-              <div class="aspect-h-2 aspect-w-5 overflow-hidden rounded-lg drop-shadow-2xl">
-                <img :src="feature.imageSrc" :alt="feature.imageAlt ?? 'Unknown Image'"
-                  class="object-cover object-center" />
+            <div
+              :class="[
+                featureIdx % 2 === 0
+                  ? 'lg:col-start-6 lg:mr-10 xl:col-start-5'
+                  : 'lg:col-start-1 lg:ml-10',
+                'flex-auto lg:col-span-7 lg:row-start-1 xl:col-span-8 '
+              ]"
+            >
+              <div
+                class="aspect-h-2 aspect-w-5 overflow-hidden rounded-lg drop-shadow-2xl"
+              >
+                <img
+                  :src="feature.imageSrc"
+                  :alt="feature.imageAlt ?? 'Unknown Image'"
+                  class="object-cover object-center"
+                />
               </div>
             </div>
           </div>
@@ -72,5 +92,5 @@ const props = defineProps({
   }
 });
 
-const { title, grabber, description, features, productIcon } = toRefs(props);
+const {title, grabber, description, features, productIcon} = toRefs(props);
 </script>
diff --git a/components/Footer.vue b/components/Footer.vue
@@ -1,19 +1,43 @@
 <template>
   <footer class="bg-neutral-1">
     <div class="mx-auto max-w-full border-b-2 border-accent px-4 sm:px-1" />
-    <div class="justify-right mx-auto max-w-4xl px-4 py-12 sm:px-6 md:flex md:items-center md:justify-between lg:px-5">
+    <div
+      class="justify-right mx-auto max-w-4xl px-4 py-12 sm:px-6 md:flex md:items-center md:justify-between lg:px-5"
+    >
       <div class="flex justify-center space-x-6 md:order-2">
         <a href="https://github.com/" aria-label="GitHub Link">
-          <img src="@/assets/logos/GitHubLogoBlack.svg" class="aspect-square w-12 dark:hidden md:w-10" aria-hidden="true"
-            alt="GitHubLogo" />
-          <img src="@/assets/logos/GitHubLogoWhite.svg" class="aspect-square hidden w-12 dark:flex md:w-10"
-            aria-hidden="true" alt="GitHubLogo" />
+          <img
+            src="@/assets/logos/GitHubLogoBlack.svg"
+            class="aspect-square w-12 dark:hidden md:w-10"
+            aria-hidden="true"
+            alt="GitHubLogo"
+          />
+          <img
+            src="@/assets/logos/GitHubLogoWhite.svg"
+            class="aspect-square hidden w-12 dark:flex md:w-10"
+            aria-hidden="true"
+            alt="GitHubLogo"
+          />
         </a>
-        <a href="https://www.netlify.com" class="mx-auto hidden w-24 dark:flex" aria-label="Netlify Link">
-          <img src="https://www.netlify.com/v3/img/components/netlify-color-accent.svg" alt="Deploys by Netlify" />
+        <a
+          href="https://www.netlify.com"
+          class="mx-auto hidden w-24 dark:flex"
+          aria-label="Netlify Link"
+        >
+          <img
+            src="https://www.netlify.com/v3/img/components/netlify-color-accent.svg"
+            alt="Deploys by Netlify"
+          />
         </a>
-        <a href="https://www.netlify.com" class="mx-auto w-24 dark:hidden" aria-label="Netlify Link">
-          <img src="https://www.netlify.com/v3/img/components/netlify-color-bg.svg" alt="Deploys by Netlify" />
+        <a
+          href="https://www.netlify.com"
+          class="mx-auto w-24 dark:hidden"
+          aria-label="Netlify Link"
+        >
+          <img
+            src="https://www.netlify.com/v3/img/components/netlify-color-bg.svg"
+            alt="Deploys by Netlify"
+          />
         </a>
       </div>
       <div class="mr-4 mt-8 md:order-1 md:mt-0">

diff --git a/components/FrameworkPage.vue b/components/FrameworkPage.vue
@@ -1,16 +1,24 @@
 <template>
-  <div class="relative mb-11 min-h-[calc(100vh-295px)] px-4 pt-4 sm:px-6 lg:px-8">
+  <div
+    class="relative mb-11 min-h-[calc(100vh-295px)] px-4 pt-4 sm:px-6 lg:px-8"
+  >
     <div class="mx-auto max-w-7xl text-center">
-      <img :src="`${productIcon}`" class="aspect-square mx-auto my-2 w-14 md:w-20" aria-hidden="true"
-        alt="Alt text here" />
+      <img
+        :src="`${productIcon}`"
+        class="aspect-square mx-auto my-2 w-14 md:w-20"
+        aria-hidden="true"
+        alt="Alt text here"
+      />
       <h2 class="text-4xl font-bold tracking-tight text-header sm:text-4xl">
         {{ title }}
       </h2>
       <h3 class="mx-auto mt-6 text-center leading-8">
         {{ grabber }}
       </h3>
-      <div class="prose mx-auto mt-8 max-w-none text-left leading-8 dark:prose-invert" v-html="description">
-      </div>
+      <div
+        class="prose mx-auto mt-8 max-w-none text-left leading-8 dark:prose-invert"
+        v-html="description"
+      ></div>
     </div>
   </div>
 </template>
@@ -36,5 +44,5 @@ const props = defineProps({
   }
 });
 
-const { title, grabber, description, productIcon } = toRefs(props);
+const {title, grabber, description, productIcon} = toRefs(props);
 </script>