add readme and layout

app.py

@@ -30,8 +30,23 @@ from mmcv import Config
 
 DESCRIPTION = '''# OpenPSG
 
-This is an official demo for [OpenPSG](https://github.com/Jingkang50/OpenPSG).
-<img id="overview" alt="overview" src="https://camo.githubusercontent.com/880346b66831a8212074787ba9a2301b4d700bd8f765ca11e4845ac0ab34c230/68747470733a2f2f6c6976652e737461746963666c69636b722e636f6d2f36353533352f35323139333837393637375f373531613465306237395f6b2e6a7067" />
+This is an official demo for [OpenPSG](https://github.com/Jingkang50/OpenPSG). 
+
+News: The PSG Challenge is NOW available on International Algorithm Case Competition and soon ECCV'22 SenseHuman Workshop! Prize pool 🤑 US$150K 🤑! 
+
+Check out our [GitHub repo](https://github.com/Jingkang50/OpenPSG) and [official website](http://psgdataset.org/) for more details.
+
+<div class="row">
+  <div class="column">
+    <img id="logo" src="https://camo.githubusercontent.com/880346b66831a8212074787ba9a2301b4d700bd8f765ca11e4845ac0ab34c230/68747470733a2f2f6c6976652e737461746963666c69636b722e636f6d2f36353533352f35323139333837393637375f373531613465306237395f6b2e6a7067" alt="logo" style="width:100%">
+  </div>
+  <div class="column">
+    <img id="visualzation" src="https://github.com/Jingkang50/OpenPSG/blob/main/assets/psgtr_long.gif?raw=true" alt="visualzation" style="width:100%">
+  </div>
+</div>
+
+Inference takes about 10 second per image.
+
 '''
 FOOTER = '<img id="visitor-badge" src="https://visitor-badge.glitch.me/badge?page_id=c-liangyu.openpsg" alt="visitor badge" />'
 

style.css

@@ -1,14 +1,24 @@
 h1 {
   text-align: center;
 }
+.column {
+  float: left;
+  width: 50%;
+  padding: 10px;
+}
+.row:after {
+  content: "";
+  display: table;
+  clear: both;
+}
 #input-image {
-  max-height: 300px;
+  max-height: 800px;
 }
 #label-image {
   height: 300px;
 }
 #result-image {
-  height: 300px;
+  height: 800px;
 }
 img#visitor-badge {
   display: block;