Added links and files to resource descriptions

src/assets/conf/resources-landing-page.json

@@ -5,7 +5,7 @@
 
 
 "Human-Resources": {
-      "description": "Policies, recruitment, on-boarding, benefits, compensation",
+      "description": "Policies, recruitment, onboarding, benefits and compensation",
       "cards": [
         {
           "title": "Paycor",
@@ -18,49 +18,56 @@
           "title": "Swag Store",
           "description": "Buy polo shirts and other logo gear here. Costs are deducted from your paycheck, or you can apply Funny Money.",
           "imagePath": "swag-store-icon-100x100.png",
-          "urlText": "https://jdsfaulkner.workplace.com",
+          "urlText": "https://www.companycasuals.com/JDSfaulknerapparel/start.jsp",
-          "altText": "Store image"
+          "altText": "Store icon"
         },
         {
           "title": "Employee Handbook",
           "description": "View this document to learn about the company’s policies related to employment, including pay and benefits.",
-          "imagePath": "pdf-icon3-100x100.png",
+          "imagePath": "pdf-icon-100x100.png",
-          "urlText": "https://jdsfaulkner.workplace.com",
+          "urlText": "../resources/JDSfaulkner Emp Handbook v8.0.pdf",
           "altText": "PDF icon"
         },
         {
           "title": "Direct Deposit",
           "description": "Would you like have your paychecks deposited into your bank account? Fill out this form and submit it to HR.",
-          "imagePath": "pdf-icon3-100x100.png",
+          "imagePath": "pdf-icon-100x100.png",
-          "urlText": "https://jdsfaulkner.workplace.com",
+          "urlText": "../resources/2 Paycor_Direct_Deposit_Worksheet.pdf",
           "altText": "PDF icon"
         },
         {
           "title": "NC-4EZ Form",
           "description": "Complete this form so that JDSfaulkner can withhold the correct amount of state income tax from your pay.",
-          "imagePath": "pdf-icon3-100x100.png",
+          "imagePath": "tax-icon-100x100.png",
-          "urlText": "https://jdsfaulkner.workplace.com",
+          "urlText": "https://www.ncdor.gov/documents/employees-withholding-allowance-certificate-nc-4ez",
-          "altText": "PDF icon"
+          "altText": "tax icon"
         },
         {
           "title": "Employment Application",
           "description": "Would you or someone you know like to apply for a position at JDSfaulkner? Submit this application to HR.",
-          "imagePath": "pdf-icon3-100x100.png",
+          "imagePath": "word-icon-100x100.png",
-          "urlText": "https://jdsfaulkner.workplace.com",
+          "urlText": "../resources/Employment Application.docx",
-          "altText": "PDF icon"
+          "altText": "Document icon"
         },
         {
           "title": "Drafting Quiz",
           "description": "Click here to access a prequalifying quiz that is a requirement for those applying for drafting positions.",
-          "imagePath": "pdf-icon3-100x100.png",
+          "imagePath": "word-icon-100x100.png",
-          "urlText": "https://jdsfaulkner.workplace.com",
+          "urlText": "../resources/JDSfaulknerDraftingQuiz_11-16-20a.docx",
-          "altText": "Preview image"
+          "altText": "Document icon"
         },
         {
           "title": "W-4 Form",
           "description": "Fill out this form and submit to HR so that the company can withhold the correct federal income tax from your pay.",
+          "imagePath": "tax-icon-100x100.png",
+          "urlText": "https://www.irs.gov/forms-pubs/about-form-w-4",
+          "altText": "tax icon"
+        },
+        {
+          "title": "Salary Reduction Agreement",
+          "description": "Provide this form to HR if you would like to defer or change part of your compensation to the company’s SIMPLE IRA Plan.",
           "imagePath": "pdf-icon3-100x100.png",
-          "urlText": "https://jdsfaulkner.workplace.com",
+          "urlText": "../resources/Notice and Agreement.pdf",
           "altText": "PDF icon"          
         }
       ]
@@ -68,56 +75,70 @@
 
 
     "Marketing": {
-      "description": "Client-facing media, publications, public relations, advertising",
+      "description": "Client-facing media, publications, public relations and advertising",
       "cards": [
         {
           "title": "JDSfaulkner.com",
           "description": "What makes a great first impression? JDSfaulkner.com conveys the company's value to potential clients and partners.",
           "imagePath": "jdsfaulkner-small-icon.png",
-          "urlText": "https://jdsfaulkner.workplace.com",
+          "urlText": "https://jdsfaulkner.com/",
-          "altText": "Website image"
+          "altText": "JDSfaulkner brand mark"
         },
         {
           "title": "Salesforce",
           "description": "Marketing and sales teams focus on the customer experience using Salesforce customer relationship management.",
           "imagePath": "salesforce-logo-100x100.png",
-          "urlText": "https://jdsfaulkner.workplace.com",
+          "urlText": "https://login.salesforce.com/",
           "altText": "Salesforce logo"
         },
         {
           "title": "JDSfaulkner Brochure",
           "description": "View the company brochure to learn about the company, or send a copy to potential clients and partners.",
           "imagePath": "pdf-icon3-100x100.png",
-          "urlText": "https://jdsfaulkner.workplace.com",
+          "urlText": "../resources/Notice and Agreement.pdf",
           "altText": "PDF icon"
         },
         {
           "title": "JDSfaulkner SOQ",
           "description": "SOQs present the experience and capabilities that qualify JDSfaulkner to win contracts or new clients.",
           "imagePath": "pdf-icon3-100x100.png",
-          "urlText": "https://jdsfaulkner.workplace.com",
+          "urlText": "../resources/Notice and Agreement.pdf",
           "altText": "PDF icon"
         },
         {
           "title": "JDSfaulkner Logo",
           "description": "Do you need to use the company logo in marketing material, merchandise or documentation? Here is a copy.",
           "imagePath": "image-download-icon.png",
-          "urlText": "https://jdsfaulkner.workplace.com",
+          "urlText": "../resources/JDS_faulkner_Logo.eps",
-          "altText": "JDSfaulkner logo"
+          "altText": "Image icon"
         },
         {
           "title": "Marketing Contacts",
           "description": "Keep track of clients and partners with important names, addresses, e-mail addresses and phone numbers.",
           "imagePath": "pdf-icon3-100x100.png",
-          "urlText": "https://jdsfaulkner.workplace.com",
+          "urlText": "../resources/ComingSoon.pdf",
-          "altText": "Spreadsheet icon"
+          "altText": "PDF icon"
-        }
+        },
+        {
+          "title": "Facebook",
+          "description": "Through Facebook, the company connects with the community by sharing content and interacting with the public.",
+          "imagePath": "facebooklogo_100x100.png",
+          "urlText": "https://www.facebook.com/JDSfaulkner/",
+          "altText": "Facebook icon"          
+        },
+        {
+          "title": "LinkedIn",
+          "description": "JDSfaulkner maintains a presence on LinkedIn for professional networking, posting job openings and receiving resumes.",
+          "imagePath": "linkedinlogo_100x100.png",
+          "urlText": "https://www.linkedin.com/company/jds-consulting-&-design",
+          "altText": "LinkedIn icon"          
+        },
       ]
     },
     
 
     "Productivity": {
-      "description": "Work tools, e-mail, calendar, cloud storage",
+      "description": "Work tools, e-mail, calendar and cloud storage",
       "cards": [
         {
           "title": "Gmail",
@@ -137,14 +158,14 @@
           "title": "Google Workspace",
           "description": "This suite of Google products includes Gmail, Calendar, Meet, Chat, Drive, Docs, Sheets, Slides, Forms and more.",
           "imagePath": "google-logo2-100x100.png",
-          "urlText": "https://jdsfaulkner.workplace.com",
+          "urlText": "https://myaccount.google.com/",
           "altText": "Google Workspace logo"
         },
         {
           "title": "Dropbox",
           "description": "The Structural Engineering Design department stores most of its files and folders in the Dropbox cloud-based system.",
           "imagePath": "dropbox-logo3-100x100.png",
-          "urlText": "https://jdsfaulkner.workplace.com",
+          "urlText": "https://www.dropbox.com/login",
           "altText": "Dropbox logo"
         }
       ]
@@ -152,68 +173,88 @@
 
 
     "Training": {
-      "description": "Career growth, skills development, online courses, procedures, manuals, references",
+      "description": "Career growth, skills development, online courses, manuals and references",
       "cards": [
         {
           "title": "Learning Center",
-          "description": "Visit your central location for training resources, including online courses and the company’s procedure manual. ",
+          "description": "Visit your central location for e-learning, offering the flexibility to learn on your own schedule and at your own pace.",
           "imagePath": "learning-center-icon4-100x100.png",
           "urlText": "https://jdsfaulkner.workplace.com",
-          "altText": "Learning Center image"
+          "altText": "Learning Center icon"
         },
         {
-          "title": "ASTM procedures",
+          "title": "ASTM Procedures",
           "description": "Visit this website for access to current ASTM procedures. Contact the CMT Manager for the login ID and password.",
           "imagePath": "astm-logo3-100x100.png",
-          "urlText": "https://jdsfaulkner.workplace.com",
+          "urlText": "https://myastm.astm.org/",
           "altText": "ASTM logo"
+        },
+        {
+          "title": "Company Procedures",
+          "description": "Find out how to carry out specific tasks at JDSfaulkner in a manner that ensures company-wide consistency and quality.",
+          "imagePath": "learning-center-icon4-100x100.png",
+          "urlText": "https://learning.carolina.engineering/additional-resources/",
+          "altText": "Learning Center icon"
         }
+        {
+          "title": "Field Guide",
+          "description": "This quick-reference guide helps engineering technicians find charts, tables, and third-party information, at-a-glance.",
+          "imagePath": "learning-center-icon4-100x100.png",
+          "urlText": "https://learning.carolina.engineering/additional-resources/",
+          "altText": "Learning Center icon"
+         }
+        {
+          "title": "CAD Tech Study Guide",
+          "description": "This guide presents lessons for drafters, each of which can help a drafter advance to CAD Tech II status.",
+          "imagePath": "learning-center-icon4-100x100.png",
+          "urlText": "https://learning.carolina.engineering/additional-resources/",
+          "altText": "Learning Center icon"
+         }
       ]
-      },
+    },
+     
 
 
   "Workflow": {
-      "description": "Project management, assignments, status, client information, invoicing, data, engineering reports",
+      "description": "Project management, assignments, status, client information, invoicing, data and engineering reports",
       "cards": [
         {
           "title": "Clarity",
           "description": "Clarity project management software is used to create, track, review and bill field-engineering projects, start to finish.",
           "imagePath": "clarity-icon-100x100.png",
-          "urlText": "https://jdsfaulkner.workplace.com",
+          "urlText": "https://learning.carolina.engineering/introduction-to-clarity/",
           "altText": "Clarity image"
         },
         {
           "title": "Project Insight",
           "description": "Structural Engineering Design uses this project management software to centralize the group's work, tasks and projects.",
           "imagePath": "project-insight-logo6-100x100.png",
-          "urlText": "https://jdsfaulkner.workplace.com",
+          "urlText": "https://jds.projectinsight.net/",
           "altText": "Project Insight logo"
         },
         {
           "title": "Deltek",
           "description": "Project intelligence, management and collaboration software helps maximize productivity and revenue.",
           "imagePath": "deltek-logo-black.png",
-          "urlText": "https://jdsfaulkner.workplace.com",
+          "urlText": "https://www.deltek.com/en",
           "altText": "Deltek logo"
         },
         {
           "title": "Procore",
           "description": "Streamline billing. Administrators for field engineering projects use Procore software for invoice collection, review and approval.",
           "imagePath": "procore-logo-100x100.png",
-          "urlText": "https://jdsfaulkner.workplace.com",
+          "urlText": "https://www.procore.com/",
           "altText": "Procore logo"
         },
         {
           "title": "Client W-9 Form",
           "description": "A W-9 form is required by JDSfaulkner so that the company can file an information return with the IRS.",
-          "imagePath": "pdf-icon3-100x100.png",
+          "imagePath": "tax-icon-100x100.png",
-          "urlText": "https://jdsfaulkner.workplace.com",
+          "urlText": "https://www.irs.gov/forms-pubs/about-form-w-9",
-          "altText": "PDF icon"
+          "altText": "tax icon"
         }
       ]
-
-
-
     }
