update: ct2mri proj page (v3)

Author: CKBling

ct2mri2024/index.html

@@ -1012,27 +1012,21 @@ <h3 class="title is-3 has-text-centered">Main Results</h3>
 
         <br>
         <h4 class="title is-4 has-text-centered">In-house Dataset (CT$\rightarrow$MRI)</h4>
-        <section class="hero is-light is-small">
-          <div class="content has-text-centered">
-            <img src="./static/images/fig_4.png" alt="In-house data" width="100%">
-          </div>
-        </section>
-
+        <div class="content has-text-justified">
+            <img src="./static/images/fig_4.png" alt="In-house data">
+        </div>
+        
         <br>
         <h4 class="title is-4 has-text-centered">BraTS2023 Dataset (FLAIR$\rightarrow$T1)</h4>
-        <section class="hero is-light is-small">
-          <div class="content has-text-centered">
-            <img src="./static/images/fig_s1.png" alt="BraTS" width="100%">
-          </div>
-        </section>
-
+        <div class="content has-text-justified">
+            <img src="./static/images/fig_s1.png" alt="BraTS">
+        </div>
+        
         <br>
         <h4 class="title is-4 has-text-centered">Quantitative Results</h4>
-        <section class="hero is-light is-small">
-          <div class="content has-text-centered">
-            <img src="./static/images/tab_1.png" alt="quant_res" width="100%">
-          </div>
-        </section>
+        <div class="content has-text-justified">
+            <img src="./static/images/tab_1.png" alt="quant_res">
+        </div>
 
       </div>
     </div>
@@ -1049,34 +1043,27 @@ <h3 class="title is-3 has-text-centered">Additional Studies</h3>
 
         <br>
         <h4 class="title is-4 has-text-centered">Various style keys for SKC (CT$\rightarrow$MRI)</h4>
-        <section class="hero is-light is-small">
-          <div class="content has-text-centered">
-            <img src="./static/images/fig_s3.png" alt="Potsdam supplymentary visualization" width="100%">
-            <br>
-            <p>
-              The figure shows real MRIs of main subject A, another subject X, and Colin 27 Average Brain (public access), along with synthetic MRIs of subject A.
-              Both $\text{Ours}_{\text{X}}$ and $\text{Ours}_{\text{colin}}$ present synthetic MRIs of subject A, each transformed into the respective styles of X and Colin.
-              From the analysis of the intensity histogram presented above, we observe that $\text{Ours}_{\text{X}}$ closely matches the MRI histogram of subject X, while $\text{Ours}_{\text{colin}}$ aligns with that of Colin.
-              This demonstrates that the style of MRIs can be effectively controlled using SKC.
-            </p>
-          </div>
-        </section>
+        <div class="content has-text-justified">
+          <img src="./static/images/fig_s3.png" alt="Potsdam supplymentary visualization">
+          <p>
+            The figure shows real MRIs of main subject A, another subject X, and Colin 27 Average Brain (public access), along with synthetic MRIs of subject A.
+            Both $\text{Ours}_{\text{X}}$ and $\text{Ours}_{\text{colin}}$ present synthetic MRIs of subject A, each transformed into the respective styles of X and Colin.
+            From the analysis of the intensity histogram presented above, we observe that $\text{Ours}_{\text{X}}$ closely matches the MRI histogram of subject X, while $\text{Ours}_{\text{colin}}$ aligns with that of Colin.
+            This demonstrates that the style of MRIs can be effectively controlled using SKC.
+          </p>
+        </div>
 
         <br>
         <h4 class="title is-4 has-text-centered">Ablation Studies for SKC and ISTA (Qualitative)</h4>
-        <section class="hero is-light is-small">
-          <div class="content has-text-centered">
-            <img src="./static/images/fig_s2.png" alt="Potsdam supplymentary visualization" width="100%">
-          </div>
-        </section>
+        <div class="content has-text-justified">
+          <img src="./static/images/fig_s2.png" alt="Potsdam supplymentary visualization">
+        </div>
 
         <br>
         <h4 class="title is-4 has-text-centered">Ablation Studies for SKC and ISTA (Quantitative)</h4>
-        <section class="hero is-light is-small">
-          <div class="content has-text-centered">
-            <img src="./static/images/tab_2.png" alt="Potsdam supplymentary visualization" width="100%">
-          </div>
-        </section>
+        <div class="content has-text-justified">
+            <img src="./static/images/tab_2.png" alt="Potsdam supplymentary visualization">
+        </div>
 
       </div>
     </div>