add images, fix affilations

Author: Allakhverdov Eduard

project/index.html

@@ -71,18 +71,20 @@ <h1 class="title is-1 publication-title">Image Reconstruction as a Tool for Feat
             </div>
             <div class="is-size-5 publication-authors">
               <span class="author-block">
-                AIRI, Moscow, Russia<br>
-                MIPT, Dolgoprudny, Russia
+                <a><strong>Eduard Allakhverdov</strong></a><sup>§†</sup>,&nbsp;
               </span>
               <span class="author-block">
-                AIRI, Moscow, Russia
+                <a><strong>Dmitrii Tarasov</strong></a><sup>§</sup>,&nbsp;
               </span>
               <span class="author-block">
-                AIRI, Moscow, Russia
+                <a><strong>Elizaveta Goncharova</strong></a><sup>§</sup>,&nbsp;
               </span>
               <span class="author-block">
-                AIRI, Moscow, Russia
+                <a><strong>Andrey Kuznetsov</strong></a><sup>§</sup>,&nbsp;
               </span>
+              <ul>
+                <sup>§</sup> AIRI, <sup>†</sup> MIPT
+              </ul>
             </div>
 
             <div class="column has-text-centered">
@@ -150,41 +152,56 @@ <h2 class="title is-3">Abstract</h2>
       <!-- Базовые результаты: siglip vs siglip2 -->
       <!-- Нужно четко подчеркнуть какие различия между модельками -->
       <!-- И как это влияет на реконструкцию -->
-      <!--  -->
+
+    <div class="columns is-centered has-text-centered">
+      <div class="column is-four-fifths">
+        <h2 class="title is-3" style="white-space: nowrap;">Interpretability metric</h2>
+        <div class="content has-text-justified">
+          <div style="text-align: center;">
+          <img src="./static/images/features_reconstruction.drawio.png" alt="Data Mixture" width="900">
+          <p class="caption" style="width: 100%; text-align: center;">
+            <b>Figure 1. Image reconstructor training.</b> For pretrained model we train a reconstructor model that restores the image from the feature space.
+          </p>
+          <img src="./static/images/reconstruction_results.png" alt="Data Mixture" width="900">
+          <p class="caption" style="width: 100%; text-align: center;">
+            <b>Figure 2. Reconstruction results.</b> We show the results of the reconstruction for SigLip and SigLip2 for different image resultions.
+          </p>
+        </div>
+        </div>
+        <br><br>
+      </div>
+    </div>
 
   <!-- (2) Feature-space transformations -->
       <!-- Текстовое объяснение -->
       <!-- Визуализация фреймворка: обобщил оператор в пр-ве картинок и в пр-ве фичей -->
-      <!-- Сделать видос с визуализацией фреймворка -->
       <!-- Примеры работы с RGB -->
       <!-- Примеры работы с отключением одного канала (ожелтением) -->
+      <!-- Примеры Спектра такой м-цы, показать, что только небольшое кол-во каналов меняется -->
       <!--  -->
 
-
-  <!-- Image carousel -->
-  <section class="hero is-small">
-    <div class="hero-body">
-      <div class="container">
-        <div id="results-carousel" class="carousel results-carousel">
-          <div class="item">
-            <!-- Your image here -->
-            <img src="static/images/v1_vs_v2.png" alt="Comparison of SigLIP and SigLIP2 reconstructions" />
-            <h2 class="subtitle has-text-centered">
-              Comparison of image reconstructions from SigLIP and SigLIP2 feature spaces.
-            </h2>
+      <div class="columns is-centered has-text-centered">
+        <div class="column is-four-fifths">
+          <h2 class="title is-3" style="white-space: nowrap;">Feature-space transformations</h2>
+          <div class="content has-text-justified">
+            <div style="text-align: center;">
+            <img src="./static/images/features_reconstruction_manipulation.drawio.png" alt="Data Mixture" width="900">
+            <p class="caption" style="width: 100%; text-align: center;">
+              <b>Figure 3. Feature-space transformations.</b> We then calculate Q matrix for feature-space manupulation.
+            </p>
+            <img src="./static/images/rb_swap.png" alt="Data Mixture" width="900">
+            <p class="caption" style="width: 100%; text-align: center;">
+              <b>Figure 4. Red-blue channel swap samples.</b> We then calculate Q matrix for feature-space manupulation.
+            </p>
+            <img src="./static/images/rb_swap_eigenvalues.png" alt="Data Mixture" width="900">
+            <p class="caption" style="width: 100%; text-align: center;">
+              <b>Figure 5. 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 class="item">
-            <!-- Your image here -->
-            <img src="static/images/rb_swap.png" alt="Red-Blue channel swap visualization" />
-            <h2 class="subtitle has-text-centered">
-              Visualization of feature space manipulation through red-blue channel swap.
-            </h2>
           </div>
+          <br><br>
         </div>
       </div>
-    </div>
-  </section>
-  <!-- End image carousel -->