Skip to content

Commit

Permalink
direction
Browse files Browse the repository at this point in the history
  • Loading branch information
@endeleze
endeleze committed Oct 30, 2024
1 parent c3c3504 commit 279c385
Showing 1 changed file with 37 additions and 37 deletions.
74 changes: 37 additions & 37 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,19 +11,19 @@
<link href="https://fonts.googleapis.com/css?family=Google+Sans|Noto+Sans|Castoro"
rel="stylesheet">

<link rel="stylesheet" href="./static/css/bulma.min.css">
<link rel="stylesheet" href="./static/css/bulma-carousel.min.css">
<link rel="stylesheet" href="./static/css/bulma-slider.min.css">
<link rel="stylesheet" href="./static/css/fontawesome.all.min.css">
<link rel="stylesheet" href="static/css/bulma.min.css">
<link rel="stylesheet" href="static/css/bulma-carousel.min.css">
<link rel="stylesheet" href="static/css/bulma-slider.min.css">
<link rel="stylesheet" href="static/css/fontawesome.all.min.css">
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css">
<link rel="stylesheet" href="static/css/index.css">

<script defer src="./static/js/fontawesome.all.min.js"></script>
<script src="./static/js/bulma-carousel.min.js"></script>
<script src="./static/js/bulma-slider.min.js"></script>
<script src="./static/js/index.js"></script>
<script src="./static/js/copy2clipboard.js"></script>
<script defer src="static/js/fontawesome.all.min.js"></script>
<script src="static/js/bulma-carousel.min.js"></script>
<script src="static/js/bulma-slider.min.js"></script>
<script src="static/js/index.js"></script>
<script src="static/js/copy2clipboard.js"></script>
<script type="text/javascript" async
src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-MML-AM_CHTML">
</script>
Expand All @@ -42,7 +42,7 @@
<!-- Lab logo. Will stay here even if view from mobile -->
<div class="navbar-brand">
<a class="navbar-item" href="https://ai4ce.github.io/" target="_blank" rel="noopener noreferrer">
<img src="./static/images/ai4ce_new_linear_notext.svg" alt="AI4CE Lab" style="height: 2.0rem;">
<img src="static/images/ai4ce_new_linear_notext.svg" alt="AI4CE Lab" style="height: 2.0rem;">
</a>
<a role="button" onclick="this.classList.toggle('is-active');document.querySelector('#'+this.dataset.target).classList.toggle('is-active');" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
<span aria-hidden="true"></span>
Expand All @@ -56,7 +56,7 @@

<div class="navbar-start">
<a class="navbar-item" href="https://www.nyu.edu/" target="_blank">
<img src="./static/images/NYU_Long_RGB_Color.png" alt="NYU Logo" style="height: 2.0rem;">
<img src="static/images/NYU_Long_RGB_Color.png" alt="NYU Logo" style="height: 2.0rem;">
</a>
</div>

Expand Down Expand Up @@ -200,7 +200,7 @@ <h2 class="title is-3">Snapshot</h2>
<br>

<div class="image-container">
<img src="./static/images/figure1_retrieval.png" alt="Retrieval Figure" style="width: 100%; max-width: 600px;">
<img src="static/images/figure1_retrieval.png" alt="Retrieval Figure" style="width: 100%; max-width: 600px;">
</div>

</div>
Expand All @@ -219,7 +219,7 @@ <h2 class="title is-3 has-text-centered">Method</h2>
<center>
<!-- Main overview image always visible -->
<div id="overview">
<img src="./static/images/figure2.png" style="width: 45vw; min-width: 330px;" alt="Overview Image">
<img src="static/images/figure2.png" style="width: 45vw; min-width: 330px;" alt="Overview Image">
</div>

