Replace home.html

webApp_DoVoiceInteraction/base/templates/base/home.html

@@ -51,17 +51,94 @@ import { Button } from 'semantic-ui-react'
 
 <div class="ui vertical stripe segment">
     <div class="ui text container">
-      <h3 class="ui header">Our project</h3>
-      <p>Overall description goes here.Overall description goes here.Overall description goes here.Overall description goes here.Overall description goes here.Overall description goes here.</p>
-      <h4 class="ui horizontal header divider">
-        <a>Functions</a>
-      </h4>
-      <h3 class="ui header">Function one</h3>
-      <p>Description of function one.Description of function one.Description of function one.Description of function one.Description of function one.Description of function one.</p>
-        <h3 class="ui header">Function two</h3>
-      <p>Description of function two.Description of function two.Description of function two.Description of function two.Description of function two.Description of function two.</p>
+      <br />
+      <h3 class="ui header">Overall</h3>
+      <p> Our project aims to achieve multi-speaker speech recognition for the Data Observatory Voice Bot developed at Imperial College London. When multiple people talk to the voice bot, the voice bot is able to distinguish between different users. Your voice is unique, even for the voice bot! </p>
+      <br />
+    </div>
+  </div>
+
+<!--<div class="ui equal width stackable internally celled grid">-->
+<!--  <div class="ui horizontal list">-->
+<!--    <h4 class="ui horizontal header divider">-->
+<!--        <a>Group Members</a>-->
+<!--      </h4>-->
+<div class="ui vertical stripe quote segment">
+    <div class="ui equal width stackable internally celled grid">
+      <div class="center aligned row">
+        <div class="column">
+          <h3>Upload</h3>
+          <p>Try to upload with pre-recorded audio files. The file format of WAV is preferred.</p>
+        </div>
+        <div class="column">
+          <h3>Record</h3>
+          <p>Want to interact with the chatbot immediately? Use the record button to give it a try.</p>
+        </div>
+      </div>
+    </div>
+  </div>
 
+<br />
+<br />
+<br />
+<br />
+
+<!--  <div class="ui equal width stackable internally celled grid">-->
+  <div class="ui horizontal list">
+    <h4 class="ui horizontal header divider">
+        <a>Group Members</a>
+      </h4>
+  <div class="item">
+    <i class="users icon"></i>
+    <div class="content">
+      <div class="ui sub header">Zhiping Huang</div>
+        front front front
+    </div>
+  </div>
+  <div class="item">
+    <i class="users icon"></i>
+    <div class="content">
+      <div class="ui sub header">Junfeng Lin</div>
+      Developer
+    </div>
+  </div>
+  <div class="item">
+<!--    <img class="ui image" src="/images/icons/school.png">-->
+    <i class="users icon"></i>
+    <div class="content">
+      <div class="ui sub header">Zihang Peng</div>
+      Project Manager
+    </div>
+  </div>
+    <div class="item">
+    <i class="users icon"></i>
+    <div class="content">
+      <div class="ui sub header">Xinyi Wu</div>
+      Project Manager
+    </div>
+  </div>
+    <div class="item">
+<!--    <img src="/images/avatar2/small/eve.png" class="ui mini circular image">-->
+      <i class="users icon"></i>
+    <div class="content">
+      <div class="ui sub header">Baoshun Yan</div>
+      Project Manager
+    </div>
+  </div>
+    <div class="item">
+    <i class="users icon"></i>
+    <div class="content">
+      <div class="ui sub header">Ruiyang Yao</div>
+      Project Manager
     </div>
   </div>
+</div>
+</div>
+    </div>
+</div>
+
+<br />
+
+
 
 {% endblock content %}
\ No newline at end of file