Add content for the demos

Author: RishabhJain2018

chat/templates/chat/landing.html

@@ -50,59 +50,40 @@
             </nav>
         </div>
     </header>
-    <div class="container valign-wrapper">
-        <div class="row">
-            <div class="col s12 m4 offset-m2">
-                <div class="card">
-                    <div class="card-image">
-                        <img src="{% static 'images/sample-1.jpg' %}">
-                        <span class="card-title">Visual Dialog 1</span>
-                    </div>
-                    <div class="card-content">
-                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has
-                            been
-                            the industry's standard
-                            dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled
-                            it
-                            to make a type specimen
-                            book. It has survived not only five centuries, but also the leap into electronic
-                            typesetting,
-                            remaining essentially
-                            unchanged. It was popularised in the 1960s with the release of Letraset sheets containing
-                            Lorem
-                            Ipsum passages, and more
-                            recently with desktop publishing software like Aldus PageMaker including versions of Lorem
-                            Ipsum.</p>
-                    </div>
-                    <div class="card-action">
-                        <a href="#" target="_blank">Start Chat</a>
+    <div class="valign-wrapper" style="height: 100%">
+        <div class="container">
+            <div class="row">
+                <div class="col s12 m5 offset-m1">
+                    <div class="card hoverable">
+                        <div class="card-content">
+                            <span class="card-title">Hierarchical Recurrent Encoder (2017)</span>
+                            <p>The Hierarchical Recurrent Encoder architecture as specified in our <a
+                                    href="https://arxiv.org/abs/1611.08669">CVPR 2017 paper</a>. The model was trained
+                                on VisDial v0.9 train+val and uses VGG-16 to extract image features, and <a
+                                    href="https://github.com/karpathy/neuraltalk2">NeuralTalk2 </a> for captioning. Code
+                                available <a href="https://github.com/batra-mlp-lab/visdial">here </a>. </p>
+                        </div>
+                        <div class="card-action">
+                            <a href="/home">Let's Chat</a>
+                        </div>
                     </div>
                 </div>
-            </div>
-            <div class="col s12 m4 offset">
-                <div class="card">
-                    <div class="card-image">
-                        <img src="{% static 'images/sample-1.jpg' %}">
-                        <span class="card-title">Visual Dialog 2</span>
-                    </div>
-                    <div class="card-content">
-                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has
-                            been
-                            the industry's standard
-                            dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled
-                            it
-                            to make a type specimen
-                            book. It has survived not only five centuries, but also the leap into electronic
-                            typesetting,
-                            remaining essentially
-                            unchanged. It was popularised in the 1960s with the release of Letraset sheets containing
-                            Lorem
-                            Ipsum passages, and more
-                            recently with desktop publishing software like Aldus PageMaker including versions of Lorem
-                            Ipsum.</p>
-                    </div>
-                    <div class="card-action">
-                        <a href="#" target="_blank">Start Chat</a>
+                <div class="col s12 m5">
+                    <div class="card hoverable">
+                        <div class="card-content">
+                            <span class="card-title">Late Fusion (2019)</span><br>
+                            <p>Built on the Late Fusion architecture specified in our <a
+                                    href="https://arxiv.org/abs/1611.08669">CVPR 2017 paper</a>. The model was trained
+                                on VisDial v1.0 train+val. It uses ResNeXt detector features, and <a
+                                    href="https://github.com/facebookresearch/pythia">Pythia </a> for captioning. Code
+                                available <a
+                                    href="https://github.com/batra-mlp-lab/visdial-challenge-starter-pytorch">here </a>.
+                                <br>
+                            </p>
+                        </div>
+                        <div class="card-action" style="margin-top: 21px;">
+                            <a href="http://demo-visualdialog.cloudcv.org/">Let's Chat</a>
+                        </div>
                     </div>
                 </div>
             </div>