Update index.html

Signed-off-by: hg-chung <107260735+hg-chung@users.noreply.github.com>

index.html

@@ -125,7 +125,9 @@ <h2 class="title is-3">Abstract</h2>
     </div>
   </div>
 </section>
-<!-- End paper abstract -->
+
+
+<!-- Paper method -->
 
 <section class="section hero is-small">
   <div class="container is-max-desktop">
@@ -141,7 +143,29 @@ <h2 class="subtitle has-text-centered">
   </div>
 </section>
 
-
+<section class="section">
+  <div class="container is-max-desktop">   
+      <div class="columns is-centered">      
+        <div class="column is-full-width">
+          <h2 class="title is-3">Neural Spectro-polarimetric Field (NeSpoF)</h2>
+          <div class="column is-centered has-text-centered"><p>$\mathbf{s}, \sigma = F_\Theta(x,y,z,\theta, \phi, \lambda)$</p></div>
+
+          <img src="./static/images/intro.PNG"
+                 class="interpolation-image"
+                 alt="Network architecture."
+                 width="100%"/> 
+          <p>
+            (a) For each 3D point, its position is used as a query for the diffuse-albedo MLP $\Theta_d$, SDF MLP $\Theta_\text{SDF}$, and specular-basis coefficient MLP $\Theta_c$. 
+            The specular-basis BRDF MLP $\Theta_s$ models specular-basis reflectance, given the incident and outgoing directions $\boldsymbol{\omega_{i}}$ and $\boldsymbol{\omega_{o}}$. 
+            The point-based shadow renderer estimates the point visibility from a light source per each image. By using the diffuse albedo, normals, specular reflectance, and visibility, we compute the radiance for each point. 
+            (b) The radiance is then projected onto a camera plane to render the pixel color through splatting-based differentiable forward rendering.
+          </p>
+        </div>
+      </div>
+    <!--/ Method. -->
+  </div>
+</section>
+
 <!-- Image carousel -->
 <section class="hero is-small">
   <div class="hero-body">