Skip to content

Commit

Permalink
fix slider left button
Browse files Browse the repository at this point in the history
  • Loading branch information
@hao-pt
hao-pt committed Oct 20, 2024
1 parent 39d8338 commit 3fdb100
Showing 1 changed file with 30 additions and 28 deletions.
58 changes: 30 additions & 28 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -184,7 +184,7 @@ <h1 class="title is-1 publication-title">DiMSUM <img src="./static/images/dimsum
</span> -->
<!-- Code Link. -->
<span class="link-block">
<a href="https://github.com/VinAIResearch/LFM"
<a href="https://github.com/VinAIResearch/DiMSUM.git"
class="external-link button is-normal is-rounded is-dark">
<span class="icon">
<i class="fab fa-github"></i>
Expand Down Expand Up @@ -311,34 +311,36 @@ <h1 class="title is-1 publication-title">DiMSUM <img src="./static/images/dimsum
<li data-target="#results-carousel" data-slide-to="1"></li>
<li data-target="#results-carousel" data-slide-to="2"></li>
</ol> -->
<div class="carousel-item">
<div>
<img src="static/images/sit_207_sample_cfg4.0.png"
class="teaser-img" />
</div>
<div class="card-content slider-text" style="background-color: rgba(0,0,0,0.1);">
<div class="is-size-5 has-text-centered">
Class: 'Golden retriever' (207)
</div>
</div>
</div>

<div class="carousel-item active">
<div>
<img src="static/images/sit_88_sample_cfg4.0.png"
class="teaser-img" />
</div>
<div class="card-content slider-text d-block w-80" style="background-color: rgba(0,0,0,0.1)">
<div class="slider-text" style="background-color: rgba(0,0,0,0.6); color: white;">
<div class="is-size-5 has-text-centered">
Class: 'Macaw' (88)
</div>
</div>
</div>

<div class="carousel-item">
<div>
<img src="static/images/sit_207_sample_cfg4.0.png"
class="teaser-img" />
</div>
<div class="slider-text" style="background-color: rgba(0,0,0,0.6); color: white;">
<!-- <div class="is-size-5 has-text-centered"> -->
Class: 'Golden retriever' (207)
<!-- </div> -->
</div>
</div>


<div class="carousel-item">
<div><img src="static/images/sit_279_sample_cfg4.0.png"
class="teaser-img" /></div>
<div class="card-content slider-text" style="background-color: rgba(0,0,0,0.1)">
<div class="slider-text" style="background-color: rgba(0,0,0,0.6); color: white;">
<div class="is-size-5 has-text-centered">
Class: 'Arctic fox' (279)
</div>
Expand All @@ -348,7 +350,7 @@ <h1 class="title is-1 publication-title">DiMSUM <img src="./static/images/dimsum
<div class="carousel-item">
<div><img src="static/images/sit_360_sample_cfg4.0.png"
class="teaser-img" /></div>
<div class="card-content slider-text" style="background-color: rgba(0,0,0,0.1)">
<div class="slider-text" style="background-color: rgba(0,0,0,0.6); color: white;">
<div class="is-size-5 has-text-centered">
Class: 'Otter' (360)
</div>
Expand All @@ -358,7 +360,7 @@ <h1 class="title is-1 publication-title">DiMSUM <img src="./static/images/dimsum
<div class="carousel-item">
<div><img src="static/images/sit_387_sample_cfg4.0.png"
class="teaser-img" /></div>
<div class="card-content slider-text" style="background-color: rgba(0,0,0,0.1)">
<div class="slider-text" style="background-color: rgba(0,0,0,0.6); color: white;">
<div class="is-size-5 has-text-centered">
Class: 'Red Panda' (387)
</div>
Expand All @@ -368,7 +370,7 @@ <h1 class="title is-1 publication-title">DiMSUM <img src="./static/images/dimsum
<div class="carousel-item">
<div><img src="static/images/sit_972_sample_cfg4.0.png"
class="teaser-img" /></div>
<div class="card-content slider-text" style="background-color: rgba(0,0,0,0.1)">
<div class="slider-text" style="background-color: rgba(0,0,0,0.6); color: white;">
<div class="is-size-5 has-text-centered">
Class: 'Cliff' (972)
</div>
Expand All @@ -378,37 +380,37 @@ <h1 class="title is-1 publication-title">DiMSUM <img src="./static/images/dimsum
<div class="carousel-item">
<div><img src="static/images/sit_980_sample_cfg4.0.png"
class="teaser-img" /> </div>
<div class="card-content slider-text" style="background-color: rgba(0,0,0,0.1)">
<div class="slider-text" style="background-color: rgba(0,0,0,0.6); color: white;">
<div class="is-size-5 has-text-centered">
Class: 'Volcano' (980)
</div>
</div>
</div>

<div class="carousel-item">
<img src="static/images/sit_992_sample_cfg4.0.png"
class="teaser-img" />
<div class="card-content slider-text" style="background-color: rgba(0,0,0,0.1)">
<div><img src="static/images/sit_992_sample_cfg4.0.png"
class="teaser-img" /></div>
<div class="slider-text" style="background-color: rgba(0,0,0,0.6); color: white;">
<div class="is-size-5 has-text-centered">
Class: 'Agaric' (992)
</div>
</div>
</div>

<div class="carousel-item">
<img src="static/images/sit_417_sample_cfg4.0.png"
class="teaser-img" />
<div class="card-content slider-text" style="background-color: rgba(0,0,0,0.1)">
<div><img src="static/images/sit_417_sample_cfg4.0.png"
class="teaser-img" /></div>
<div class="slider-text" style="background-color: rgba(0,0,0,0.6); color: white;">
<div class="is-size-5 has-text-centered">
Class: 'Ballon' (417)
</div>
</div>
</div>

<div class="carousel-item">
<img src="static/images/sit_393_sample_cfg4.0.png"
class="teaser-img" />
<div class="card-content slider-text" style="background-color: rgba(0,0,0,0.1)">
<div><img src="static/images/sit_393_sample_cfg4.0.png"
class="teaser-img" /></div>
<div class="slider-text" style="background-color: rgba(0,0,0,0.6); color: white;">
<div class="is-size-5 has-text-centered">
Class: 'Anemone fish' (393)
</div>
Expand All @@ -417,7 +419,7 @@ <h1 class="title is-1 publication-title">DiMSUM <img src="./static/images/dimsum

</div>

<a class="carousel-control-prev" href="#results-carousel" role="button" data-slide="prev"></a>
<a class="carousel-control-prev" href="#results-carousel" role="button" data-slide="prev">
<div class="slider-navigation-previous">
<svg viewBox="0 0 50 80" xml:space="preserve">
<polyline fill="white" stroke-width=".5em" stroke-linecap="round"
Expand Down

0 comments on commit 3fdb100

Please sign in to comment.