Skip to content

Commit

Permalink
Update index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@SHYuanBest
SHYuanBest authored Jun 27, 2024
1 parent e29385d commit 638f4b4
Showing 1 changed file with 52 additions and 49 deletions.
101 changes: 52 additions & 49 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -162,7 +162,56 @@ <h2 class="subtitle has-text-centered">
<section class="hero teaser">
<div class="container is-max-desktop">
<div class="hero-body">
<table style="width:880px; margin-bottom:10px; border: 1px solid #ddd; margin-left: auto; margin-right: auto; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 14px;">
<table style="width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 14px; text-align: center;">
<thead style="background-color: #f2f2f2; border-bottom: 2px solid #ddd;">
<tr>
<th style="padding: 10px;">Biological</th>
<th style="padding: 10px;">Human Created</th>
<th style="padding: 10px;">Meteorological</th>
<th style="padding: 10px;">Physical</th>
</tr>
</thead>
<tbody>
<tr>
<td><img src="static/videos/A_0_0.gif" alt="Biological" style="width: 235px; height: 235px; padding: 5px 10px;"></td>
<td><img src="static/videos/A_1_0.gif" alt="Human Created" style="width: 235px; height: 235px; padding: 5px 10px;"></td>
<td><img src="static/videos/A_2_0.gif" alt="Meteorological" style="width: 235px; height: 235px; padding: 5px 10px;"></td>
<td><img src="static/videos/A_3_0.gif" alt="Physical" style="width: 235px; height: 235px; padding: 5px 10px;"></td>
</tr>
<tr style="border-bottom: 1px solid #ddd;">
<td style="padding: 2px 10px;">"Time-lapse of microgreens germinating and growing ..."</td>
<td style="padding: 2px 10px;">"Time-lapse of a modern house being constructed in ..."</td>
<td style="padding: 2px 10px;">"Time-lapse of a beach sunset capturing the sun's ..."</td>
<td style="padding: 2px 10px;">"Time-lapse of an ice cube melting on a solid ..."</td>
</tr>
<tr>
<td><img src="static/videos/A_0_1.gif" alt="Biological" style="width: 235px; height: 235px; padding: 5px 10px;"></td>
<td><img src="static/videos/A_1_1.gif" alt="Human Created" style="width: 235px; height: 235px; padding: 5px 10px;"></td>
<td><img src="static/videos/A_2_1.gif" alt="Meteorological" style="width: 235px; height: 235px; padding: 5px 10px;"></td>
<td><img src="static/videos/A_3_1.gif" alt="Physical" style="width: 235px; height: 235px; padding: 5px 10px;"></td>
</tr>
<tr style="border-bottom: 1px solid #ddd;">
<td style="padding: 2px 10px;">"Time-lapse of microgreens germinating and growing ..."</td>
<td style="padding: 2px 10px;">"Time-lapse of a 3D printing process: starting with ..."</td>
<td style="padding: 2px 10px;">"Time-lapse of a solar eclipse showing the moon's ..."</td>
<td style="padding: 2px 10px;">"Time-lapse of a cake baking in an oven, depicting ..."</td>
</tr>
<tr>
<td><img src="static/videos/A_0_2.gif" alt="Biological" style="width: 235px; height: 235px; padding: 5px 10px;"></td>
<td><img src="static/videos/A_1_2.gif" alt="Human Created" style="width: 235px; height: 235px; padding: 5px 10px;"></td>
<td><img src="static/videos/A_2_2.gif" alt="Meteorological" style="width: 235px; height: 235px; padding: 5px 10px;"></td>
<td><img src="static/videos/A_3_2.gif" alt="Physical" style="width: 235px; height: 235px; padding: 5px 10px;"></td>
</tr>
<tr>
<td style="padding: 2px 10px;">"Time-lapse of a butterfly metamorphosis from ..."</td>
<td style="padding: 2px 10px;">"Time-lapse of a busy nighttime city intersection ..."</td>
<td style="padding: 2px 10px;">"Time-lapse of a landscape transitioning from a ..."</td>
<td style="padding: 2px 10px;">"Time-lapse of a strawberry rotting: starting with ..."</td>
</tr>
</tbody>
</table>

