diff --git a/index.html b/index.html
index 1b6a8f90..78d9b500 100644
--- a/index.html
+++ b/index.html
@@ -81,7 +81,7 @@ <h1 class="xtitle is-1 publication-title">Using Exploratory Search to Learn Repr
                     <div class="publication-links">
                          <!-- Arxiv PDF link -->
                       <span class="link-block">
-                        <a href="https://arxiv.org/pdf/<ARXIV PAPER ID>.pdf" target="_blank"
+                        <a href="static/pdfs/CLEA.pdf" target="_blank"
                         class="external-link ">
                         <span class="icon">
                           <i class="fas fa-file-pdf"></i>
@@ -91,19 +91,19 @@ <h1 class="xtitle is-1 publication-title">Using Exploratory Search to Learn Repr
                     </span>
 
                     <!-- Supplementary PDF link -->
-                    <span class="link-block">
-                      <a href="static/pdfs/supplementary_material.pdf" target="_blank"
+                    <!-- <span class="link-block">
+                      <a href="static/pdfs/CLEA.pdf" target="_blank"
                       class="external-link ">
                       <span class="icon">
                         <i class="fas fa-file-pdf"></i>
                       </span>
                       <span>Supplementary</span>
                     </a>
-                  </span>
+                  </span> -->
 
                   <!-- Github link -->
                   <span class="link-block">
-                    <a href="https://github.com/YOUR REPO HERE" target="_blank"
+                    <a href="https://github.com/ndennler/exploratory_action_representations" target="_blank"
                     class="external-link ">
                     <span class="icon">
                       <i class="fab fa-github"></i>
@@ -113,7 +113,7 @@ <h1 class="xtitle is-1 publication-title">Using Exploratory Search to Learn Repr
                 </span>
 
                 <!-- ArXiv abstract Link -->
-                <span class="link-block">
+                <!-- <span class="link-block">
                   <a href="https://arxiv.org/abs/<ARXIV PAPER ID>" target="_blank"
                   class="external-link ">
                   <span class="icon">
@@ -121,7 +121,8 @@ <h1 class="xtitle is-1 publication-title">Using Exploratory Search to Learn Repr
                   </span>
                   <span>arXiv</span>
                 </a>
-              </span>
+              </span> -->
+
             </div>
           </div>
         </div>
@@ -131,7 +132,7 @@ <h1 class="xtitle is-1 publication-title">Using Exploratory Search to Learn Repr
 </section>
 
 
-<section class="hero teaser">
+<!-- <section class="hero teaser">
   <div class="container is-max-desktop">
 <div class="marquee-wrapper">
 	<div class="container">
@@ -140,11 +141,11 @@ <h1 class="xtitle is-1 publication-title">Using Exploratory Search to Learn Repr
 				<span>
 					<div class="marquee-item">
             <img src="static/images/carousel1.jpg" alt="MY ALT TEXT"/>
-						<p class="text-white">1</p>
+						<p class="text-white">slay</p>
 					</div>
 					<div class="marquee-item">
             <img src="static/images/carousel2.jpg" alt="MY ALT TEXT"/>
-						<p class="text-white">2</p>
+						<p class="text-white">yas</p>
 					</div>
 					<div class="marquee-item">
             <img src="static/images/carousel3.jpg" alt="MY ALT TEXT"/>
@@ -185,14 +186,13 @@ <h1 class="xtitle is-1 publication-title">Using Exploratory Search to Learn Repr
 		</div>
 
   </div>
-</section>
+</section> -->
 
 <!-- Teaser video-->
-<section class="hero teaser">
+<!-- <section class="hero teaser">
   <div class="container is-max-desktop">
     <div class="hero-body">
       <video poster="" id="tree" autoplay controls muted loop height="100%">
-        <!-- Your video here -->
         <source src="static/videos/banner_video.mp4"
         type="video/mp4">
       </video>
@@ -201,7 +201,7 @@ <h2 class="subtitle has-text-centered">
       </h2>
     </div>
   </div>
-</section>
+</section> -->
 <!-- End teaser video -->
 
 <!-- Paper abstract -->
@@ -212,7 +212,16 @@ <h2 class="subtitle has-text-centered">
         <h2 class="title is-3">Abstract</h2>
         <div class="content has-text-justified">
           <p>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ullamcorper tellus sed ante aliquam tempus. Etiam porttitor urna feugiat nibh elementum, et tempor dolor mattis. Donec accumsan enim augue, a vulputate nisi sodales sit amet. Proin bibendum ex eget mauris cursus euismod nec et nibh. Maecenas ac gravida ante, nec cursus dui. Vivamus purus nibh, placerat ac purus eget, sagittis vestibulum metus. Sed vestibulum bibendum lectus gravida commodo. Pellentesque auctor leo vitae sagittis suscipit.
