Skip to content

Commit

Permalink
Update website
Browse files Browse the repository at this point in the history
  • Loading branch information
@yuval-alaluf
yuval-alaluf committed Mar 21, 2024
1 parent ba63fd5 commit 4c224ca
Show file tree
Hide file tree
Showing 2 changed files with 13 additions and 14 deletions.
2 changes: 1 addition & 1 deletion assets/css/main.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3249,7 +3249,7 @@ input, select, textarea {
}

.wrapper.style2 {
background-color: #888888;
background-color: #525252;
}

.wrapper.style2-alt {
Expand Down
25 changes: 12 additions & 13 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -51,20 +51,19 @@ <h2>Personalizing VLMs for User-Specific Queries</h2>
<br><br>
<ul class="actions">
<li><a href="" class="button scrolly">Read Paper</a></li>
<li><a href="" class="button scrolly">Code & Data (Coming Soon)</a></li>
<li><a href="https://github.com/snap-research/MyVLM" class="button scrolly">Code & Data</a></li>
</ul>

</section>

<!-- One -->
<section id="one" class="wrapper style2 spotlights">
<section>
<div class="content">
<div class="content" style="width: 100%">
<div class="inner">
<h2>Overview Video</h2>
<div class="w-embed-youtubevideo stega_movie youtube" id="w-node-e5e45b1d55ac-81500a5f" style="padding-top:56.17021276595745%">
<iframe allow="autoplay; encrypted-media" allowfullscreen="" frameBorder="0"
src="https://www.youtube.com/embed/_sbXmLY2jMw?rel=1&amp;controls=1&amp;autoplay=0&amp;mute=0&amp;start=0"
src="https://www.youtube.com/embed/8Fy17kK_aZY?si=maoSAvt2ANVdqT0C?rel=1&amp;controls=1&amp;autoplay=0&amp;mute=0&amp;start=0"
style="position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:auto"></iframe>
</div>
</div>
Expand Down Expand Up @@ -100,8 +99,8 @@ <h2>Introducing MyVLM</h2>
</div>
<div class="content">
<div class="inner fade-up">
<h2>The Vision Language Models</h2>
<p style="color: #d4d4d4;">We apply MyVLM to various VLM architectures for personalizing captioning, visual question-answering, and referring expression comprehension.</p>
<h2 style="color: #d4d4d4">The Vision Language Models</h2>
<p style="color: #d4d4d4;">We apply MyVLM to various VLM architectures for personalized captioning, visual question-answering, and referring expression comprehension.</p>
<div class="fade-up" style="text-align: center; width: 100%;">
<div style="display: inline-block; width: 30%;">
<a><img style="display: block; width: 100%; text-decoration: none;" src="assets/images/blip-icon.png" alt="" data-position="center center"/></a>
Expand Down Expand Up @@ -158,12 +157,12 @@ <h3>Step 3: <i><b><u>Communicating</u></b></i> the Concept </h3>
<h1>Results</h1>
<ul style="list-style-type: none;">
<li><i class="far fa-user"></i>&nbsp;&nbsp;&nbsp;For each row, we show sample images of the target concept to the left</li>
<li><i class="fas fa-robot"></i>&nbsp;&nbsp;Images to the right represent the input images passed to MyVLM</li>
<li><i class="far fa-comment"></i>&nbsp;&nbsp;&nbsp;Personalized responses generated by MyVLM can be seen by hovering each image</li>
<li><i class="fas fa-robot"></i>&nbsp;&nbsp;The remaining images represent the input images passed to MyVLM</li>
<li><i class="far fa-comment"></i>&nbsp;&nbsp;&nbsp;Personalized responses generated by MyVLM can be seen by hovering over each image</li>
<li><i class="far fa-star"></i>&nbsp;&nbsp;<span>S<sub>*</sub></span> represents our concept's name</li>
</ul>
<h2>Personalized Captioning</h2>
<p><i class="fa fa-pencil"></i>&nbsp;&nbsp;&nbsp;Hover over the images to see the personalized captions!</p>
<p><i class="fa fa-pencil"></i> Hover over the images to see the personalized captions!</p>
<div class="style1 fade-up">
<section>
<div class="image-grid fade-up">
Expand Down Expand Up @@ -366,7 +365,7 @@ <h2>Personalized Captioning</h2>
</section>
<section class="wrapper style2 fade-up">
<div class="inner">
<h2>Personalized Visual Question-Answering</h2>
<h2 style="color: #d4d4d4">Personalized Visual Question-Answering</h2>
<div class="style1 fade-up">
<section>
<div class="image-grid fade-up">
Expand Down Expand Up @@ -498,7 +497,7 @@ <h2>Personalized Visual Question-Answering</h2>
<section class="wrapper style1 fade-up">
<div class="inner">
<h2>Personalized Referring Expression Comprehension</h2>
<p><i class="fa fa-pencil"></i>Hover over the images to see the personalized captions!</p>
<p><i class="fa fa-pencil"></i> Hover over the images to see the personalized captions!</p>
<div class="style1">
<section>
<div class="image-grid fade-up">
Expand Down Expand Up @@ -546,14 +545,14 @@ <h2>Personalized Referring Expression Comprehension</h2>

<section id="acknowledgements" class="wrapper style2 fade-up">
<div class="inner">
<h2>Acknowledgements</h2>
<h2 style="color: #d4d4d4">Acknowledgements</h2>
<p style="color: rgb(220, 220, 220);">
This research was performed while Yuval Alaluf was at Snap.
</p>
<p style="color: rgb(220, 220, 220);">
We would like to thank Assaf Ben-Kish, Or Patashnik, Moran Yanuka, Morris Alper, Yonatan Biton, and Yuwei Fang for their fruitful discussions and valuable input which helped improve this work.
</p>
<h2>BibTeX</h2>
<h2 style="color: #d4d4d4">BibTeX</h2>
<pre><code style="background-color: #fff7ab;">@article{}
</code></pre>
</div>
Expand Down

0 comments on commit 4c224ca

Please sign in to comment.