Skip to content

Commit d1a8485

Browse files
QinghongLinQinghongLin
authored
Update index.html
1 parent ea8fd53 commit d1a8485

1 file changed

Lines changed: 201 additions & 7 deletions

File tree

‎index.html‎

Lines changed: 201 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -274,7 +274,7 @@ <h2 class="title is-3">Can AI assistants create a well-designed Poster given a P
274274
<div class="columns is-vcentered">
275275
<!-- Left: Paper -->
276276
<div class="column has-text-centered">
277-
<img src="./assets/example/example/paper.png" alt="Paper" style="height: 400px;">
277+
<img src="./assets/example/paper.png" alt="Paper" style="height: 400px;">
278278
<p class="caption" style="text-align: center; margin-top: 10px;"><strong>Inputs: </strong><a href="https://arxiv.org/pdf/2210.15986">Paper</a> (a PDF)</p>
279279
</div>
280280
<!-- Arrow -->
@@ -283,7 +283,7 @@ <h2 class="title is-3">Can AI assistants create a well-designed Poster given a P
283283
</div> -->
284284
<!-- Right: Poster -->
285285
<div class="column has-text-centered">
286-
<img src="./assets/example/example/gt_poster.png" alt="Poster" style="height: 400px; max-width: none;">
286+
<img src="./assets/example/gt_poster.png" alt="Poster" style="height: 400px; max-width: none;">
287287
<p class="caption" style="text-align: center; margin-top: 10px;"><strong>Outputs: </strong><a href="https://neurips.cc/media/PosterPDFs/NeurIPS%202022/61269.png?t=1669788855.791561">Poster</a> (designed by author)</p>
288288
</p>
289289
</div>
@@ -301,22 +301,22 @@ <h2 class="title is-3">How GPT-4 or Open-source Multi-agents behave?</h2>
301301
<!-- 第一行 -->
302302
<div class="columns is-vcentered">
303303
<div class="column has-text-centered">
304-
<img src="./assets/example/example/4o_image.png" alt="GPT-4o Image" style="height: 400px; max-width: none;">
304+
<img src="./assets/example/4o_image.png" alt="GPT-4o Image" style="height: 400px; max-width: none;">
305305
<p class="caption" style="text-align: center; margin-top: 10px;"><strong>Poster generated by GPT-4o-image</strong></p>
306306
</div>
307307
<div class="column has-text-centered">
308-
<img src="./assets/example/example/4o_html.png" alt="GPT-4o HTML" style="height: 400px; max-width: none;">
308+
<img src="./assets/example/4o_html.png" alt="GPT-4o HTML" style="height: 400px; max-width: none;">
309309
<p class="caption" style="text-align: center; margin-top: 10px;"><strong>Poster generated by GPT-4o-html</strong></p>
310310
</div>
311311
</div>
312312
<!-- 第二行 -->
313313
<div class="columns is-vcentered">
314314
<div class="column has-text-centered">
315-
<img src="./assets/example/example/ppt_agent.png" alt="PPT-Agent" style="height: 400px; max-width: none;">
315+
<img src="./assets/example/ppt_agent.png" alt="PPT-Agent" style="height: 400px; max-width: none;">
316316
<p class="caption" style="text-align: center; margin-top: 10px;"><strong>Poster generated by <a href="https://github.com/icip-cas/PPTAgent">PPTAgent</a></strong></p>
317317
</div>
318318
<div class="column has-text-centered">
319-
<img src="./assets/example/example/owl.png" alt="OWL" style="height: 400px; max-width: none;">
319+
<img src="./assets/example/owl.png" alt="OWL" style="height: 400px; max-width: none;">
320320
<p class="caption" style="text-align: center; margin-top: 10px;"><strong>Poster generated by <a href="https://github.com/camel-ai/owl">🦉OWL</a></strong></p>
321321
</div>
322322
</div>
@@ -335,7 +335,7 @@ <h2 class="title is-3">Poster Generated by PosterAgent</h2>
335335
<div class="container is-max-desktop">
336336
<div class="columns is-vcentered">
337337
<div class="column has-text-centered">
338-
<img src="./assets/example/example/poster_agent_red.png" alt="PosterAgent" style="height: 600px; max-width: none;">
338+
<img src="./assets/example/poster_agent_red.png" alt="PosterAgent" style="height: 600px; max-width: none;">
339339
<p class="caption" style="text-align: center; margin-top: 10px;">In contrast, <strong>PosterAgent</strong> generates structurally coherent and readable posters while using significantly fewer words.</p>
340340
</div>
341341
</div>
@@ -495,6 +495,200 @@ <h2 class="title is-3">Main Results on Existing Solutions</h2>
495495
</div>
496496
</section>
497497

