From b9ab0bac3d1d137331e6433b5fbb0eeab75aec55 Mon Sep 17 00:00:00 2001
From: Mrittika Dey <mrittikadey5683@gmail.com>
Date: Fri, 6 Sep 2024 14:48:36 +0200
Subject: [PATCH] fixed flex proportions, added top margin see if it fixes
 anything

---
 index.html | 42 +++++++++++++++++++++---------------------
 1 file changed, 21 insertions(+), 21 deletions(-)

diff --git a/index.html b/index.html
index 0b0ee1c..e6a0301 100755
--- a/index.html
+++ b/index.html
@@ -279,16 +279,16 @@ <h1  style="text-align:center"><name>Mrittika Dey</name></h1>
                     <!-- project list 1 -->
                     <div style="display: flex; align-items: center; padding: 10px; margin-top: 10px;">
                         <!-- Image Container -->
-                        <div style="flex: 0 0 25%; padding-right: 5px;">
+                        <div style="flex: 1; padding-right: 5px;">
                             <img src='images/ori_tuning_project6.jpg' width="150" height="110" alt="ori-tuning-roi-image">
                         </div>
                         
                         <!-- Text and Button Container -->
-                        <div style="flex: 1; text-align: left;">
+                        <div style="flex: 3; text-align: left;">
                             <button style="border: 0px transparent; background-color: transparent; outline: none; font-size: larger;" type="button" data-toggle="collapse" data-target="#project6”>
                                 <papertitle><big>Orientation tuning of face processing in human V1</big></papertitle>
                                 <br>
-                                <p><a href="http://dx.doi.org/10.13140/RG.2.2.18920.48644" target="_blank”>[poster]</a></p>                     
+                                <p style="margin-top: 5px;"><a href="http://dx.doi.org/10.13140/RG.2.2.18920.48644" target="_blank”>[poster]</a></p>                     
                             </button>
                             <div id="project6” class="collapse">
                                 <br>
@@ -303,16 +303,16 @@ <h1  style="text-align:center"><name>Mrittika Dey</name></h1>
                     <!-- project list 2 -->
                     <div style="display: flex; align-items: center; padding: 10px; margin-top: 10px;">
                         <!-- Image Container -->
-                        <div style="flex: 0 0 25%; padding-right: 5px;">
+                        <div style="flex: 1; padding-right: 5px;">
                             <img src='images/backward_SF_project7.jpg' width="150" height="110" alt="psychometric-fitting-image">
                         </div>
                         
                         <!-- Text and Button Container -->
-                        <div style="flex: 1; text-align: left;">
+                        <div style="flex: 3; text-align: left;">
                             <button style="border: 0px transparent; background-color: transparent; outline: none; font-size: larger;" type="button" data-toggle="collapse" data-target="#project7”>
                                 <papertitle><big>Coarse-to-fine integration in human face identity recognition</big></papertitle>
                                 <br>
-                                <p><a href="http://dx.doi.org/10.13140/RG.2.2.10177.98409" target="_blank”>[poster]</a></p>                    
+                                <p style="margin-top: 5px;"><a href="http://dx.doi.org/10.13140/RG.2.2.10177.98409" target="_blank”>[poster]</a></p>                    
                             </button>
                             <div id="project7” class="collapse">
                                 <br>
@@ -327,16 +327,16 @@ <h1  style="text-align:center"><name>Mrittika Dey</name></h1>
                     <!-- project list 3 -->
                     <div style="display: flex; align-items: center; padding: 10px; margin-top: 10px;">
                         <!-- Image Container -->
-                        <div style="flex: 0 0 25%; padding-right: 5px;">
+                        <div style="flex: 1; padding-right: 5px;">
                             <img src='images/msc_thesis.png' width="150" height="110" alt="brain-states-image">
                         </div>
                         
                         <!-- Text and Button Container -->
-                        <div style="flex: 1; text-align: left;">
+                        <div style="flex: 3; text-align: left;">
                             <button style="border: 0px transparent; background-color: transparent; outline: none; font-size: larger;" type="button" data-toggle="collapse" data-target="#project1”>
                                 <papertitle><big>Characterizing Temporally Resolved Connectivity Patterns in Transient Brain States with Lifespan Aging</big></papertitle>
                                 <br>
-                                <p><a href="data/MSc_Thesis/Mrittika_Dey_MSc_Dissertation.pdf" target="_blank”>[thesis]</a>
+                                <p style="margin-top: 5px;"><a href="data/MSc_Thesis/Mrittika_Dey_MSc_Dissertation.pdf" target="_blank”>[thesis]</a>
                                 <a href="data/MSc_Thesis/Thesis_slides.pdf" target="_blank">[slides] </a></p>                       
                             </button>
                             <div id="project1” class="collapse">
@@ -352,16 +352,16 @@ <h1  style="text-align:center"><name>Mrittika Dey</name></h1>
                     <!-- project list 4 -->
                     <div style="display: flex; align-items: center; padding: 10px; margin-top: 10px;">
                         <!-- Image Container -->
-                        <div style="flex: 0 0 25%; padding-right: 5px;">
+                        <div style="flex: 1; padding-right: 5px;">
                             <img src='images/comp_neuro_proj.png' width="150" height="120" alt=“prescott2009-image">
                         </div>
                         
                         <!-- Text and Button Container -->
