Fixed #7 - Added About links

PEDSnet · Oct 28, 2024 · e2d43fa · e2d43fa
1 parent fc61fe5
commit e2d43fa
Show file tree

Hide file tree

Showing 3 changed files with 47 additions and 27 deletions.
diff --git a/src/themes/PEDSpace/app/footer/footer.component.html b/src/themes/PEDSpace/app/footer/footer.component.html
@@ -61,34 +61,40 @@ <h5 class="text-uppercase">Footer Content</h5>
   <!-- Centered Blurb -->
 
   <!-- Copyright -->
-  <div class="bottom-footer p-1 d-flex justify-content-center align-items-center text-white">
-    <div class="content-container">
-      <p class="m-0">
+<div class="bottom-footer p-1 d-flex justify-content-center align-items-center text-white">
+  <div class="content-container">
+    <p class="m-0">
+      <a class="text-white"
+         href="http://www.dspace.org/">{{ 'footer.link.dspace' | translate}}</a>
+      {{ 'footer.copyright' | translate:{year: dateObj | date:'y'} }}
+      <a class="text-white"
+         href="https://www.lyrasis.org/">{{ 'footer.link.lyrasis' | translate}}</a>
+    </p>
+    <ul class="footer-info list-unstyled small d-flex justify-content-center mb-0">
+      <li>
+          <a class="text-white" href="javascript:void(0);"
+           (click)="showCookieSettings()">{{ 'footer.link.cookies' | translate}}</a>
+      </li>
+      <li *ngIf="showPrivacyPolicy">
         <a class="text-white"
-           href="http://www.dspace.org/">{{ 'footer.link.dspace' | translate}}</a>
-        {{ 'footer.copyright' | translate:{year: dateObj | date:'y'} }}
+           routerLink="info/privacy">{{ 'footer.link.privacy-policy' | translate}}</a>
+      </li>
+      <li *ngIf="showEndUserAgreement">
         <a class="text-white"
-           href="https://www.lyrasis.org/">{{ 'footer.link.lyrasis' | translate}}</a>
-      </p>
-      <ul class="footer-info list-unstyled small d-flex justify-content-center mb-0">
-        <li>
-            <a class="text-white" href="javascript:void(0);"
-             (click)="showCookieSettings()">{{ 'footer.link.cookies' | translate}}</a>
-        </li>
-        <li *ngIf="showPrivacyPolicy">
-          <a class="text-white"
-             routerLink="info/privacy">{{ 'footer.link.privacy-policy' | translate}}</a>
-        </li>
-        <li *ngIf="showEndUserAgreement">
-          <a class="text-white"
-             routerLink="info/end-user-agreement">{{ 'footer.link.end-user-agreement' | translate}}</a>
-        </li>
-        <li *ngIf="showSendFeedback$ | async">
-          <a class="text-white"
-             routerLink="info/feedback">{{ 'footer.link.feedback' | translate}}</a>
-        </li>
-      </ul>
-    </div>
+           routerLink="info/end-user-agreement">{{ 'footer.link.end-user-agreement' | translate}}</a>
+      </li>
+      <li *ngIf="showSendFeedback$ | async">
+        <a class="text-white"
+           routerLink="info/feedback">{{ 'footer.link.feedback' | translate}}</a>
+      </li>
+      <li>
+        <a class="text-white"
+           href="https://pedsnet.org/data/variable-dictionary/"
+           target="_blank"
+           rel="noopener noreferrer">About</a>
+      </li>
+    </ul>
   </div>
+</div>
   <!-- Copyright -->
 </footer>
diff --git a/src/themes/PEDSpace/app/home-page/home-news/home-news.component.html b/src/themes/PEDSpace/app/home-page/home-news/home-news.component.html
@@ -31,7 +31,8 @@ <h2>DEVELOPMENT INSTANCE ON PRODUCTION SERVER</h2>
       <p class="mt-2">In PEDSpace, users can explore a wealth of resources to facilitate impactful research endeavors. Among these assets are meticulously defined variables, curated code sets, and modules for assessing data quality. Each component is designed to empower researchers with the tools necessary to navigate complex pediatric healthcare data effectively.</p>
       <div class="mt-4">
         <a href="submit" class="btn btn-primary btn-lg mr-2">Deposit Data</a>
-        <a href="https://pedsnet.org/" class="btn btn-secondary btn-lg" target="_blank">PEDSnet Home</a>
+        <a href="https://pedsnet.org/" class="btn btn-secondary btn-lg mr-2" target="_blank">PEDSnet Home</a>
+        <a href="https://pedsnet.org/data/variable-dictionary/" class="btn btn-custom btn-lg" target="_blank">About</a>
       </div>
     </div>
   </div>

diff --git a/src/themes/PEDSpace/app/home-page/home-news/home-news.component.scss b/src/themes/PEDSpace/app/home-page/home-news/home-news.component.scss
@@ -114,4 +114,17 @@
       color: #D8EDDF; /* Honeydew */
     }
   }
+
+  .btn-custom {
+    background-color: #004B87; /* Deep Sea Blue */
+    border-color: #004B87; /* Deep Sea Blue */
+    color: #D8EDDF; /* Honeydew */
+    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+
+    &:hover, &:focus {
+      background-color: darken(#004B87, 10%);
+      border-color: darken(#004B87, 10%);
+      color: #D8EDDF;
+    }
+  }
 }