diff --git a/images/example_lake_editing.png b/images/example_lake_editing.png new file mode 100644 index 0000000..db718ce Binary files /dev/null and b/images/example_lake_editing.png differ diff --git a/images/examples/LLaVA_Interactive-13.png b/images/examples/LLaVA_Interactive-13.png new file mode 100644 index 0000000..b57dfd4 Binary files /dev/null and b/images/examples/LLaVA_Interactive-13.png differ diff --git a/images/examples/LLaVA_Interactive-14.png b/images/examples/LLaVA_Interactive-14.png new file mode 100644 index 0000000..94acc05 Binary files /dev/null and b/images/examples/LLaVA_Interactive-14.png differ diff --git a/images/examples/LLaVA_Interactive-15.png b/images/examples/LLaVA_Interactive-15.png new file mode 100644 index 0000000..97bdec7 Binary files /dev/null and b/images/examples/LLaVA_Interactive-15.png differ diff --git a/images/examples/LLaVA_Interactive-16.png b/images/examples/LLaVA_Interactive-16.png new file mode 100644 index 0000000..752d370 Binary files /dev/null and b/images/examples/LLaVA_Interactive-16.png differ diff --git a/images/examples/LLaVA_Interactive-17.png b/images/examples/LLaVA_Interactive-17.png new file mode 100644 index 0000000..f979e32 Binary files /dev/null and b/images/examples/LLaVA_Interactive-17.png differ diff --git a/images/examples/LLaVA_Interactive-18.png b/images/examples/LLaVA_Interactive-18.png new file mode 100644 index 0000000..2987656 Binary files /dev/null and b/images/examples/LLaVA_Interactive-18.png differ diff --git a/images/examples/LLaVA_Interactive-19.png b/images/examples/LLaVA_Interactive-19.png new file mode 100644 index 0000000..7cdff93 Binary files /dev/null and b/images/examples/LLaVA_Interactive-19.png differ diff --git a/images/examples/LLaVA_Interactive-20.png b/images/examples/LLaVA_Interactive-20.png new file mode 100644 index 0000000..4724b60 Binary files /dev/null and b/images/examples/LLaVA_Interactive-20.png differ diff --git a/images/examples/LLaVA_Interactive-21.png b/images/examples/LLaVA_Interactive-21.png new file mode 100644 index 0000000..720cec9 Binary files /dev/null and b/images/examples/LLaVA_Interactive-21.png differ diff --git a/images/examples/LLaVA_Interactive-22.png b/images/examples/LLaVA_Interactive-22.png new file mode 100644 index 0000000..4e9285c Binary files /dev/null and b/images/examples/LLaVA_Interactive-22.png differ diff --git a/images/examples/LLaVA_Interactive-23.png b/images/examples/LLaVA_Interactive-23.png new file mode 100644 index 0000000..1621037 Binary files /dev/null and b/images/examples/LLaVA_Interactive-23.png differ diff --git a/images/examples/LLaVA_Interactive-24.png b/images/examples/LLaVA_Interactive-24.png new file mode 100644 index 0000000..72fd49e Binary files /dev/null and b/images/examples/LLaVA_Interactive-24.png differ diff --git a/images/examples/LLaVA_Interactive-25.png b/images/examples/LLaVA_Interactive-25.png new file mode 100644 index 0000000..64b991b Binary files /dev/null and b/images/examples/LLaVA_Interactive-25.png differ diff --git a/images/examples/LLaVA_Interactive-26.png b/images/examples/LLaVA_Interactive-26.png new file mode 100644 index 0000000..f40147f Binary files /dev/null and b/images/examples/LLaVA_Interactive-26.png differ diff --git a/images/examples/LLaVA_Interactive-27.png b/images/examples/LLaVA_Interactive-27.png new file mode 100644 index 0000000..2b3f16a Binary files /dev/null and b/images/examples/LLaVA_Interactive-27.png differ diff --git a/images/examples/LLaVA_Interactive-28.png b/images/examples/LLaVA_Interactive-28.png new file mode 100644 index 0000000..638d81a Binary files /dev/null and b/images/examples/LLaVA_Interactive-28.png differ diff --git a/images/examples/LLaVA_Interactive-29.png b/images/examples/LLaVA_Interactive-29.png new file mode 100644 index 0000000..95fe5be Binary files /dev/null and b/images/examples/LLaVA_Interactive-29.png differ diff --git a/images/examples/LLaVA_Interactive-30.png b/images/examples/LLaVA_Interactive-30.png new file mode 100644 index 0000000..1c4675c Binary files /dev/null and b/images/examples/LLaVA_Interactive-30.png differ diff --git a/images/examples/LLaVA_Interactive-31.png b/images/examples/LLaVA_Interactive-31.png new file mode 100644 index 0000000..1a699cd Binary files /dev/null and b/images/examples/LLaVA_Interactive-31.png differ diff --git a/index.html b/index.html index 99fbb59..19aeb58 100644 --- a/index.html +++ b/index.html @@ -383,24 +383,193 @@

