Skip to content

Commit

Permalink
responsive webpage
Browse files Browse the repository at this point in the history
  • Loading branch information
hkchengrex committed Dec 8, 2024
1 parent 496e618 commit 171a9ce
Showing 1 changed file with 49 additions and 63 deletions.
112 changes: 49 additions & 63 deletions docs/video_vgg.html
Original file line number Diff line number Diff line change
Expand Up @@ -85,79 +85,65 @@ <h2 style="text-align: center;">Comparisons with state-of-the-art methods in VGG
</div>

</div>

<div id="vgg2">
<h2 style="text-align: center;">Comparisons with state-of-the-art methods in VGGSound</h2>
<p>Example 2: Striking a golf ball. <span style="float:right;"><a href="#index">Back to index</a></span> </p>
<h2 style="text-align: center;">Comparisons with state-of-the-art methods in VGGSound</h2>
<p style="overflow: hidden;">
Example 2: Striking a golf ball.
<span style="float:right;"><a href="#index">Back to index</a></span>
</p>

<table>
<thead>
<tr>
<th>Ground-truth</th>
<th>Ours</th>
<th>V2A-Mapper</th>
<th>FoleyCrafter</th>
</tr>
</thead>
<tbody>
<tr>
<td width="25%">
<div class="video-container">
<div class="row g-1">
<div class="col-sm-3">
<div class="video-header">Ground-truth</div>
<div class="video-container">
<iframe src="https://youtube.com/embed/1hwSu42kkho"></iframe>
</div>
</td>
<td width="25%">
<div class="video-container">
</div>
</div>
<div class="col-sm-3">
<div class="video-header">Ours</div>
<div class="video-container">
<iframe src="https://youtube.com/embed/kZibDoDCNxI"></iframe>
</div>
</td>
<td width="25%">
<div class="video-container">
</div>
</div>
<div class="col-sm-3">
<div class="video-header">V2A-Mapper</div>
<div class="video-container">
<iframe src="https://youtube.com/embed/jgKfLBLhh7Y"></iframe>
</div>
</td>
<td width="25%">
<div class="video-container">
</div>
</div>
<div class="col-sm-3">
<div class="video-header">FoleyCrafter</div>
<div class="video-container">
<iframe src="https://youtube.com/embed/Lfsx8mOPcJo"></iframe>
</div>
</td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>Frieren</th>
<th>VATT</th>
<th>V-AURA</th>
<th>Seeing and Hearing</th>
</tr>
</thead>
<tbody>
<tr>
<td width="25%">
<div class="video-container">
</div>
</div>
</div>
<div class="row g-1">
<div class="col-sm-3">
<div class="video-header">Frieren</div>
<div class="video-container">
<iframe src="https://youtube.com/embed/tz-LpbB0MBc"></iframe>
</div>
</td>
<td width="25%">
<div class="video-container">
</div>
</div>
<div class="col-sm-3">
<div class="video-header">VATT</div>
<div class="video-container">
<iframe src="https://youtube.com/embed/RTDUHMi08n4"></iframe>
</div>
</td>
<td width="25%">
<div class="video-container">
</div>
</div>
<div class="col-sm-3">
<div class="video-header">V-AURA</div>
<div class="video-container">
<iframe src="https://youtube.com/embed/N-3TDOsPnZQ"></iframe>
</div>
</td>
<td width="25%">
<div class="video-container">
</div>
</div>
<div class="col-sm-3">
<div class="video-header">Seeing and Hearing</div>
<div class="video-container">
<iframe src="https://youtube.com/embed/QnsHnLn4gB0"></iframe>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>

<div id="vgg3">
Expand Down

0 comments on commit 171a9ce

Please sign in to comment.