+            Robots that interact with humans must adapt to the different preferences of human users. 
+            However, the time and effort needed for non-expert users to specify their preferences for a robot 
+            are a barrier to effective robot adaptation. 
+            Better representations of user preferences in the form of learned features have the potential to 
+            facilitate robot adaptation. 
+            In this work, we propose a method to learn representations using Contrastive Learning from Exploratory 
+            Actions (CLEA) that leverages data automatically collected from an interactive signal design process 
+            to better learn user preferences. 
+            We show that using data collected automatically from the design process can aid with learning user 
+            preferences compared to purely self-supervised learning.
           </p>
         </div>
       </div>
@@ -223,33 +232,29 @@ <h2 class="title is-3">Abstract</h2>
 
 
 <!-- Image carousel -->
-<section class="hero is-small">
+<!-- <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/carousel1.jpg" alt="MY ALT TEXT"/>
         <h2 class="subtitle has-text-centered">
           First image description.
         </h2>
       </div>
       <div class="item">
-        <!-- Your image here -->
         <img src="static/images/carousel2.jpg" alt="MY ALT TEXT"/>
         <h2 class="subtitle has-text-centered">
           Second image description.
         </h2>
       </div>
       <div class="item">
-        <!-- Your image here -->
         <img src="static/images/carousel3.jpg" alt="MY ALT TEXT"/>
         <h2 class="subtitle has-text-centered">
          Third image description.
        </h2>
      </div>
      <div class="item">
-      <!-- Your image here -->
       <img src="static/images/carousel4.jpg" alt="MY ALT TEXT"/>
       <h2 class="subtitle has-text-centered">
         Fourth image description.
@@ -258,7 +263,7 @@ <h2 class="subtitle has-text-centered">
   </div>
 </div>
 </div>
-</section>
+</section> -->
 <!-- End image carousel -->
 
 
@@ -275,7 +280,7 @@ <h2 class="title is-3">Video Presentation</h2>
           
           <div class="publication-video">
             <!-- Youtube embed code here -->
-            <iframe src="https://www.youtube.com/embed/JkaxUblCGz0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
+            <iframe src="https://youtu.be/IOJ1xDy0DEE" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
           </div>
         </div>
       </div>
@@ -286,28 +291,25 @@ <h2 class="title is-3">Video Presentation</h2>
 
 
 <!-- Video carousel -->
-<section class="hero is-small">
+<!-- <section class="hero is-small">
   <div class="hero-body">
     <div class="container">
       <h2 class="title is-3">Another Carousel</h2>
       <div id="results-carousel" class="carousel results-carousel">
         <div class="item item-video1">
           <video poster="" id="video1" autoplay controls muted loop height="100%">
-            <!-- Your video file here -->
             <source src="static/videos/carousel1.mp4"
             type="video/mp4">
           </video>
         </div>
         <div class="item item-video2">
           <video poster="" id="video2" autoplay controls muted loop height="100%">
-            <!-- Your video file here -->
             <source src="static/videos/carousel2.mp4"
             type="video/mp4">
           </video>
         </div>
         <div class="item item-video3">
           <video poster="" id="video3" autoplay controls muted loop height="100%">\
-            <!-- Your video file here -->
             <source src="static/videos/carousel3.mp4"
             type="video/mp4">
           </video>
@@ -315,7 +317,7 @@ <h2 class="title is-3">Another Carousel</h2>
       </div>
     </div>
   </div>
-</section>
+</section> -->
 <!-- End video carousel -->
 
 
@@ -338,7 +340,13 @@ <h2 class="title">Poster</h2>
   <section class="section" id="BibTeX">
     <div class="container is-max-desktop content">
       <h2 class="title">BibTeX</h2>
-      <pre><code>BibTex Code Here</code></pre>
+      <pre><code>
+        @inproceedings{dennler2024exploratory,
+          title={Using Exploratory Search to Learn Represerations for Human Preferences},
+          author={Dennler, Nathaniel and Nikolaidisk, Stefanos and Matari{\'c}, Maja},
+          booktitle={Companion of the 2024 ACM/IEEE International Conference on Human-Robot Interaction},
+          year={2024}
+        }</code></pre>
     </div>
 </section>
 <!--End BibTex citation -->
diff --git a/static/pdfs/CLEA.pdf b/static/pdfs/CLEA.pdf
new file mode 100644
index 00000000..5bc986e6
Binary files /dev/null and b/static/pdfs/CLEA.pdf differ
diff --git a/static/pdfs/sample.pdf b/static/pdfs/sample.pdf
deleted file mode 100644
index 80f9dedb..00000000
Binary files a/static/pdfs/sample.pdf and /dev/null differ