+
   }
 }

src/assets/pages/styles/test-resources-landing-page2.scss

@@ -131,12 +131,11 @@ body {
 .form-control:-ms-input-placeholder { color: searchfont; }  /* Internet Explorer 10-11 */
 .form-control::-ms-input-placeholder { color: searchfont; }  /* Microsoft Edge */
 
-
 .footer {
   padding-top: 3rem;
   padding-bottom: 3rem;
   background: primary;
-  color: navbartext
+  color: footertext;
 }
 
 .footer p {

src/assets/pages/styles/theme-dark.scss

@@ -21,7 +21,8 @@ $theme-colors: (
         "paragraphtextcolor": #808080,
         "paragraphtextcolorhover":#202022,
         "themebuttonoutline": #414144,
-        "categorybox": #707070 
+        "categorybox": #707070, 
+        "footertext": #808080,
 );
 
 .theme-button{

src/assets/pages/styles/theme-light.scss

@@ -21,7 +21,8 @@ $theme-colors: (
         "paragraphtextcolor": #434344,
         "paragraphtextcolorhover":#ffffff,
         "themebuttonoutline": #434344,
-        "categorybox": #ffffff  
+        "categorybox": #ffffff,
+        "footertext:": #434344, 
 );
 
 .theme-button{

src/assets/pages/test-resources-landing-page2.html

@@ -83,19 +83,19 @@
         </nav>
 
 
-  <main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-md-4">
+  <main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-md-4 text-navbartext">
-      <div class="justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3">
+      <div class="justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 text-navbartext">
 
-        <div class="album py-5 bg-secondary">
+        <div class="album py-5 bg-secondary text-navbartext">
-        <div class="container">
+        <div class="container text-navbartext">
             <input class="form-control form-control-dark w-100 bg-info border border-boxborder text-searchfont"
                    placeholder="Search (What kind of resource are you looking for?)"
                    aria-label="Search">
         </div>
       
 
-        <div class="album py-5 bg-secondary">
+        <div class="album py-5 bg-secondary text-navbartext">
-        <div class="container bg-secondary">
+        <div class="container bg-secondary text-navbartext">
         <div id="grid-container">
         </div>
         </div>
@@ -104,21 +104,26 @@
     </div>
 
 
-
+<footer class="page-footer">
-    
+    <div class="container">
-
+        <p class="float-right text-warning">
+            <a href="#">Back to top</a>
+        </p>
+    </div>
+</footer>
     
 
 <footer class="page-footer">
     <div class="container">
-        <p class="float-left text-navbartext"> 
+        <p class="float-left"> 
         <a href="resources-landing-page.html">Back to original layout</a>
         </p>
-        <p class="float-right text-navbartext">
+        <p class="float-right">
-            <a href="#">Back to top</a>
+        <a href="#">Back to top</a>
         </p>
     </div>
 </footer>
+
 </main>
 </body>