feat: pillars on home page

.gitignore

@@ -11,3 +11,4 @@ pull_sql_data.ipynb
 _data/pubs.csv
 scratch.ipynb
 _data/pubs.csv
+test*.html

_layouts/home.html

@@ -14,7 +14,59 @@ <h2 style="font-size:1.5em"><img src="/assets/icons/SFIM_logo.png" class="front-
 The limits of the technique (spatial and temporal resolution, interpretability of the signal, and applications) are determined by imaging technology, experimental and processing methodology, 
 and the variable and incompletely-determined relationship between neuronal activity and hemodynamic changes.</p>
 
-<p>The work of SFIM is focused on pushing spatial and temporal resolution of fMRI as well as increasing its interpretability and ultimately the utility.  This research includes understanding and using resting state fluctuations, understanding and modeling the dynamics of the fMRI signal changes, advancing pattern - effect fMRI or fMRI decoding, and advancing high resolution and high field fMRI. </p>
+<p>The work of SFIM is focused on pushing spatial and temporal resolution of fMRI as well as increasing its interpretability and ultimately the utility. This work roughly falls into four pillars: </p>
+
+</div>
+
+<div>
+    <div>
+        <div class="pillar-div">
+           <b> Paradigm Design and Processing Methodology </b>
+           <ul>
+            <li>Separate noise from signal</li>
+            <li>Allow precise comparisons across sessions, subjects, populations and scanners</li>
+            <li>Identify similarities and differences in subjects</li>
+           </ul>
+
+
+        </div>
+        <div class="pillar-div">
+            <b>Basic Research and Clinical Applications</b>
+            <ul>
+                <li>Biomarker development</li>
+                <li>Targets for neuromodulation</li>
+                <li>Presurgical mapping</li>
+                <li>Neurofeedback platform</li>
+                <li>Mechanisms of brain function</li>
+            </ul>
+
+        </div>
+    </div>
+    <div>
+        <div class="pillar-div">
+            <b>MRI Pulse Sequences and Hardware</b> 
+            <ul>
+                <li>Speed</li>
+                <li>Resolution</li>
+                <li>Sensitivity</li>
+                <li>Specificity</li>
+                <li>Robustness</li>
+                <li>Quantitation</li>
+                <li>New Contrasts</li>
+            </ul>
+
+
+        </div>
+        <div class="pillar-div">
+            <b>Interpretation of Contrast Mechanisms and Physiology</b>
+            <ul>
+                <li>Identity salient temporal and spatial structure</li>
+                <li>Relate signal to neuronal activity and metabolism</li>
+                <li>Relate to signal non-neuronal physiology</li>
+            </ul>
+
+        </div>
+    </div>
 
 </div>
 

assets/css/custom.css

@@ -195,23 +195,12 @@ gap:20px;
   text-align:center;
 }
 
-svg {
-  width: 100%;  /* Full-width responsive */
-  height: auto; /* Maintain aspect ratio */
-}
-.venn-circle {
-  fill-opacity: 0.5;
-}
-.venn-center-text {
-  font-size: 1em; /* Scales with SVG size */
-  font-weight: bold;
-  fill: black;
-  text-anchor: middle;
-}
-.venn-text{
-  font-size: 0.5em; /* Scales with SVG size */
-  font-weight: bold;
-  fill: black;
-  text-anchor: middle;
-
+.pillar-div{
+  width:25%;
+  height: 10%;
+  padding: 1%;
+  margin: 10%;
+  outline: 2px solid black;
+  position: relative; 
+  float: left
 }