add coming soon label

Author: oxkitsune

index.html

@@ -66,38 +66,38 @@ <h1 class="title is-1 publication-title">DNT-RL: Soccer Behavior Learning in Par
               <div class="publication-links">
                 <!-- PDF Link. -->
                 <span class="link-block">
-                  <a href="TODO" class="external-link button is-normal is-rounded is-dark">
+                  <a href="TODO" class="external-link button is-normal is-rounded is-dark is-disabled">
                     <span class="icon">
                       <i class="fas fa-file-pdf"></i>
                     </span>
-                    <span>Paper</span>
+                    <span>Paper (Coming soon)</span>
                   </a>
                 </span>
                 <span class="link-block">
-                  <a href="TODO" class="external-link button is-normal is-rounded is-dark">
+                  <a href="TODO" class="external-link button is-normal is-rounded is-dark is-disabled">
                     <span class="icon">
                       <i class="ai ai-arxiv"></i>
                     </span>
-                    <span>arXiv</span>
+                    <span>arXiv (Coming soon)</span>
                   </a>
                 </span>
                 <!-- Video Link. TODO-->
                 <span class="link-block">
-                  <a href="TODO" class="external-link button is-normal is-rounded is-dark">
+                  <a href="TODO" class="external-link button is-normal is-rounded is-dark is-disabled">
                     <span class="icon">
                       <i class="fab fa-youtube"></i>
                     </span>
-                    <span>Video</span>
+                    <span>Video (Coming soon)</span>
                   </a>
                 </span>
                 <!-- Code Link. -->
                 <span class="link-block">
                   <a href="https://github.com/IntelligentRoboticsLab/dnt-rl"
-                    class="external-link button is-normal is-rounded is-dark">
+                    class="external-link button is-normal is-rounded is-dark is-disabled">
                     <span class="icon">
                       <i class="fab fa-github"></i>
                     </span>
-                    <span>Code</span>
+                    <span>Code (Coming soon)</span>
                   </a>
                 </span>
                 <!-- Simulation Link. -->
@@ -126,22 +126,22 @@ <h1 class="title is-1 publication-title">DNT-RL: Soccer Behavior Learning in Par
         <h2 class="subtitle has-text-centered">
           <span class="dnerf">DNT-RL</span> learning a walk to point policy with 64 parallel agents.
         </h2>
-        <h4>PAGE IS UNDERCONSTRUCTION</h4>
+        <h4 class="has-text-centered"">PAGE IS UNDERCONSTRUCTION</h4>
       </div>
     </div>
   </section>
 
 
-  <section class="hero is-light is-small">
-    <div class="hero-body">
-      <div class="container">
-        <div id="results-carousel" class="carousel results-carousel">
-          <div class="item item-steve">
-            <video poster="" id="steve" autoplay controls muted loop playsinline height="100%">
-              <source src="./static/videos/striker.webm" type="video/webm">
-            </video>
-          </div>
-          <!-- <div class="item item-chair-tp">
+  <section class=" hero is-light is-small">
+          <div class="hero-body">
+            <div class="container">
+              <div id="results-carousel" class="carousel results-carousel">
+                <div class="item item-steve">
+                  <video poster="" id="steve" autoplay controls muted loop playsinline height="100%">
+                    <source src="./static/videos/striker.webm" type="video/webm">
+                  </video>
+                </div>
+                <!-- <div class="item item-chair-tp">
             <video poster="" id="chair-tp" autoplay controls muted loop playsinline height="100%">
               <source src="./static/videos/chair-tp.mp4" type="video/mp4">
             </video>
@@ -176,9 +176,9 @@ <h4>PAGE IS UNDERCONSTRUCTION</h4>
               <source src="./static/videos/toby2.mp4" type="video/mp4">
             </video>
           </div> -->
-        </div>
-      </div>
-    </div>
+              </div>
+            </div>
+          </div>
   </section>
 
 

static/css/index.css

@@ -75,6 +75,13 @@ body {
   text-decoration: underline;
 }
 
+
+.is-disabled {
+  pointer-events: none;
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
 .author-block {
   display: inline-block;
 }