miladalsh commited on
Commit
4e958be
·
verified ·
1 Parent(s): 60156ec

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +7 -201
index.html CHANGED
@@ -36,20 +36,20 @@
36
  <h1 class="title is-1 publication-title">IXAM: Interactive Explainability for Authorship Attribution Models</h1>
37
  <div class="is-size-5 publication-authors">
38
  <span class="author-block">
39
- <a href="https://keunhong.com" target="_blank">Milad Alshomary</a><sup>1</sup>,</span>
40
  <span class="author-block">
41
- <a href="https://utkarshsinha.com" target="_blank">Anisha Bhatnagar</a><sup>2</sup>,</span>
42
  <span class="author-block">
43
- <a href="https://jonbarron.info" target="_blank">Peter Zeng</a><sup>2</sup>,
44
  </span>
45
  <span class="author-block">
46
- <a href="http://sofienbouaziz.com" target="_blank">Smaranda Muresan</a><sup>2</sup>,
47
  </span>
48
  <span class="author-block">
49
- <a href="https://www.danbgoldman.com" target="_blank">Owen Rambow</a><sup>2</sup>,
50
  </span>
51
  <span class="author-block">
52
- <a href="https://homes.cs.washington.edu/~seitz/" target="_blank">Kathleen McKeown</a><sup>1,2</sup>,
53
  </span>
54
  </div>
55
 
@@ -72,7 +72,7 @@
72
  </span>
73
  <!-- Video Link. -->
74
  <span class="link-block">
75
- <a href="https://www.youtube.com/watch?v=MrKrnHhk8IA" target="_blank"
76
  class="external-link button is-normal is-rounded is-dark">
77
  <span class="icon">
78
  <i class="fab fa-youtube"></i>
@@ -125,64 +125,6 @@
125
  </section>
126
 
127
 
128
- <section class="hero is-light is-small">
129
- <div class="hero-body">
130
- <div class="container">
131
- <div id="results-carousel" class="carousel results-carousel">
132
- <div class="item item-steve">
133
- <video poster="" id="steve" autoplay controls muted loop playsinline height="100%">
134
- <source src="./static/videos/steve.mp4"
135
- type="video/mp4">
136
- </video>
137
- </div>
138
- <div class="item item-chair-tp">
139
- <video poster="" id="chair-tp" autoplay controls muted loop playsinline height="100%">
140
- <source src="./static/videos/chair-tp.mp4"
141
- type="video/mp4">
142
- </video>
143
- </div>
144
- <div class="item item-shiba">
145
- <video poster="" id="shiba" autoplay controls muted loop playsinline height="100%">
146
- <source src="./static/videos/shiba.mp4"
147
- type="video/mp4">
148
- </video>
149
- </div>
150
- <div class="item item-fullbody">
151
- <video poster="" id="fullbody" autoplay controls muted loop playsinline height="100%">
152
- <source src="./static/videos/fullbody.mp4"
153
- type="video/mp4">
154
- </video>
155
- </div>
156
- <div class="item item-blueshirt">
157
- <video poster="" id="blueshirt" autoplay controls muted loop playsinline height="100%">
158
- <source src="./static/videos/blueshirt.mp4"
159
- type="video/mp4">
160
- </video>
161
- </div>
162
- <div class="item item-mask">
163
- <video poster="" id="mask" autoplay controls muted loop playsinline height="100%">
164
- <source src="./static/videos/mask.mp4"
165
- type="video/mp4">
166
- </video>
167
- </div>
168
- <div class="item item-coffee">
169
- <video poster="" id="coffee" autoplay controls muted loop playsinline height="100%">
170
- <source src="./static/videos/coffee.mp4"
171
- type="video/mp4">
172
- </video>
173
- </div>
174
- <div class="item item-toby">
175
- <video poster="" id="toby" autoplay controls muted loop playsinline height="100%">
176
- <source src="./static/videos/toby2.mp4"
177
- type="video/mp4">
178
- </video>
179
- </div>
180
- </div>
181
- </div>
182
- </div>
183
- </section>
184
-
185
-
186
  <section class="section">
187
  <div class="container is-max-desktop">
188
  <!-- Abstract. -->
@@ -213,142 +155,6 @@
213
  </section>
214
 
215
 