<!-- Buttons to switch between content -->
Expand Down Expand Up @@ -438,7 +438,7 @@ <h2 class="title is-3 has-text-centered">Performance Improvements after Distilla
</p>
<!-- Image -->
<div class="image-container" style="display: flex; justify-content: center; margin-top: 20px;">
<img src="./static/images/figure3_loss_combos_multitopk.png" alt="Loss Combinations Image" style="width: 100%;">
<img src="static/images/figure3_loss_combos_multitopk.png" alt="Loss Combinations Image" style="width: 100%;">
</div>
<p class="has-text-justified" style="font-size: 16px; margin-top: 20px;">
The figure above further illustrates the impact of different loss combinations on VPR recall rates across methods. The consistent trends indicate that ICKD and MSE losses are generally effective, with a clear advantage for MixVPR and CricaVPR. While NetVLAD sees greater benefits from triplet loss on Nordland, ICKD and MSE prove to be the most reliable choices for maximizing VPR performance across methods and datasets.
Expand Down Expand Up @@ -475,7 +475,7 @@ <h2 class="title is-3">Activation Maps</h2>
<div class="slider-block" id="msls_block">
<div class="query-image" style="text-align: center; margin-bottom: 20px;">
<h2>Query Image </h2>
<img id="query_image" src="./static/images/sliders/heatmaps/msls/query_image.jpg" alt="Query Image" style="width: 70%; max-width: 400px; display: block; margin: 0 auto;">
<img id="query_image" src="static/images/sliders/heatmaps/msls/query_image.jpg" alt="Query Image" style="width: 70%; max-width: 400px; display: block; margin: 0 auto;">
</div>
<br>
<div class="sliders-container" style="display: flex; gap: 20px; justify-content: center;">
Expand All @@ -498,7 +498,7 @@ <h2>MixVPR</h2>
<div class="slider-block" id="nordland_block">
<div class="query-image" style="text-align: center; margin-bottom: 20px;">
<h2>Query Image </h2>
<img id="nordland_query_image" src="./static/images/sliders/heatmaps/nordland/query_image.jpg" alt="Query Image" style="width: 70%; max-width: 400px; display: block; margin: 0 auto;">
<img id="nordland_query_image" src="static/images/sliders/heatmaps/nordland/query_image.jpg" alt="Query Image" style="width: 70%; max-width: 400px; display: block; margin: 0 auto;">
</div>
<br>
<div class="sliders-container" style="display: flex; gap: 20px; justify-content: center;">
Expand All @@ -521,7 +521,7 @@ <h2>MixVPR</h2>
<div class="slider-block" id="tokyo_block">
<div class="query-image" style="text-align: center; margin-bottom: 20px;">
<h2>Query Image </h2>
<img id="tokyo_query_image" src="./static/images/sliders/heatmaps/tokyo247/query_image.jpg" alt="Query Image" style="width: 70%; max-width: 400px; display: block; margin: 0 auto;">
<img id="tokyo_query_image" src="static/images/sliders/heatmaps/tokyo247/query_image.jpg" alt="Query Image" style="width: 70%; max-width: 400px; display: block; margin: 0 auto;">
</div>
<br>
<div class="sliders-container" style="display: flex; gap: 20px; justify-content: center;">
Expand All @@ -542,7 +542,7 @@ <h2>MixVPR</h2>

