Skip to content

Commit 2560377

Browse files
FeiSong123FeiSong123
committed
add LucidNFT
1 parent 82ccd72 commit 2560377

12 files changed

Lines changed: 436 additions & 2 deletions

‎LucidNFT/gallery/016_lq.jpg‎

87.3 KB
Loading

‎LucidNFT/gallery/016_lucidflux.jpg‎

167 KB
Loading

‎LucidNFT/gallery/016_lucidnft.jpg‎

177 KB
Loading

‎LucidNFT/gallery/137_lq.jpg‎

39 KB
Loading

‎LucidNFT/gallery/137_lucidflux.jpg‎

129 KB
Loading

‎LucidNFT/gallery/137_lucidnft.jpg‎

155 KB
Loading

‎LucidNFT/gallery/223_lq.png‎

549 KB
Loading

‎LucidNFT/gallery/223_lucidflux.jpg‎

204 KB
Loading

‎LucidNFT/gallery/223_lucidnft.jpg‎

207 KB
Loading

‎LucidNFT/index.html‎

Lines changed: 64 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,7 @@ <h2 class="sidebar-title">LucidNFT</h2>
2020
<li><a href="#method" class="nav-link"><i class="fas fa-cogs"></i> Method</a></li>
2121
<li><a href="#dataset" class="nav-link"><i class="fas fa-database"></i> LucidLR Dataset</a></li>
2222
<li><a href="#results" class="nav-link"><i class="fas fa-chart-line"></i> Results</a></li>
23+
<li><a href="#gallery" class="nav-link"><i class="fas fa-images"></i> Gallery</a></li>
2324
<li><a href="#contact-us" class="nav-link"><i class="fas fa-envelope"></i> Contact</a></li>
2425
</ul>
2526
</div>
@@ -76,7 +77,6 @@ <h2>Method Overview</h2>
7677
</div>
7778
<div class="table-wrapper">
7879
<table class="table-consistency">
79-
<caption>Cosine similarity between LR-HR image pairs under correct pairing and cross-bench swapped pairing. LucidConsistency improves alignment on correctly paired data while maintaining low similarity under mismatched pairing.</caption>
8080
<thead>
8181
<tr>
8282
<th>Domain</th>
@@ -116,6 +116,9 @@ <h2>Method Overview</h2>
116116
</tr>
117117
</tbody>
118118
</table>
119+
<div class="table-caption">
120+
<span class="table-number">Table 2:</span> Cosine similarity between LR-HR image pairs under correct pairing and cross-bench swapped pairing. LucidConsistency improves alignment on correctly paired data while maintaining low similarity under mismatched pairing.
121+
</div>
119122
</div>
120123
</section>
121124

@@ -128,7 +131,6 @@ <h2>LucidLR Dataset</h2>
128131
</div>
129132
<div class="table-wrapper">
130133
<table class="table-dataset">
131-
<caption>Comparison of representative real-world datasets used in Real-ISR. Existing datasets are mainly designed for benchmarking and contain limited samples, while LucidLR provides large-scale real-world degradations suitable for preference-optimization-based training.</caption>
132134
<thead>
133135
<tr>
134136
<th>Dataset</th>
@@ -169,6 +171,9 @@ <h2>LucidLR Dataset</h2>
169171
</tr>
170172
</tbody>
171173
</table>
174+
<div class="table-caption">
175+
<span class="table-number">Table 1:</span> Comparison of representative real-world datasets used in Real-ISR. Existing datasets are mainly designed for benchmarking and contain limited samples, while LucidLR provides large-scale real-world degradations suitable for preference-optimization-based training.
176+
</div>
172177
</div>
173178
</section>
174179

@@ -627,6 +632,63 @@ <h3>Quantitative Results</h3>
627632
</div>
628633
</section>
629634

635+
<section id="gallery" class="info-section grid-gallery">
636+
<h2>Gallery</h2>
637+
<p class="image-caption">Click an LQ input to open an interactive slider comparison (LQ vs LucidFlux or LucidFlux(+LucidNFT)).</p>
638+
639+
<div class="lq-gallery">
640+
<button class="lq-card" type="button" data-example="016" data-lq="gallery/016_lq.jpg" data-base="gallery/016_lucidflux.jpg" data-nft="gallery/016_lucidnft.jpg">
641+
<img src="gallery/016_lq.jpg" alt="Example 016 LQ input">
642+
<div class="lq-meta">
643+
<span class="lq-title">Example 016</span>
644+
<span class="lq-sub">LQ input</span>
645+
</div>
646+
</button>
647+
648+
<button class="lq-card" type="button" data-example="137" data-lq="gallery/137_lq.jpg" data-base="gallery/137_lucidflux.jpg" data-nft="gallery/137_lucidnft.jpg">
649+
<img src="gallery/137_lq.jpg" alt="Example 137 LQ input">
650+
<div class="lq-meta">
651+
<span class="lq-title">Example 137</span>
652+
<span class="lq-sub">LQ input</span>
653+
</div>
654+
</button>
655+
656+
<button class="lq-card" type="button" data-example="223" data-lq="gallery/223_lq.png" data-base="gallery/223_lucidflux.jpg" data-nft="gallery/223_lucidnft.jpg">
657+
<img src="gallery/223_lq.png" alt="Example 223 LQ input">
658+
<div class="lq-meta">
659+
<span class="lq-title">Example 223</span>
660+
<span class="lq-sub">LQ input</span>
661+
</div>
662+
</button>
663+
</div>
664+
</section>
665+
666+
<div id="gallery-modal" class="gallery-modal" aria-hidden="true" role="dialog">
667+
<div class="gallery-modal__backdrop" data-gallery-close></div>
668+
<div class="gallery-modal__panel" role="document" aria-label="Gallery comparison">
669+
<button class="gallery-modal__close" type="button" aria-label="Close" data-gallery-close>&times;</button>
670+
<div class="gallery-modal__header">
671+
<div class="gallery-modal__title" id="gallery-modal-title">Example</div>
672+
<div class="gallery-modal__toggles" role="tablist" aria-label="Choose output">
673+
<button class="gallery-toggle active" type="button" data-after="base" aria-selected="true">LucidFlux</button>
674+
<button class="gallery-toggle" type="button" data-after="nft" aria-selected="false">LucidFlux(+LucidNFT)</button>
675+
</div>
676+
</div>
677+
678+
<div class="image-comparison gallery-comparison" id="gallery-comparison">
679+
<img src="" alt="Before (LQ input)" class="before-image" id="gallery-before">
680+
<img src="" alt="After output" class="after-image" id="gallery-after">
681+
<div class="comparison-slider" id="gallery-slider" aria-label="Comparison slider">
682+
<div class="slider-handle">
683+
<div class="slider-arrow">◀ ▶</div>
684+
</div>
685+
</div>
686+
<div class="compare-tag before">LQ</div>
687+
<div class="compare-tag after" id="gallery-after-tag">LucidFlux</div>
688+
</div>
689+
</div>
690+
</div>
691+
630692
<section id="contact-us" class="contact-us info-section">
631693
<h2>Contact</h2>
632694
<p>For questions or collaboration, please contact <strong>sfei285@connect.hkust-gz.edu.cn</strong>, <strong>tye610@connect.hkust-gz.edu.cn</strong>, or <strong>leizhu@hkust-gz.edu.cn</strong>.</p>

0 commit comments

Comments
 (0)