color fixings

	modified:   about.html
	modified:   assets/styles.css

Author: Jose Ramos-Mendez

about.html

@@ -32,31 +32,33 @@ <h1>
     <main>
       <section class="content-placeholder" aria-labelledby="about-overview">
         <div class="section-inner">
-          <h2 id="about-overview">What is OpenTOPAS?</h2>
+          <article class="stat-card overview-card">
+            <h2 id="about-overview">What is OpenTOPAS?</h2>
 
-          <div class="text-columns">
-            <p>
-              The NIH-funded TOPAS project made radiation therapy simulations using the Monte Carlo method easily
-              accessible for the radiotherapy community. This repository brings the code to a new, truly open
-              release stage called <strong>OpenTOPAS</strong>.
-            </p>
-            <p>
-              OpenTOPAS wraps and extends the <a href="https://geant4.web.cern.ch" target="_blank" rel="noopener">Geant4 Simulation Toolkit</a>
-              to provide an easier-to-use application for the medical physicist. The parameter control system lets physicists assemble and control a rich
-              library of simulation objects—geometry components, particle sources, scorers—without writing C++ or knowing Geant4 internals.
-              Visit the <a href="https://opentopas.readthedocs.io/en/latest" target="_blank" rel="noopener">User Guide</a> for deeper dives.
-            </p>
-            <p>
-              The project was originally created out of an NIH-funded collaboration of Massachusetts General Hospital,
-              University of California San Francisco, and SLAC National Accelerator Laboratory. Today, the UCSF and MGH teams continue
-              to maintain and expand OpenTOPAS in partnership with the Monte Carlo community.
-            </p>
-            <p>
-              OpenTOPAS supports simulation of medical applications of ionizing radiation with the Monte Carlo method.
-              Free availability is intended to aid research by medical physicists, radiobiologists, and clinicians across all radiotherapy modalities.
-              New users should review the key publications to explore its potential.
-            </p>
-          </div>
+            <div class="text-columns">
+              <p>
+                The NIH-funded TOPAS project made radiation therapy simulations using the Monte Carlo method easily
+                accessible for the radiotherapy community. This repository brings the code to a new, truly open
+                release stage called <strong>OpenTOPAS</strong>.
+              </p>
+              <p>
+                OpenTOPAS wraps and extends the <a href="https://geant4.web.cern.ch" target="_blank" rel="noopener">Geant4 Simulation Toolkit</a>
+                to provide an easier-to-use application for the medical physicist. The parameter control system lets physicists assemble and control a rich
+                library of simulation objects—geometry components, particle sources, scorers—without writing C++ or knowing Geant4 internals.
+                Visit the <a href="https://opentopas.readthedocs.io/en/latest" target="_blank" rel="noopener">User Guide</a> for deeper dives.
+              </p>
+              <p>
+                The project was originally created out of an NIH-funded collaboration of Massachusetts General Hospital,
+                University of California San Francisco, and SLAC National Accelerator Laboratory. Today, the UCSF and MGH teams continue
+                to maintain and expand OpenTOPAS in partnership with the Monte Carlo community.
+              </p>
+              <p>
+                OpenTOPAS supports simulation of medical applications of ionizing radiation with the Monte Carlo method.
+                Free availability is intended to aid research by medical physicists, radiobiologists, and clinicians across all radiotherapy modalities.
+                New users should review the key publications to explore its potential.
+              </p>
+            </div>
+          </article>
 
           <div class="stat-grid">
             <article class="stat-card">
@@ -90,7 +92,7 @@ <h2>Collaborators</h2>
         </p>
 
         <div class="collab-grid">
-          <article class="collab-card">
+          <article class="collab-card stat-card">
             <div>
               <img class="collab-logo" src="assets/img/UCSF_logo.png" alt="University of California San Francisco logo" />
               <h3>University of California San Francisco</h3>
@@ -105,7 +107,7 @@ <h3>University of California San Francisco</h3>
             </div>
           </article>
 
-          <article class="collab-card">
+          <article class="collab-card stat-card">
             <div>
               <img class="collab-logo" src="assets/img/MGH-Harvard_logo.png" alt="Massachusetts General Hospital Harvard Medical School logo" />
               <h3>Massachusetts General Hospital<br />Harvard Medical School</h3>
@@ -122,7 +124,7 @@ <h3>Massachusetts General Hospital<br />Harvard Medical School</h3>
         </div>
 
         <div class="collab-grid former-grid">
-          <article class="collab-card">
+          <article class="collab-card stat-card">
             <div>
               <h3>Former Contributors · UCSF</h3>
               <ul class="compact-list">
@@ -136,7 +138,7 @@ <h3>Former Contributors · UCSF</h3>
             </div>
           </article>
 
-          <article class="collab-card">
+          <article class="collab-card stat-card">
             <div>
               <h3>Former Contributors · MGH / Harvard</h3>
               <ul class="compact-list">

assets/styles.css

@@ -260,17 +260,29 @@ section:nth-of-type(odd) {
   margin-bottom: 2rem;
 }
 
-.stat-card {
-  padding: 1.25rem 1.5rem;
-  border-radius: 16px;
-  border: 1px solid var(--border);
-  background: rgba(22, 27, 34, 0.7);
-}
-
-.stat-card h4 {
-  margin: 0 0 0.5rem;
-  font-size: 1.1rem;
-}
+.stat-card {
+  padding: 1.25rem 1.5rem;
+  border-radius: 16px;
+  border: 1px solid var(--border);
+  background: rgba(22, 27, 34, 0.7);
+}
+
+.overview-card {
+  margin-bottom: 2.5rem;
+}
+
+.overview-card h2 {
+  margin: 0 0 1rem;
+}
+
+.overview-card .text-columns {
+  margin-bottom: 0;
+}
+
+.stat-card h4 {
+  margin: 0 0 0.5rem;
+  font-size: 1.1rem;
+}
 
 .license-card {
   grid-column: 1 / -1;
@@ -301,12 +313,9 @@ section:nth-of-type(odd) {
 }
 
 
-.collab-card {
-  padding: 1.75rem;
-  border: 1px solid var(--border);
-  border-radius: 18px;
-  background: rgba(13, 17, 23, 0.65);
-}
+.collab-card {
+  padding: 1.75rem;
+}
 
 .collab-card ul {
   margin: 0.75rem 0 0;