Merge pull request #49 from gemacabero/update_applications_and_acknowledgments

Standardize acknowledgements logo sizes and update Suite of Applications

Author: ktbolt

css/home.css

@@ -1093,4 +1093,22 @@ th:hover {
     margin: 0;
     padding: 8px;
     color: var(--black)
+}
+
+/*------------------------------------------ 
+
+           SUITE OF APPLICATIONS LINKS
+
+---------------------------------------------*/
+
+.application-link {
+    color: inherit;
+    text-decoration: none;
+    transition: all 0.3s ease;
+
+}
+
+.application-link:hover {
+    color: #0056b3;
+    text-decoration: underline;  /* underline  */
 }

css/standards.css

@@ -18,4 +18,19 @@
     --lightergrey: rgb(237, 237, 237);
     --lightblue: lightblue;
 
+}
+
+/*Added to adjust the size of the acknowledgements logos*/
+.creditImage {
+  display: block;
+  margin: 0 auto;
+  max-width: 300px;
+  max-height: 120px;
+  width: auto;
+  height: auto;
+  object-fit: contain;
+}
+
+.simtkLogo {
+  max-width: 180px;
 }

index.html

@@ -246,7 +246,7 @@ <h1 id="applications">Suite of Applications</h1>
         <div class="row justify-content-center">
           <div class="col-lg-4 col-md-6 col-12">
             <div class="applicationsHeader">
-              <h2>SimVascular</h2>
+              <h2><a href="https://github.com/SimVascular/SimVascular" target="_blank" class="application-link">SimVascular</a></h2>
             </div>
             <div class="applicationsText">
               <p> An interactive application for implementing all components
@@ -255,19 +255,17 @@ <h2>SimVascular</h2>
           </div>
           <div class="col-lg-4 col-md-6 col-12">
             <div class="applicationsHeader">
-              <h2>svSolver</h2>
+              <h2><a href="https://github.com/SimVascular/svSolver" target="_blank" class="application-link">svSolver</a></h2>
             </div>
             <div class="applicationsText">
               <p>A parallel computational fluid dynamics (CFD) finite element
                 solver incorporating boundary conditions useful for blood flow
                 simulations</p>
             </div>
           </div>
-        </div>
-        <div class="row justify-content-center">
           <div class="col-lg-4 col-md-6 col-12">
             <div class="applicationsHeader">
-              <h2>MultiPhysics</h2>
+              <h2><a href="https://github.com/SimVascular/svMultiPhysics" target="_blank" class="application-link">MultiPhysics</a></h2>
             </div>
             <div class="applicationsText">
               <p>A parallel multi-physics finite element solver, 
@@ -276,9 +274,11 @@ <h2>MultiPhysics</h2>
                 cardiovascular system</p>
             </div>
           </div>
+        </div>
+        <div class="row justify-content-center">
           <div class="col-lg-4 col-md-6 col-12">
             <div class="applicationsHeader">
-              <h2>svOneDSolver</h2>
+              <h2><a href="https://github.com/SimVascular/svOneDSolver" target="_blank" class="application-link">svOneDSolver</a></h2>
             </div>
             <div class="applicationsText">
               <p>A reduced-order solver for the hemodynamics in
@@ -287,13 +287,21 @@ <h2>svOneDSolver</h2>
           </div>
           <div class="col-lg-4 col-md-6 col-12">
             <div class="applicationsHeader">
-              <h2>svZeroDSolver</h2>
+              <h2><a href="https://github.com/SimVascular/svZeroDSolver" target="_blank" class="application-link">svZeroDSolver</a></h2>
             </div>
             <div class="applicationsText">
               <p>A reduced-order solver for the hemodynamics in zerodimensional 
                 lumped parameter models of vascular networks</p>
             </div>
           </div>
+          <div class="col-lg-4 col-md-6 col-12">
+            <div class="applicationsHeader">
+              <h2><a href="https://github.com/SimVascular/svVascularize" target="_blank" class="application-link">svVascularize</a></h2>
+            </div>
+            <div class="applicationsText">
+              <p>An open-source API for automated vascular generation and multi-fidelity hemodynamic simulation</p>
+            </div>
+          </div>
         </div>
       </div>
     </div>
@@ -811,7 +819,7 @@ <h1 id="acknowledgements">Acknowledgements</h1>
     <div class="newSectionContent">
       <div class="row creditsRow gx-5">
         <div class="col-sm-6 col-12 creditContainer p-5">
-          <img class="creditImage" src="img/institutions/simtk.png" alt="Logo for SimTK"></img>
+          <img class="creditImage simtkLogo" src="img/institutions/simtk.png" alt="Logo for SimTK"></img>
         </div>
         <div class="col-sm-6 col-12 creditContainer p-5">
           <img class="creditImage" src="img/institutions/nsf.png" alt="Logo for NSF"></img>