70 percent

Author: Dmitrii Tarasov

project/index.html

@@ -172,16 +172,19 @@ <h2 class="title is-3" style="white-space: nowrap;">Reconstruct images from feat
     <div class="column is-four-fifths">
       <h2 class="title is-3" style="white-space: nowrap;">Feature-space transformations. Q matrix Calculation and Application.</h2>
       <div class="content has-text-justified">
-        <div style="text-align: center;">
-          <img src="./static/images/features_reconstruction_manipulation_train_Q.drawio.png" alt="features_reconstruction_manipulation_train_Q" width="70%">
-          <p class="caption" style="width: 70%; text-align: center;">
-            <b>Figure 3. Feature-space transformations. Q matrix Calculation.</b> We then calculate Q matrix for feature-space manupulation.
-          </p>
-          <br><br>
-          <img src="./static/images/features_reconstruction_manipulation_eval_Q.drawio.png" alt="features_reconstruction_manipulation_eval_Q" width="70%">
-          <p class="caption" style="width: 70%; text-align: center;">
-            <b>Figure 4. Feature-space transformations. Q matrix Application.</b> After Q matrix is calculated, we apply it to the feature space. For each patch embedding.
-          </p>
+        <div class="columns is-centered">
+          <div class="column is-half">
+            <img src="./static/images/features_reconstruction_manipulation_train_Q.drawio.png" alt="features_reconstruction_manipulation_train_Q" width="100%">
+            <p class="caption" style="width: 70%; text-align: center;">
+              <b>Figure 3. Feature-space transformations. Q matrix Calculation.</b> We then calculate Q matrix for feature-space manupulation.
+            </p>
+          </div>
+          <div class="column is-half">
+            <img src="./static/images/features_reconstruction_manipulation_eval_Q.drawio.png" alt="features_reconstruction_manipulation_eval_Q" width="100%">
+            <p class="caption" style="width: 70%; text-align: center;">
+              <b>Figure 4. Feature-space transformations. Q matrix Application.</b> After Q matrix is calculated, we apply it to the feature space. For each patch embedding.
+            </p>
+          </div>
         </div>
       </div>
       <br><br>
@@ -192,16 +195,19 @@ <h2 class="title is-3" style="white-space: nowrap;">Feature-space transformation
     <div class="column is-four-fifths">
       <h2 class="title is-3" style="white-space: nowrap;">Feature-space transformations. Color Swap Examples.</h2>
       <div class="content has-text-justified">
-        <div style="text-align: center;">
-          <img src="./static/images/rb_swap.png" alt="rb_swap" width="70%">
-          <p class="caption" style="width: 70%; text-align: center;">
-            <b>Figure 5. Red-blue channel swap samples.</b>
-          </p>
-          <br><br>
-          <img src="./static/images/color_swap_all_eigen_values.png" alt="color_swap_all_eigen_values" width="70%">
-          <p class="caption" style="width: 70%; text-align: center;">
-            <b>Figure 6. Eigenvalues for red-blue channel swap matrix.</b> Majority of eigenvalues are close to 1, which means that the transformation is close to an identity matrix. While the other cluster of eigenvalues are close to -1, which means that for these channels direction is changed to the opposite.
-          </p>
+        <div class="columns is-centered">
+          <div class="column is-half">
+            <img src="./static/images/rb_swap.png" alt="rb_swap" width="100%">
+            <p class="caption" style="width: 100%; text-align: center;">
+              <b>Figure 5. Red-blue channel swap samples.</b>
+            </p>
+          </div>
+          <div class="column is-half">
+            <img src="./static/images/color_swap_all_eigen_values.png" alt="color_swap_all_eigen_values" width="100%">
+            <p class="caption" style="width: 100%; text-align: center;">
+              <b>Figure 6. Eigenvalues for red-blue channel swap matrix.</b> Majority of eigenvalues are close to 1, which means that the transformation is close to an identity matrix. While the other cluster of eigenvalues are close to -1, which means that for these channels direction is changed to the opposite.
+            </p>
+          </div>
         </div>
       </div>
       <br><br>
@@ -212,16 +218,19 @@ <h2 class="title is-3" style="white-space: nowrap;">Feature-space transformation
     <div class="column is-four-fifths">
       <h2 class="title is-3" style="white-space: nowrap;">Feature-space transformations. Blue Channel Suppression.</h2>
       <div class="content has-text-justified">
-        <div style="text-align: center;">
-          <img src="./static/images/b_suppression_all_transformations.png" alt="b_suppression_all_transformations" width="70%">
-          <p class="caption" style="width: 70%; text-align: center;">
-            <b>Figure 7. Blue channel suppression samples.</b>
-          </p>
-          <br><br>
-          <img src="./static/images/b_suppression_all_eigen_values.png" alt="b_suppression_all_eigen_values" width="70%">
-          <p class="caption" style="width: 70%; text-align: center;">
-            <b>Figure 8. Eigenvalues for blue channel suppression matrix.</b>
-          </p>
+        <div class="columns is-centered">
+          <div class="column is-half">
+            <img src="./static/images/b_suppression_all_transformations.png" alt="b_suppression_all_transformations" width="100%">
+            <p class="caption" style="width: 100%; text-align: center;">
+              <b>Figure 7. Blue channel suppression samples.</b>
+            </p>
+          </div>
+          <div class="column is-half">
+            <img src="./static/images/b_suppression_all_eigen_values.png" alt="b_suppression_all_eigen_values" width="100%">
+            <p class="caption" style="width: 100%; text-align: center;">
+              <b>Figure 8. Eigenvalues for blue channel suppression matrix.</b>
+            </p>
+          </div>
         </div>
       </div>
       <br><br>