<script src="https://cdn.knightlab.com/libs/juxtapose/latest/js/juxtapose.min.js"></script>
<link rel="stylesheet" href="https://cdn.knightlab.com/libs/juxtapose/latest/css/juxtapose.css">
<script src="./static/js/juxtapose-slider.js"></script> <!-- Include your slider.js file
<script src="static/js/juxtapose-slider.js"></script> <!-- Include your slider.js file
<!-- script for the sliders -->
<script>
Expand All @@ -553,24 +553,24 @@ <h2>MixVPR</h2>
{
elementId: '#msls_cricavpr',
images: [
{ src: './static/images/sliders/heatmaps/msls/CricaVPR_pretrained.jpg', label: 'pretrained' },
{ src: './static/images/sliders/heatmaps/msls/CricaVPR_distilled.jpg', label: 'distilled' }
{ src: 'static/images/sliders/heatmaps/msls/CricaVPR_pretrained.jpg', label: 'pretrained' },
{ src: 'static/images/sliders/heatmaps/msls/CricaVPR_distilled.jpg', label: 'distilled' }
],
options: sliderOptions
},
{
elementId: '#msls_netvlad',
images: [
{ src: './static/images/sliders/heatmaps/msls/NetVLAD_pretrained.jpg', label: 'pretrained' },
{ src: './static/images/sliders/heatmaps/msls/NetVLAD_distilled.jpg', label: 'distilled' }
{ src: 'static/images/sliders/heatmaps/msls/NetVLAD_pretrained.jpg', label: 'pretrained' },
{ src: 'static/images/sliders/heatmaps/msls/NetVLAD_distilled.jpg', label: 'distilled' }
],
options: sliderOptions
},
{
elementId: '#msls_mixvpr',
images: [
{ src: './static/images/sliders/heatmaps/msls/MixVPR_pretrained.jpg', label: 'pretrained' },
{ src: './static/images/sliders/heatmaps/msls/MixVPR_distilled.jpg', label: 'distilled' }
{ src: 'static/images/sliders/heatmaps/msls/MixVPR_pretrained.jpg', label: 'pretrained' },
{ src: 'static/images/sliders/heatmaps/msls/MixVPR_distilled.jpg', label: 'distilled' }
],
options: sliderOptions
}
Expand All @@ -580,24 +580,24 @@ <h2>MixVPR</h2>
{
elementId: '#nordland_cricavpr',
images: [
{ src: './static/images/sliders/heatmaps/nordland/CricaVPR_pretrained.jpg', label: 'pretrained' },
{ src: './static/images/sliders/heatmaps/nordland/CricaVPR_distilled.jpg', label: 'distilled' }
{ src: 'static/images/sliders/heatmaps/nordland/CricaVPR_pretrained.jpg', label: 'pretrained' },
{ src: 'static/images/sliders/heatmaps/nordland/CricaVPR_distilled.jpg', label: 'distilled' }
],
options: sliderOptions
},
{
elementId: '#nordland_netvlad',
images: [
{ src: './static/images/sliders/heatmaps/nordland/NetVLAD_pretrained.jpg', label: 'pretrained' },
{ src: './static/images/sliders/heatmaps/nordland/NetVLAD_distilled.jpg', label: 'distilled' }
{ src: 'static/images/sliders/heatmaps/nordland/NetVLAD_pretrained.jpg', label: 'pretrained' },
{ src: 'static/images/sliders/heatmaps/nordland/NetVLAD_distilled.jpg', label: 'distilled' }
],
options: sliderOptions
},
{
elementId: '#nordland_mixvpr',
images: [
{ src: './static/images/sliders/heatmaps/nordland/MixVPR_pretrained.jpg', label: 'pretrained' },
{ src: './static/images/sliders/heatmaps/nordland/MixVPR_distilled.jpg', label: 'distilled' }
{ src: 'static/images/sliders/heatmaps/nordland/MixVPR_pretrained.jpg', label: 'pretrained' },
{ src: 'static/images/sliders/heatmaps/nordland/MixVPR_distilled.jpg', label: 'distilled' }
],
options: sliderOptions
}
Expand All @@ -607,24 +607,24 @@ <h2>MixVPR</h2>
{
elementId: '#tokyo_cricavpr',
images: [
{ src: './static/images/sliders/heatmaps/tokyo247/CricaVPR_pretrained.jpg', label: 'pretrained' },
{ src: './static/images/sliders/heatmaps/tokyo247/CricaVPR_distilled.jpg', label: 'distilled' }
{ src: 'static/images/sliders/heatmaps/tokyo247/CricaVPR_pretrained.jpg', label: 'pretrained' },
{ src: 'static/images/sliders/heatmaps/tokyo247/CricaVPR_distilled.jpg', label: 'distilled' }
],
options: sliderOptions
},
{
elementId: '#tokyo_netvlad',
images: [
{ src: './static/images/sliders/heatmaps/tokyo247/NetVLAD_pretrained.jpg', label: 'pretrained' },
{ src: './static/images/sliders/heatmaps/tokyo247/NetVLAD_distilled.jpg', label: 'distilled' }
{ src: 'static/images/sliders/heatmaps/tokyo247/NetVLAD_pretrained.jpg', label: 'pretrained' },
{ src: 'static/images/sliders/heatmaps/tokyo247/NetVLAD_distilled.jpg', label: 'distilled' }
],
options: sliderOptions
},
{
elementId: '#tokyo_mixvpr',
images: [
{ src: './static/images/sliders/heatmaps/tokyo247/MixVPR_pretrained.jpg', label: 'pretrained' },
{ src: './static/images/sliders/heatmaps/tokyo247/MixVPR_distilled.jpg', label: 'distilled' }
{ src: 'static/images/sliders/heatmaps/tokyo247/MixVPR_pretrained.jpg', label: 'pretrained' },
{ src: 'static/images/sliders/heatmaps/tokyo247/MixVPR_distilled.jpg', label: 'distilled' }
],
options: sliderOptions
}
Expand Down Expand Up @@ -683,7 +683,7 @@ <h2 class="title is-3 has-text-centered">Navigation Demo Video</h2>
<!-- Video Embed -->
<div class="video-container" style="display: flex; justify-content: center; margin-top: 20px;">
<video width="80%" controls>
<source src="./static/videos/navigation.mp4" type="video/mp4">
<source src="static/videos/navigation.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
Expand Down

0 comments on commit 279c385

Please sign in to comment.