Merge pull request #1314 from system76/updates

Homepage tweaks

Author: thomas-zimmerman

content/clear-cache-and-cookies.md

@@ -15,7 +15,7 @@ facebookImage: /_social/article
 twitterImage: /_social/article
 
 hidden: false
-section: getting-help
+section: software-troubleshooting
 tableOfContents: true
 ---
 

content/new-web-infrastructure.md

@@ -15,7 +15,7 @@ facebookImage: /_social/article
 twitterImage: /_social/article
 
 hidden: false
-section: getting-help
+section: repairs-returns
 tableOfContents: true
 ---
 

content/software-triage.md

@@ -13,7 +13,7 @@ facebookImage: /_social/article
 twitterImage: /_social/article
 
 hidden: false
-section: getting-help
+section: software-troubleshooting
 tableOfContents: true
 ---
 

pages/index.vue

@@ -106,7 +106,7 @@
       <div class="px-4 py-3 flex flex-col bg-white rounded-lg">
         <div class="mx-4 my-4 md:min-h-[4rem]">
           <h2 class="sys-article-h3">
-            Support Articles
+            Support Documentation
           </h2>
 
           <p class="text-lg my-4 text-warm-gray-600">
@@ -117,56 +117,56 @@
         <ul class="space-y-2">
           <li>
             <nuxt-link
-              to="#troubleshoot"
+              to="/articles/guides"
               class="flex items-center px-4 py-3 transition duration-150 ease-in-out rounded-md group hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-orange-500"
             >
               <div class="flex items-center justify-center flex-shrink-0 w-10 h-10 rounded-full bg-warm-gray-600 text-white sm:h-12 sm:w-12 transition duration-150 ease-in-out group-hover:bg-orange-500 group-focus:bg-orange-500">
-                <font-awesome-icon icon="search" />
+                <font-awesome-icon icon="screwdriver" />
               </div>
               <div class="ml-4">
                 <p class="font-bold text-warm-gray-800">
-                  Troubleshoot
+                  System76 Tech Docs
                 </p>
                 <p class="text-warm-gray-600">
-                  Detailed solutions for prominent issues.
+                  Diagrams and components for System76 hardware.
                 </p>
               </div>
             </nuxt-link>
           </li>
 
           <li>
             <nuxt-link
-              to="#tune"
+              to="#troubleshoot"
               class="flex items-center px-4 py-3 transition duration-150 ease-in-out rounded-md group hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-orange-500"
             >
               <div class="flex items-center justify-center flex-shrink-0 w-10 h-10 rounded-full bg-warm-gray-600 text-white sm:h-12 sm:w-12 transition duration-150 ease-in-out group-hover:bg-orange-500 group-focus:bg-orange-500">
-                <font-awesome-icon icon="wrench" />
+                <font-awesome-icon icon="search" />
               </div>
               <div class="ml-4">
                 <p class="font-bold text-warm-gray-800">
-                  Tune
+                  Troubleshoot
                 </p>
                 <p class="text-warm-gray-600">
-                  Information on how to upgrade, maintain, and customize your system.
+                  Detailed solutions for prominent issues.
                 </p>
               </div>
             </nuxt-link>
           </li>
 
           <li>
             <nuxt-link
-              to="#learn"
+              to="#tune"
               class="flex items-center px-4 py-3 transition duration-150 ease-in-out rounded-md group hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-orange-500"
             >
               <div class="flex items-center justify-center flex-shrink-0 w-10 h-10 rounded-full bg-warm-gray-600 text-white sm:h-12 sm:w-12 transition duration-150 ease-in-out group-hover:bg-orange-500 group-focus:bg-orange-500">
-                <font-awesome-icon icon="graduation-cap" />
+                <font-awesome-icon icon="wrench" />
               </div>
               <div class="ml-4">
                 <p class="font-bold text-warm-gray-800">
-                  Learn
+                  Tune
                 </p>
                 <p class="text-warm-gray-600">
-                  A general guide for new users. Welcome!
+                  Information on how to upgrade, maintain, and customize your system.
                 </p>
               </div>
             </nuxt-link>
@@ -306,9 +306,6 @@ export default {
     results: [],
 
     listings: [{
-      title: 'Getting Help',
-      section: 'getting-help'
-    }, {
       title: 'Troubleshoot',
       section: 'troubleshoot',
       listings: [{

plugins/font-awesome.js

@@ -3,13 +3,13 @@ import { faArrowLeft } from '@fortawesome/free-solid-svg-icons/faArrowLeft'
 import { faBars } from '@fortawesome/free-solid-svg-icons/faBars'
 import { faBolt } from '@fortawesome/free-solid-svg-icons/faBolt'
 import { faCog } from '@fortawesome/free-solid-svg-icons/faCog'
-import { faGraduationCap } from '@fortawesome/free-solid-svg-icons/faGraduationCap'
 import { faPaperPlane } from '@fortawesome/free-solid-svg-icons/faPaperPlane'
 import { faPhone } from '@fortawesome/free-solid-svg-icons/faPhone'
 import { faSearch } from '@fortawesome/free-solid-svg-icons/faSearch'
 import { faTicketAlt } from '@fortawesome/free-solid-svg-icons/faTicketAlt'
 import { faUser } from '@fortawesome/free-solid-svg-icons/faUser'
 import { faWrench } from '@fortawesome/free-solid-svg-icons/faWrench'
+import { faScrewdriver } from '@fortawesome/free-solid-svg-icons/faScrewdriver'
 import { faGithub } from '@fortawesome/free-brands-svg-icons/faGithub'
 import { faUbuntu } from '@fortawesome/free-brands-svg-icons/faUbuntu'
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
@@ -23,13 +23,13 @@ library.add(faArrowLeft)
 library.add(faBars)
 library.add(faBolt)
 library.add(faCog)
-library.add(faGraduationCap)
 library.add(faPaperPlane)
 library.add(faPhone)
 library.add(faSearch)
 library.add(faTicketAlt)
 library.add(faUser)
 library.add(faWrench)
+library.add(faScrewdriver)
 library.add(faGithub)
 library.add(faUbuntu)
 library.add(faPopOs)