216
- <section class="section">
217
- <div class="container is-max-desktop">
218
-
219
- <div class="columns is-centered">
220
-
221
- <!-- Visual Effects. -->
222
- <div class="column">
223
- <div class="content">
224
- <h2 class="title is-3">Visual Effects</h2>
225
- <p>
226
- Using <i>nerfies</i> you can create fun visual effects. This Dolly zoom effect
227
- would be impossible without nerfies since it would require going through a wall.
228
- </p>
229
- <video id="dollyzoom" autoplay controls muted loop playsinline height="100%">
230
- <source src="./static/videos/dollyzoom-stacked.mp4"
231
- type="video/mp4">
232
- </video>
233
- </div>
234
- </div>
235
- <!--/ Visual Effects. -->
236
-
237
- <!-- Matting. -->
238
- <div class="column">
239
- <h2 class="title is-3">Matting</h2>
240
- <div class="columns is-centered">
241
- <div class="column content">
242
- <p>
243
- As a byproduct of our method, we can also solve the matting problem by ignoring
244
- samples that fall outside of a bounding box during rendering.
245
- </p>
246
- <video id="matting-video" controls playsinline height="100%">
247
- <source src="./static/videos/matting.mp4"
248
- type="video/mp4">
249
- </video>
250
- </div>
251
-
252
- </div>
253
- </div>
254
- </div>
255
- <!--/ Matting. -->
256
-
257
- <!-- Animation. -->
258
- <div class="columns is-centered">
259
- <div class="column is-full-width">
260
- <h2 class="title is-3">Animation</h2>
261
-
262
- <!-- Interpolating. -->
263
- <h3 class="title is-4">Interpolating states</h3>
264
- <div class="content has-text-justified">
265
- <p>
266
- We can also animate the scene by interpolating the deformation latent codes of two input
267
- frames. Use the slider here to linearly interpolate between the left frame and the right
268
- frame.
269
- </p>
270
- </div>
271
- <div class="columns is-vcentered interpolation-panel">
272
- <div class="column is-3 has-text-centered">
273
- <img src="./static/images/interpolate_start.jpg"
274
- class="interpolation-image"
275
- alt="Interpolate start reference image."/>
276
- <p>Start Frame</p>
277
- </div>
278
- <div class="column interpolation-video-column">
279
- <div id="interpolation-image-wrapper">
280
- Loading...
281
- </div>
282
- <input class="slider is-fullwidth is-large is-info"
283
- id="interpolation-slider"
284
- step="1" min="0" max="100" value="0" type="range">
285
- </div>
286
- <div class="column is-3 has-text-centered">
287
- <img src="./static/images/interpolate_end.jpg"
288
- class="interpolation-image"
289
- alt="Interpolation end reference image."/>
290
- <p class="is-bold">End Frame</p>
291
- </div>
292
- </div>
293
- <br/>
294
- <!--/ Interpolating. -->
295
-
296
- <!-- Re-rendering. -->
297
- <h3 class="title is-4">Re-rendering the input video</h3>
298
- <div class="content has-text-justified">
299
- <p>
300
- Using <span class="dnerf">Nerfies</span>, you can re-render a video from a novel
301
- viewpoint such as a stabilized camera by playing back the training deformations.
302
- </p>
303
- </div>
304
- <div class="content has-text-centered">
305
- <video id="replay-video"
306
- controls
307
- muted
308
- preload
309
- playsinline
310
- width="75%">
311
- <source src="./static/videos/replay.mp4"
312
- type="video/mp4">
313
- </video>
314
- </div>
315
- <!--/ Re-rendering. -->
316
-
317
- </div>
318
- </div>
319
- <!--/ Animation. -->
320
-
321
-
322
- <!-- Concurrent Work. -->
323
- <div class="columns is-centered">
324
- <div class="column is-full-width">
325
- <h2 class="title is-3">Related Links</h2>
326
-
327
- <div class="content has-text-justified">
328
- <p>
329
- There's a lot of excellent work that was introduced around the same time as ours.
330
- </p>
331
- <p>
332
- <a href="https://arxiv.org/abs/2104.09125" target="_blank">Progressive Encoding for Neural Optimization</a> introduces an idea similar to our windowed position encoding for coarse-to-fine optimization.
333
- </p>
334
- <p>
335
- <a href="https://www.albertpumarola.com/research/D-NeRF/index.html" target="_blank">D-NeRF</a> and <a href="https://gvv.mpi-inf.mpg.de/projects/nonrigid_nerf/" target="_blank">NR-NeRF</a>
336
- both use deformation fields to model non-rigid scenes.
337
- </p>
338
- <p>
339
- Some works model videos with a NeRF by directly modulating the density, such as <a href="https://video-nerf.github.io/" target="_blank">Video-NeRF</a>, <a href="https://www.cs.cornell.edu/~zl548/NSFF/" target="_blank">NSFF</a>, and <a href="https://neural-3d-video.github.io/" target="_blank">DyNeRF</a>
340
- </p>
341
- <p>
342
- There are probably many more by the time you are reading this. Check out <a href="https://dellaert.github.io/NeRF/" target="_blank">Frank Dellart's survey on recent NeRF papers</a>, and <a href="https://github.com/yenchenlin/awesome-NeRF" target="_blank">Yen-Chen Lin's curated list of NeRF papers</a>.
343
- </p>
344
- </div>
345
- </div>
346
- </div>
347
- <!--/ Concurrent Work. -->
348
-
349
- </div>
350
- </section>
351
-
352
 
353
  <section class="section" id="BibTeX">
354
  <div class="container is-max-desktop content">
 
36
  <h1 class="title is-1 publication-title">IXAM: Interactive Explainability for Authorship Attribution Models</h1>
37
  <div class="is-size-5 publication-authors">
38
  <span class="author-block">
39
+ <a href="" target="_blank">Milad Alshomary</a><sup>1</sup>,</span>
40
  <span class="author-block">
41
+ <a href="" target="_blank">Anisha Bhatnagar</a><sup>2</sup>,</span>
42
  <span class="author-block">
43
+ <a href="" target="_blank">Peter Zeng</a><sup>2</sup>,
44
  </span>
45
  <span class="author-block">
46
+ <a href="" target="_blank">Smaranda Muresan</a><sup>2</sup>,
47
  </span>
48
  <span class="author-block">
49
+ <a href="" target="_blank">Owen Rambow</a><sup>2</sup>,
50
  </span>
51
  <span class="author-block">
52
+ <a href="" target="_blank">Kathleen McKeown</a><sup>1,2</sup>,
53
  </span>
54
  </div>
55
 
 
72
  </span>
73
  <!-- Video Link. -->
74
  <span class="link-block">
75
+ <a href="_" target="_blank"
76
  class="external-link button is-normal is-rounded is-dark">
77
  <span class="icon">
78
  <i class="fab fa-youtube"></i>
 
125
  </section>
126
 
127
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
128
  <section class="section">
129
  <div class="container is-max-desktop">
130
  <!-- Abstract. -->
 
155
  </section>
156
 
157
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
158
 
159
  <section class="section" id="BibTeX">
160
  <div class="container is-max-desktop content">