-                        <div style="flex: 1; text-align: left;">
+                        <div style="flex: 3; text-align: left;">
                             <button style="border: 0px transparent; background-color: transparent; outline: none; font-size: larger;" type="button" data-toggle="collapse" data-target="#project2”>
                                 <papertitle><big>Replicating the paper "Biophysical Basis for Three Distinct Dynamical Mechanisms of Action Potential Initiation</big></papertitle>
                                 <br>
-                                <p><a href="https://journals.plos.org/ploscompbiol/article?id=10.1371/journal.pcbi.1000198" target="_blank">[Original paper]</a>
+                                <p style="margin-top: 5px;"><a href="https://journals.plos.org/ploscompbiol/article?id=10.1371/journal.pcbi.1000198" target="_blank">[Original paper]</a>
                                 <a href="https://github.com/mrittika-dey/Prescott-et-al-2008-project" target="_blank">[code]</a>
                                 <a href="data/Comp_Neuro_NBRC_project/Action Potential initiation_Report.docx.pdf" target="_blank">[report]</a>
                                 <a href="data/Comp_Neuro_NBRC_project/comp_neuro_slides.pdf" target="_blank">[slides]</a></p>                   
@@ -379,16 +379,16 @@ <h1  style="text-align:center"><name>Mrittika Dey</name></h1>
                     <!-- project list 5 -->
                     <div style="display: flex; align-items: center; padding: 10px; margin-top: 10px;">
                         <!-- Image Container -->
-                        <div style="flex: 0 0 25%; padding-right: 5px;">
+                        <div style="flex: 1; padding-right: 5px;">
                             <img src='images/camp_project_1-1.png' width="150" height="120" alt=“camp1-image">
                         </div>
                         
                         <!-- Text and Button Container -->
-                        <div style="flex: 1; text-align: left;">
+                        <div style="flex: 3; text-align: left;">
                             <button style="border: 0px transparent; background-color: transparent; outline: none; font-size: larger;" type="button" data-toggle="collapse" data-target="#project3”>
                                 <papertitle><big>FitzHugh-Nagumo-ing the Hodgkin-Huxley model with RNNs</big></papertitle>
                                 <br>
-                                <p><a href="data/CAMP Projects/Project 1/CAMP_Project_RNNs.pdf" target="_blank">[slides]</a>
+                                <p style="margin-top: 5px;"><a href="data/CAMP Projects/Project 1/CAMP_Project_RNNs.pdf" target="_blank">[slides]</a>
                                 <a href="https://github.com/mrittika-dey/hh_rnn" target="_blank"> [code]</a></p>         
                             </button>
                             <div id="project3” class="collapse">
@@ -404,16 +404,16 @@ <h1  style="text-align:center"><name>Mrittika Dey</name></h1>
                     <!-- project list 6 -->
                     <div style="display: flex; align-items: center; padding: 10px; margin-top: 10px;">
                         <!-- Image Container -->
-                        <div style="flex: 0 0 25%; padding-right: 5px;">
+                        <div style="flex: 1; padding-right: 5px;">
                             <img src='images/camp_project_2-1.png' width="150" height="110" alt=“camp2-image">
                         </div>
                         
                         <!-- Text and Button Container -->
-                        <div style="flex: 1; text-align: left;">
+                        <div style="flex: 3; text-align: left;">
                             <button style="border: 0px transparent; background-color: transparent; outline: none; font-size: larger;" type="button" data-toggle="collapse" data-target="#project4”>
                                 <papertitle><big>Replicating the paper "Accurate Path Integration in Continuous Attractor Network Models of Grid Cells"</big></papertitle>
                                 <br>
-                                <p><a href="https://journals.plos.org/ploscompbiol/article?id=10.1371/journal.pcbi.1000291" target="_blank">[Original paper]</a> 
+                                <p style="margin-top: 5px;"><a href="https://journals.plos.org/ploscompbiol/article?id=10.1371/journal.pcbi.1000291" target="_blank">[Original paper]</a> 
                                 <a href="CAMP Projects/Project 2/CAMP_Project_Grid_Cells.pdf" target="_blank"> [slides]</a>
                                 <a href="https://github.com/mrittika-dey/CAN_GridCells" target="_blank"> [code]</a></p>                                             
                             </button>
@@ -431,16 +431,16 @@ <h1  style="text-align:center"><name>Mrittika Dey</name></h1>
                     <div style="display: flex; align-items: center; padding: 10px; margin-top: 10px;">
                         <!-- start the flex -->
                         <!-- Image Container -->
-                        <div style="flex: 0 0 25%; padding-right: 5px;">
+                        <div style="flex: 1; padding-right: 5px;">
                             <img src='images/nma-logo.png' width="120" height="100" alt="NMA Logo">
                         </div>
                         
                         <!-- Text and Button Container -->
-                        <div style="flex: 1; text-align: left;">
+                        <div style="flex: 3; text-align: left;">
                             <button style="border: 0px transparent; background-color: transparent; outline: none; font-size: larger;" type="button" data-toggle="collapse" data-target="#project5">
                                 <papertitle><big>Brain Connectivity in Emotion Processing</big></papertitle>
                                 <br>
-                                <p><a href="data/NMA Project/NMA_Emoti-Conn.pdf" target="_blank">[slides]</a></p>                    
+                                <p style="margin-top: 5px;"><a href="data/NMA Project/NMA_Emoti-Conn.pdf" target="_blank">[slides]</a></p>                    
                             </button>
                             <div id="project5" class="collapse">
                                 <br>