Add video

jkulhanek · Aug 17, 2023 · d73a200 · d73a200
1 parent 8d07ea6
commit d73a200
Show file tree

Hide file tree

Showing 3 changed files with 45 additions and 2 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -7,7 +7,10 @@
     <link rel="stylesheet" href="style.css" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Tetra-NeRF: Representing Neural Radiance Fields Using Tetrahedra</title>
-    <meta name="description" content="This webpage presents Tetra-NeRF - NeRF represented as triangulation of input point cloud. It provides an interactive demo and links to the source code, the paper, and additional materials.">
+    <meta name="description" content="This is the official Tetra-NeRF webpage - NeRF represented as triangulation of input point cloud. It provides an interactive demo and links to the source code, the paper, and additional materials.">
+    <meta name="keywords" content="tetranerf,nerf,jkulhanek,official,code" />
+    <meta name="author" content="Jonas Kulhanek" />
+    <meta name="google-site-verification" content="an0QVUgNapVNvCR5PyBUYFnNmmFmhbehw8DWht5PXy0" />
     <link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,700,1,0" />
     <!-- Microsoft Clarity analytics -->
@@ -48,7 +51,7 @@ <h1>
       }
     </style>
     <div class="video teaser-video">
-      <video style="object-fit: cover;" width="320" height="240" loop autoplay controls muted>
+      <video style="object-fit: cover;" alt="tetranerf intro video" width="320" height="240" loop autoplay controls muted>
         <source src="https://data.ciirc.cvut.cz/public/projects/2023TetraNeRF/resources/intro-video.mp4" type="video/mp4">
       </video>
     </div>

diff --git a/docs/style.css b/docs/style.css
@@ -142,6 +142,9 @@ h1 .title-small  {
 .video.d16x9::before {
   padding-bottom: 56.25%;
 }
+.video.d1112x720::before {
+  padding-bottom: 64.748%;
+}
 
 .video video,
 .video iframe{

diff --git a/docs/video.html b/docs/video.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link rel="stylesheet" href="style.css" />
+    <title>Tetra-NeRF: Attached video</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="robots" content="noindex">
+    <meta charset="utf-8">
+    <link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" rel="stylesheet">
+  </head>
+  <body class="wide">
+    <header>
+      <h1>
+        <span class="title-main" style="margin-top: 1em">Tetra-NeRF: Attached video</span>
+      </h1>
+    </header>
+    <div class="links">
+      <a class="link link-web" href="./">Web</a>
+      <!--
+      <div class="link link-paper">
+        <a href="#">Paper</a>
+      </div>-->
+      <a class="link link-github" href="https://github.com/jkulhanek/tetra-nerf/">Code</a>
+    </div>
+
+    <section>
+      <div class="video d1112x720" style="max-width: 1920px; margin: 0px auto;">
+        <video width="320" height="240" loop autoplay controls muted>
+          <!--<source src="https://data.ciirc.cvut disabled .cz/public/projects/2023TetraNeRF/resources/video-cover.webm" type="video/webm; codecs=vp9,vorbis">-->
+          <source src="https://data.ciirc.cvut.cz/public/projects/2023TetraNeRF/resources/video-cover.mp4" type="video/mp4">
+        </video>
+      </div>
+    </section>
+  </body>
+</html>