Connects to #303. MoTrPAC study volunteer info.

src/LinkoutPage/linkoutPage.jsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import PageTitle from '../lib/ui/pageTitle';
+import ExternalLink from '../lib/ui/externalLink';
 import MOTRLogo from '../assets/MoTrPAC_horizontal.png';
 import metaAnalysisGeneIcon from '../assets/analysisIcons/MetaAnalysisGene.svg';
 import NIHLogo from '../assets/ExternalLogos/NIHCommonFund.png';
@@ -9,6 +10,7 @@ import MWLogo from '../assets/ExternalLogos/MetabolomicsWorkbench.jpeg';
 import GTExLogo from '../assets/ExternalLogos/GTEx.png';
 import CFDELogo from '../assets/ExternalLogos/CFDE.png';
 import OmicsPipelinesImage from '../assets/ExternalLogos/omicspipelines_dashboard.png';
+import MoTrPACRecruitmentLogo from '../assets/ExternalLogos/MoTrPAC_Recruitment_logo.png';
 
 const featured = [
   {
@@ -17,9 +19,16 @@ const featured = [
       {
         protocol: 'https',
         url: 'MoTrPAC.org',
-        text: 'Primary entrance point for overarching MoTrPAC study of which the Bioinformatic Datahub is a component.',
+        text: 'Primary entrance point for overarching MoTrPAC study of which the Bioinformatic Data Hub is a component.',
         image: MOTRLogo,
-        title: 'MoTrPAC Main Site',
+        title: 'MoTrPAC Consortium Site',
+      },
+      {
+        protocol: 'https',
+        url: 'motrpac.org/join/volunteerHome.cfm',
+        text: 'The MoTrPAC Study is recruiting volunteers to participate in the research study. More information and details available at the MoTrPAC Consortium Site.',
+        image: MoTrPACRecruitmentLogo,
+        title: 'Volunteer',
       },
       {
         protocol: 'https',
@@ -101,12 +110,11 @@ function LinkoutPage() {
                 style={{ backgroundImage: `url("${link.image}")` }}
               />
               <div className="card-body">
-                <h5 className="card-title">
-                  <a href={`${link.protocol}://${link.url}`} target="_new">
-                    {link.title}
-                    &nbsp;
-                    <span className="oi oi-external-link" />
-                  </a>
+                <h5 className="card-title text-center">
+                  <ExternalLink
+                    to={`${link.protocol}://${link.url}`}
+                    label={link.title}
+                  />
                 </h5>
                 <p className="card-text">{link.text}</p>
               </div>
@@ -150,11 +158,10 @@ function UsefulLink({ link }) {
         />
         <div className="card-body">
           <h5 className="card-title">
-            <a href={`${link.protocol}://www.${link.url}`} target="_new">
-              {link.title}
-              &nbsp;
-              <span className="oi oi-external-link" />
-            </a>
+            <ExternalLink
+              to={`${link.protocol}://${link.url}`}
+              label={link.title}
+            />
           </h5>
           <p className="card-text">{link.text}</p>
         </div>

src/Navbar/navbar.jsx

@@ -304,12 +304,12 @@ export function Navbar({
                   className="dropdown-menu"
                   aria-labelledby="resourcesNavbarItemMenuLink"
                 >
-                  <Link to="/code-repositories" className="dropdown-item">
-                    Code Repositories
-                  </Link>
                   <Link to="/publications" className="dropdown-item">
                     Publications
                   </Link>
+                  <Link to="/code-repositories" className="dropdown-item">
+                    Code Repositories
+                  </Link>
                   <Link to="/methods" className="dropdown-item">
                     Methods
                   </Link>

src/Publications/Docs/Protocol/Clinical/clinicalStudyProtocols.jsx

@@ -30,16 +30,16 @@ function ClinicalStudyProtocols() {
               target="_blank"
               rel="noopener noreferrer"
             >
-              Adult_Combined_MOPs_2024_03_28.pdf
+              MoTrPAC Adult Study - Manual of Procedures chapters_2024.03.28
             </a>
           </p>
           <p>
             <a
-              href="https://drive.google.com/file/d/1nCJAgLKVxgzVwGm8qPMM-3co4pYuRdRY/view?usp=sharing"
+              href="https://drive.google.com/file/d/15QxK8QfaiWN0U9T3tlsuaWqbp5Yu7rIr/view?usp=sharing"
               target="_blank"
               rel="noopener noreferrer"
             >
-              MoTrPAC_Adult_Protocol_v3.0_2023_08_22_clean.pdf
+              MoTrPAC Adult Study - Protocol_v3.0_2023.08.22
             </a>
           </p>
           <p>
@@ -48,7 +48,7 @@ function ClinicalStudyProtocols() {
               target="_blank"
               rel="noopener noreferrer"
             >
-              Pediatric_Clinical_Protocol_Version_v8.12_2023_03_14.pdf
+              MoTrPAC Pediatric Study - Protocol_v8.12_2023.03.14
             </a>
           </p>
           <p>
@@ -57,7 +57,7 @@ function ClinicalStudyProtocols() {
               target="_blank"
               rel="noopener noreferrer"
             >
-              Peds_Combined_MOPs_2024_01_08.pdf
+              MoTrPAC Pediatric Study - Manual of Procedures chapters_2024.01.08
             </a>
           </p>
         </div>

src/sass/_linkoutPage.scss

@@ -56,6 +56,17 @@
 
     .card-body {
       border-top: 1px solid $gray-200;
+
+      .card-title {
+        .inline-link-with-icon {
+          text-decoration: none;
+
+          .material-icons {
+            font-size: 1.25rem;
+            vertical-align: middle;
+          }
+        }
+      }
     }
   }