<table style="margin-top:20px; width:880px; margin-bottom:20px; border: 1px solid #ddd; margin-left: auto; margin-right: auto; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 14px;">
<thead style="background-color: #f2f2f2;">
<tr style="border-bottom: 1px solid #ddd;">
<th style="padding: 10px; text-align: center;">Backbone</th>
Expand Down Expand Up @@ -232,6 +281,7 @@ <h2 class="subtitle has-text-centered">
</tr>
</tbody>
</table>

<div class="content has-text-justified">
<p style="margin-top: 0;">
<b>Overview of existing T2V benchmarks.</b> We propose ChronoMagic-Bench, a benchmark for <b>metamorphic evaluation</b> of <b>text-to-
Expand All @@ -244,54 +294,7 @@ <h2 class="subtitle has-text-centered">
metrics and perspectives.
</p>
</div>
<table style="width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 14px; text-align: center;">
<thead style="background-color: #f2f2f2; border-bottom: 2px solid #ddd;">
<tr>
<th style="padding: 10px;">Biological</th>
<th style="padding: 10px;">Human Created</th>
<th style="padding: 10px;">Meteorological</th>
<th style="padding: 10px;">Physical</th>
</tr>
</thead>
<tbody>
<tr>
<td><img src="static/videos/A_0_0.gif" alt="Biological" style="width: 235px; height: 235px; padding: 5px 10px;"></td>
<td><img src="static/videos/A_1_0.gif" alt="Human Created" style="width: 235px; height: 235px; padding: 5px 10px;"></td>
<td><img src="static/videos/A_2_0.gif" alt="Meteorological" style="width: 235px; height: 235px; padding: 5px 10px;"></td>
<td><img src="static/videos/A_3_0.gif" alt="Physical" style="width: 235px; height: 235px; padding: 5px 10px;"></td>
</tr>
<tr style="border-bottom: 1px solid #ddd;">
<td style="padding: 2px 10px;">"Time-lapse of microgreens germinating and growing ..."</td>
<td style="padding: 2px 10px;">"Time-lapse of a modern house being constructed in ..."</td>
<td style="padding: 2px 10px;">"Time-lapse of a beach sunset capturing the sun's ..."</td>
<td style="padding: 2px 10px;">"Time-lapse of an ice cube melting on a solid ..."</td>
</tr>
<tr>
<td><img src="static/videos/A_0_1.gif" alt="Biological" style="width: 235px; height: 235px; padding: 5px 10px;"></td>
<td><img src="static/videos/A_1_1.gif" alt="Human Created" style="width: 235px; height: 235px; padding: 5px 10px;"></td>
<td><img src="static/videos/A_2_1.gif" alt="Meteorological" style="width: 235px; height: 235px; padding: 5px 10px;"></td>
<td><img src="static/videos/A_3_1.gif" alt="Physical" style="width: 235px; height: 235px; padding: 5px 10px;"></td>
</tr>
<tr style="border-bottom: 1px solid #ddd;">
<td style="padding: 2px 10px;">"Time-lapse of microgreens germinating and growing ..."</td>
<td style="padding: 2px 10px;">"Time-lapse of a 3D printing process: starting with ..."</td>
<td style="padding: 2px 10px;">"Time-lapse of a solar eclipse showing the moon's ..."</td>
<td style="padding: 2px 10px;">"Time-lapse of a cake baking in an oven, depicting ..."</td>
</tr>
<tr>
<td><img src="static/videos/A_0_2.gif" alt="Biological" style="width: 235px; height: 235px; padding: 5px 10px;"></td>
<td><img src="static/videos/A_1_2.gif" alt="Human Created" style="width: 235px; height: 235px; padding: 5px 10px;"></td>
<td><img src="static/videos/A_2_2.gif" alt="Meteorological" style="width: 235px; height: 235px; padding: 5px 10px;"></td>
<td><img src="static/videos/A_3_2.gif" alt="Physical" style="width: 235px; height: 235px; padding: 5px 10px;"></td>
</tr>
<tr>
<td style="padding: 2px 10px;">"Time-lapse of a butterfly metamorphosis from ..."</td>
<td style="padding: 2px 10px;">"Time-lapse of a busy nighttime city intersection ..."</td>
<td style="padding: 2px 10px;">"Time-lapse of a landscape transitioning from a ..."</td>
<td style="padding: 2px 10px;">"Time-lapse of a strawberry rotting: starting with ..."</td>
</tr>
</tbody>
</table>

</div>
</div>
</section>
Expand Down

0 comments on commit 638f4b4

Please sign in to comment.