498+
<style>
499+
.poster-carousel {
500+
display: flex;
501+
overflow-x: auto;
502+
scroll-behavior: smooth;
503+
gap: 20px;
504+
padding: 20px;
505+
cursor: grab;
506+
}
507+
.poster-carousel:active {
508+
cursor: grabbing;
509+
}
510+
.poster-item {
511+
flex: 0 0 auto;
512+
width: 45%;
513+
text-align: center;
514+
}
515+
.poster-item img {
516+
height: 500px;
517+
object-fit: contain;
518+
}
519+
.caption-small {
520+
margin-top: 8px;
521+
font-size: 14px;
522+
color: #555;
523+
}
524+
.caption-large {
525+
text-align: center;
526+
font-weight: bold;
527+
font-size: 16px;
528+
margin-top: 20px;
529+
}
530+
</style>
531+
532+
<div class="hero teaser">
533+
<div class="hero-body">
534+
<div class="columns is-centered">
535+
<h2 class="title is-3">More Examples</h2>
536+
</div>
537+
<div class="poster-carousel" id="carousel">
538+
<div class="poster-item">
539+
<img src="./assets/supp_examples/Conformal Semantic Keypoint Detection with Statistical Guarantees/gt.png" alt="gt poster">
540+
<p class="caption-small">Generated by Author</p>
541+
</div>
542+
<div class="poster-item">
543+
<img src="./assets/supp_examples/Conformal Semantic Keypoint Detection with Statistical Guarantees/4o_image.png" alt="GPT-4o Image">
544+
<p class="caption-small">Generated by GPT-4o-image</p>
545+
</div>
546+
<div class="poster-item">
547+
<img src="./assets/supp_examples/Conformal Semantic Keypoint Detection with Statistical Guarantees/4o_html.png" alt="GPT-4o Html">
548+
<p class="caption-small">Generated by GPT-4o-html</p>
549+
</div>
550+
<div class="poster-item">
551+
<img src="./assets/supp_examples/Conformal Semantic Keypoint Detection with Statistical Guarantees/ppt_agent.png" alt="PPT Agent">
552+
<p class="caption-small">Generated by PPTAgent</p>
553+
</div>
554+
<div class="poster-item">
555+
<img src="./assets/supp_examples/Conformal Semantic Keypoint Detection with Statistical Guarantees/owl.png" alt="OWL">
556+
<p class="caption-small">Generated by OWL</p>
557+
</div>
558+
<div class="poster-item">
559+
<img src="./assets/supp_examples/Conformal Semantic Keypoint Detection with Statistical Guarantees/ours.png" alt="PosterAgent">
560+
<p class="caption-small">Generated by PostAgent</p>
561+
</div>
562+
</div>
563+
564+
<p class="caption-large">
565+
Case-1: <a href="https://arxiv.org/pdf/2303.12246">Conformal Semantic Keypoint Detection with Statistical Guarantees</a>.
566+
</p>
567+
568+
<div class="poster-carousel" id="carousel">
569+
<div class="poster-item">
570+
<img src="./assets/supp_examples/Neural Tangent Kernels for Axis-Aligned Tree Ensembles/gt.png" alt="gt poster">
571+
<p class="caption-small">Generated by Author</p>
572+
</div>
573+
<div class="poster-item">
574+
<img src="./assets/supp_examples/Neural Tangent Kernels for Axis-Aligned Tree Ensembles/4o_image.png" alt="GPT-4o Image">
575+
<p class="caption-small">Generated by GPT-4o-image</p>
576+
</div>
577+
<div class="poster-item">
578+
<img src="./assets/supp_examples/Neural Tangent Kernels for Axis-Aligned Tree Ensembles/4o_html.png" alt="GPT-4o Html">
579+
<p class="caption-small">Generated by GPT-4o-html</p>
580+
</div>
581+
<div class="poster-item">
582+
<img src="./assets/supp_examples/Neural Tangent Kernels for Axis-Aligned Tree Ensembles/ppt_agent.png" alt="PPT Agent">
583+
<p class="caption-small">Generated by PPTAgent</p>
584+
</div>
585+
<div class="poster-item">
586+
<img src="./assets/supp_examples/Neural Tangent Kernels for Axis-Aligned Tree Ensembles/owl.png" alt="OWL">
587+
<p class="caption-small">Generated by OWL</p>
588+
</div>
589+
<div class="poster-item">
590+
<img src="./assets/supp_examples/Neural Tangent Kernels for Axis-Aligned Tree Ensembles/ours.png" alt="PosterAgent">
591+
<p class="caption-small">Generated by PostAgent</p>
592+
</div>
593+
</div>
594+
595+
<p class="caption-large">
596+
Case-2: <a href="https://arxiv.org/pdf/2109.04983">Neural Tangent Kernels for Axis-Aligned Tree Ensembles</a>.
597+
</p>
598+
599+
<!-- <div class="poster-carousel" id="carousel">
600+
<div class="poster-item">
601+
<img src="./assets/supp_examples/Sparse Parameterization for Epitomic Dataset Distillation/gt.png" alt="gt poster">
602+
<p class="caption-small">Generated by Author</p>
603+
</div>
604+
<div class="poster-item">
605+
<img src="./assets/supp_examples/Sparse Parameterization for Epitomic Dataset Distillation/4o_image.png" alt="GPT-4o Image">
606+
<p class="caption-small">Generated by GPT-4o-image</p>
607+
</div>
608+
<div class="poster-item">
609+
<img src="./assets/supp_examples/Sparse Parameterization for Epitomic Dataset Distillation/4o_html.png" alt="GPT-4o Html">
610+
<p class="caption-small">Generated by GPT-4o-html</p>
611+
</div>
612+
<div class="poster-item">
613+
<img src="./assets/supp_examples/Sparse Parameterization for Epitomic Dataset Distillation/ppt_agent.png" alt="PPT Agent">
614+
<p class="caption-small">Generated by PPTAgent</p>
615+
</div>
616+
<div class="poster-item">
617+
<img src="./assets/supp_examples/Sparse Parameterization for Epitomic Dataset Distillation/owl.png" alt="OWL">
618+
<p class="caption-small">Generated by OWL</p>
619+
</div>
620+
<div class="poster-item">
621+
<img src="./assets/supp_examples/Sparse Parameterization for Epitomic Dataset Distillation/ours.png" alt="PosterAgent">
622+
<p class="caption-small">Generated by PostAgent</p>
623+
</div>
624+
</div>
625+
626+
<p class="caption-large">
627+
Case-3: <a href="https://papers.nips.cc/paper_files/paper/2023/file/9e8889198d16fb79926e71adbe38cae4-Paper-Conference.pdf">Sparse Parameterization for Epitomic Dataset Distillation</a>.
628+
</p> -->
629+
630+
<div class="poster-carousel" id="carousel">
631+
<div class="poster-item">
632+
<img src="./assets/supp_examples/Truly Scale-Equivariant Deep Nets with Fourier Layers/gt.png" alt="gt poster">
633+
<p class="caption-small">Generated by Author</p>
634+
</div>
635+
<div class="poster-item">
636+
<img src="./assets/supp_examples/Truly Scale-Equivariant Deep Nets with Fourier Layers/4o_image.png" alt="GPT-4o Image">
637+
<p class="caption-small">Generated by GPT-4o-image</p>
638+
</div>
639+
<div class="poster-item">
640+
<img src="./assets/supp_examples/Truly Scale-Equivariant Deep Nets with Fourier Layers/4o_html.png" alt="GPT-4o Html">
641+
<p class="caption-small">Generated by GPT-4o-html</p>
642+
</div>
643+
<div class="poster-item">
644+
<img src="./assets/supp_examples/Truly Scale-Equivariant Deep Nets with Fourier Layers/ppt_agent.png" alt="PPT Agent">
645+
<p class="caption-small">Generated by PPTAgent</p>
646+
</div>
647+
<div class="poster-item">
648+
<img src="./assets/supp_examples/Truly Scale-Equivariant Deep Nets with Fourier Layers/owl.png" alt="OWL">
649+
<p class="caption-small">Generated by OWL</p>
650+
</div>
651+
<div class="poster-item">
652+
<img src="./assets/supp_examples/Truly Scale-Equivariant Deep Nets with Fourier Layers/ours.png" alt="PosterAgent">
653+
<p class="caption-small">Generated by PostAgent</p>
654+
</div>
655+
</div>
656+
657+
<p class="caption-large">
658+
Case-3: <a href="https://arxiv.org/pdf/2311.02922">Truly Scale-Equivariant Deep Nets with Fourier Layers</a>.
659+
</p>
660+
661+
</div>
662+
</div>
663+
664+
<script>
665+
const carousel = document.getElementById('carousel');
666+
let isDown = false;
667+
let startX;
668+
let scrollLeft;
669+
670+
carousel.addEventListener('mousedown', (e) => {
671+
isDown = true;
672+
startX = e.pageX - carousel.offsetLeft;
673+
scrollLeft = carousel.scrollLeft;
674+
});
675+
676+
carousel.addEventListener('mouseleave', () => {
677+
isDown = false;
678+
});
679+
carousel.addEventListener('mouseup', () => {
680+
isDown = false;
681+
});
682+
carousel.addEventListener('mousemove', (e) => {
683+
if (!isDown) return;
684+
e.preventDefault();
685+
const x = e.pageX - carousel.offsetLeft;
686+
const walk = (x - startX) * 2;
687+
carousel.scrollLeft = scrollLeft - walk;
688+
});
689+
</script>
690+
691+
498692
<section class="section" id="BibTeX">
499693
<div class="container content is-max-desktop">
500694
<h2 class="title">BibTeX</h2>

0 commit comments

Comments
 (0)