Development Challenges

Case Study: Multimodal Interactive Creation for Photographic Artists

+
+ +
+


+ - +

Preliminary Evaluation: Sparks of New Application Scenarios

-
+ + +
+ +
+ + + + + + + + + + + + + + + + + + + +
+
+
1 / 19
+ +
Caption Text
+
+ +
+
2 / 19
+ +
Caption Two
+
+ +
+
3 / 19
+ +
Caption Three
+
+ +
+
4 / 19
+ +
Caption Text
+
+ +
+
5 / 19
+ +
Caption Two
+
+ +
+
6 / 19
+ +
Caption Three
+
+ +
+
7 / 19
+ +
Caption Text
+
+ +
+
8 / 19
+ +
Caption Two
+
+ +
+
9 / 19
+ +
Caption Three
+
+ +
+
10 / 19
+ +
Caption Text
+
+ +
+
11 / 19
+ +
Caption Two
+
+ +
+
12 / 19
+ +
Caption Three
+
+ +
+
13 / 19
+ +
Caption Three
+
+ +
+
14 / 19
+ +
Caption Three
+
+ +
+
15 / 19
+ +
Caption Three
+
+ +
+
16 / 19
+ +
Caption Three
+
+ +
+
17 / 19
+ +
Caption Three
+
+ +
+
18 / 19
+ +
Caption Three
+
+ +
+
19 / 19
+ +
Caption Three
+
+ +
+
-
+ + + +

BibTeX

diff --git a/static/css/index.css b/static/css/index.css index 21076ef..c9a7729 100644 --- a/static/css/index.css +++ b/static/css/index.css @@ -155,3 +155,92 @@ body { #interpolation-image-wrapper img { border-radius: 5px; } + + +* {box-sizing:border-box} + +/* Slideshow container */ +.slideshow-container { + max-width: 1000px; + position: relative; + margin: auto; +} + +/* Hide the images by default */ +.mySlides { + display: none; +} + +/* Next & previous buttons */ +.prev, .next { + cursor: pointer; + position: absolute; + top: 50%; + width: auto; + margin-top: -22px; + padding: 16px; + color: white; + font-weight: bold; + font-size: 18px; + transition: 0.6s ease; + border-radius: 0 3px 3px 0; + user-select: none; +} + +/* Position the "next button" to the right */ +.next { + right: 0; + border-radius: 3px 0 0 3px; +} + +/* On hover, add a black background color with a little bit see-through */ +.prev:hover, .next:hover { + background-color: rgba(0,0,0,0.8); +} + +/* Caption text */ +.text { + color: #f2f2f2; + font-size: 15px; + padding: 8px 12px; + position: absolute; + bottom: 8px; + width: 100%; + text-align: center; +} + +/* Number text (1/3 etc) */ +.numbertext { + color: #f2f2f2; + font-size: 12px; + padding: 8px 12px; + position: absolute; + top: 0; +} + +/* The dots/bullets/indicators */ +.dot { + cursor: pointer; + height: 15px; + width: 15px; + margin: 0 2px; + background-color: #bbb; + border-radius: 50%; + display: inline-block; + transition: background-color 0.6s ease; +} + +.active, .dot:hover { + background-color: #717171; +} + +/* Fading animation */ +.fade { + animation-name: fade; + animation-duration: 3.5s; +} + +@keyframes fade { + from {opacity: .4} + to {opacity: 1} +}