add link to wiki

ff14-advanced-market-search · Jul 11, 2024 · c06b557 · c06b557
1 parent 212c044
commit c06b557
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 2 deletions.
diff --git a/app/routes/_public.allagan-data.tsx b/app/routes/_public.allagan-data.tsx
@@ -21,7 +21,7 @@ export const meta: MetaFunction = () => {
   return {
     charset: 'utf-8',
     viewport: 'width=device-width,initial-scale=1',
-    title: 'FFXIV allagan tools data import',
+    title: 'FFXIV Allagan Tools Data Import',
     description:
       'Input your Allagan Tools generated data here, and we will turn it into useful stuff!',
     customHeading: 'Welcome to the FFXIV Allagan Tools Data Import Page'
@@ -128,7 +128,19 @@ const Index = () => {
     <PageWrapper>
       <SmallFormContainer
         title="Allagan Data"
-        description="Input your Allagan generated data here, and we will turn it into useful stuff!"
+        description={
+          <>
+            Input your Allagan generated data here, and we will turn it into
+            useful stuff!{' '}
+            <a
+              href="https://github.com/ff14-advanced-market-search/saddlebag-with-pockets/wiki/Allagan-Tools-Inventory-Analysis"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="underline text-blue-600 hover:text-blue-800 visited:text-purple-600">
+              Learn more about the Allagan Tools Inventory Analysis.
+            </a>
+          </>
+        }
         onClick={handleSubmit}
         loading={isLoading}
         error={error}>

diff --git a/app/tailwind.css b/app/tailwind.css
@@ -2414,6 +2414,10 @@ select {
   border-style: none;
 }
 
+.visited\:text-purple-600:visited {
+  color: rgb(147 51 234 );
+}
+
 .focus-within\:ring-2:focus-within {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -2479,6 +2483,11 @@ select {
   color: rgb(37 99 235 / var(--tw-text-opacity));
 }
 
+.hover\:text-blue-800:hover {
+  --tw-text-opacity: 1;
+  color: rgb(30 64 175 / var(--tw-text-opacity));
+}
+
 .hover\:text-gray-100:hover {
   --tw-text-opacity: 1;
   color: rgb(243 244 246 / var(--tw-text-opacity));