updated the canvas for CVPR

Author: Iro Armeni

assets/css/style.css

@@ -144,7 +144,7 @@ h6 {
 #start {
   width: 100%;
   height: 80vh;
-  background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.0)), url("../img/canvas-bg.png") top center;
+  background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.0)), url("../img/gif/canvas2.gif") top center;
   background-size: cover;
   position: relative;
   margin-bottom: -90px;

assets/img/gif/canvas.gif

@@ -60,46 +60,28 @@ <h2>An ever-changing community-generated AR canvas</h2>
 
         <div class="section-title" data-aos="fade-in" data-aos-delay="100">
           <h2>What is a Gradient Canvas?</h2>
-          <p>Gradient Canvas is an interactive augmented reality (AR) art project that bridges the physical and digital worlds through collective creativity. In the real world, the canvas appears empty except for the phrase "This is not a painting"—a playful nod to René Magritte. But by scanning a QR code, users reveal a dynamic digital artwork that evolves with each interaction. Anyone can contribute by selecting a section of the canvas and using a simple text prompt to generate new content, powered by advanced AI. Over time, the canvas transforms organically, reflecting the imagination of its participants. Visitors can explore past versions of the artwork and a physical exhibition will also be hosted to showcase the most compelling creations. Gradient Canvas invites you to become part of an ever-changing, collective artistic experience where technology and creativity merge in real-time.</p>
+          <p>Gradient Canvas is an augmented reality (AR) community art project that blurs the boundaries between the physical and digital worlds through collective creativity. In the physical space, the artwork presents an empty canvas with the inscription: “This is not a painting” — a playful homage to René Magritte’s famous work “The Treachery of Images” (“Ceci n’est pas une pipe”). However, in the digital realm, the canvas is alive and ever-evolving, shaped continuously by the creative input of interacting users.</p></br>
+
+          <p>By scanning a QR code displayed beside the physical frame, viewers unlock an AR experience where the current digital canvas overlays seamlessly onto the empty frame. Users can explore a historical timeline of all previous canvases, witnessing the project’s evolution, or engage directly with the canvas. Those who choose to interact are invited to select a region of the canvas to modify. Through a simple text prompt, users guide a diffusion model to generate and inpaint new content within their chosen area. This interaction allows the canvas to organically transform over time, reflecting the collective imagination of its participants.</p>
+
+          <br><br>
+          <iframe width="747" height="420" src="https://www.youtube.com/embed/vXbXFMHvfnY?si=mHvECE7XJVRFRK6g" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
         </div>
 
       </div>
     </section>
-
-    <!-- ======= Canvas Over Time ======= -->
-    <section id="visualize" class="section">
+    
+    <section id="about" class="section">
       <div class="container">
 
         <div class="section-title" data-aos="fade-in" data-aos-delay="100">
-          <h2>Gradient Canvas Over Time</h2>
-
-          <div class="row" style="align-items: center;">
-            <div class="col-lg-6 col-md-12">
-                <img src="assets/img/canvas_snippet.gif" alt="GradientCanvas"> 
-            </div>
-
-            <div class="col-lg-6 col-md-12" > 
-              <p>The Gradient Canvas evolves over time, shaped by the creativity and interactions of its users.</p>
-              <div class="counts  section-bg">
-                <div class="row">
-                    <div class="col-lg-12 col-md-12 ">
-                        <div class="count-box">
-                          <span data-purecounter-start="0" data-purecounter-end="232" data-purecounter-duration="1" class="purecounter"></span>
-                          <p><strong>Community Interactions</strong> with the Gradient Cavnas</p>
-                        </div>
-                    </div>
-                </div>
-              </div>
-            </div>
-          </div>
+          <h2>Inspiration and Vision</h2>
 
-        </div>
-
-      </div>
-    </section>
+          <p>Gradient Canvas draws inspiration from Reddit Place, reimagining its collaborative spirit through the lens of advanced generative AI and augmented reality. It invites participants to engage in a playful yet profound dialogue between technology and creativity, fostering a shared digital tapestry that evolves with every interaction.</p><br><br>
 
+          <p>By blending collective artistry with cutting-edge computer vision, Gradient Canvas explores how digital and physical realities intertwine, offering a living artwork that is never static—always becoming.</p>
 
-    <!-- ======= Explore the Canvas ======= -->
+    <!-- ======= Explore the Canvas ======= --
     <section id="visualize" class="section">
       <div class="container">
 
@@ -257,7 +239,7 @@ <h4>Iro Armeni</h4>
       <div class="col-lg-12 col-md-12 col-sm-12">
         <p align="center">We would also like to thank for their contributions to the project:</p>
       </div>
-      <div class="col-lg-4">
+      <div class="col-lg-3">
       </div>
       <div class="col-lg-2 col-md-6">
             <div class="member" data-aos="fade-up" data-aos-delay="150">
@@ -285,7 +267,19 @@ <h4>Ata Celen</h4>
               </div>
             </div>
           </div>
-          <div class="col-lg-4">
+          <div class="col-lg-2 col-md-6">
+            <div class="member" data-aos="fade-up" data-aos-delay="300">
+              <div class="pic"><img src="assets/img/team/aycaduran.webp" class="img-fluid" alt=""></div>
+              <div class="member-info">
+                <h4>Ayca Duran</h4>
+                <span>PhD Student, D-ARCH, ETH Zurich</span>
+                <div class="social">
+                  <a href=""><i class="bi bi-linkedin"></i></a>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="col-lg-3">
           </div>
         </div>
       </div>