From 7d57bc778d637b1b424f76557294df8599b3950d Mon Sep 17 00:00:00 2001
From: Mark Huang <hhzeos@gmail.com>
Date: Thu, 17 Jun 2021 22:28:34 +0800
Subject: [PATCH] Update

---
 web/public/index.html                       | 14 ++++++++
 web/src/components/Navbar.js                |  8 +++--
 web/src/components/PageHome.js              |  2 +-
 web/src/components/PageLeaderboard.js       | 37 ++++++++++++++++++++-
 web/src/components/SectionDatasetDetails.js |  9 +----
 5 files changed, 57 insertions(+), 13 deletions(-)
diff --git a/web/public/index.html b/web/public/index.html
index 6f42f53..ddf542d 100644
--- a/web/public/index.html
+++ b/web/public/index.html
@@ -19,6 +19,20 @@
         <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
         <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
         <title>SUTD-TrafficQA</title>
+        <!-- Global site tag (gtag.js) - Google Analytics -->
+        <script
+            async
+            src="https://www.googletagmanager.com/gtag/js?id=G-B8HB8M0WKY"
+        ></script>
+        <script>
+            window.dataLayer = window.dataLayer || [];
+            function gtag() {
+                dataLayer.push(arguments);
+            }
+            gtag("js", new Date());
+
+            gtag("config", "G-B8HB8M0WKY");
+        </script>
     </head>
     <body>
         <noscript>You need to enable JavaScript to run this app.</noscript>
diff --git a/web/src/components/Navbar.js b/web/src/components/Navbar.js
index f976f15..884dd3b 100644
--- a/web/src/components/Navbar.js
+++ b/web/src/components/Navbar.js
@@ -25,7 +25,8 @@ const Navbar = () => {
     }
 
     const [activePage, setActivePage] = useState({
-        "Home": true,
+        // "Home": true,
+        "Home": false,
         "Explore": false,
         "Download": false,
         "Leaderboard": false,
@@ -34,7 +35,8 @@ const Navbar = () => {
 
     const handleNavOnClick = (e) => {
         // console.log(e.target.name)
-        setActivePage({...allFalseState, [e.target.name]:true})
+        // setActivePage({...allFalseState, [e.target.name]:true})
+        setActivePage({...allFalseState, [e.target.name]:false})
     }
 
     return (
@@ -59,7 +61,7 @@ const Navbar = () => {
                                 <Link className={activePage.Download? "nav-link active" : "nav-link"} name="Download" onClick={handleNavOnClick} to={pageRoot + "/download"}>Download</Link>
                             </li>
                             <li className="nav-item">
-                                <Link className={activePage.Leaderboard? "nav-link active" : "nav-link disabled"} name="Leaderboard" onClick={handleNavOnClick} to={pageRoot + "/leaderboard"}>Leaderboard</Link>
+                                <Link className={activePage.Leaderboard? "nav-link active" : "nav-link"} name="Leaderboard" onClick={handleNavOnClick} to={pageRoot + "/leaderboard"}>Leaderboard</Link>
                             </li>
                             <li className="nav-item">
                                 <Link className={activePage.About? "nav-link active" : "nav-link"} name="About" onClick={handleNavOnClick} to={pageRoot + "/about"}>About</Link>
diff --git a/web/src/components/PageHome.js b/web/src/components/PageHome.js
index 408cd50..7f574f3 100644
--- a/web/src/components/PageHome.js
+++ b/web/src/components/PageHome.js
@@ -42,7 +42,7 @@ const PageHome = () => {
                 <h3 className="m-3">Example</h3> 
             </div>
             <div className="pt-2 container-sm text-center">
-                <img src={exampleImg} style={{maxWidth: "90%"}} />
+                <img src={exampleImg} alt="exampleImg" style={{maxWidth: "90%"}} />
             </div>
 
         </div>
diff --git a/web/src/components/PageLeaderboard.js b/web/src/components/PageLeaderboard.js
index 87d6452..e21fe72 100644
--- a/web/src/components/PageLeaderboard.js
+++ b/web/src/components/PageLeaderboard.js
@@ -9,7 +9,42 @@ const PageLeaderboard = () => {
                 </div>
             </div>
             <div className="container">
-                    <div className="mt-5 display-6 text-center">Coming soon</div>
+                <div className="mt-5 alert alert-info">
+                    <span className="fst-italic fw-bold me-2">Note:</span> 
+                    If you want your work to be shown here, please send us your test set predictions via email, we will compute the testing set accuracy and update the leaderboard.
+                </div>
+
+                <table className="mt-4 table">
+                    <thead>
+                        <tr>
+                            <th scope="col">Authors</th>
+                            <th scope="col">Paper</th>
+                            <th className="text-center" scope="col">Accuracy</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr>
+                            <td>Anonymous</td>
+                            <td>Experts Collaboration Learning for Continual VideoQA</td>
+                            <td className="text-center">40.12</td>
+                        </tr>
+                        <tr>
+                            <td>Xu et al.</td>
+                            <td>TrafficQA: A Question Answering Benchmark and an Efficient Network for Video Reasoning over Traffic Events (CVPR 2021)</td>
+                            <td className="text-center">37.05</td>
+                        </tr>
+                        <tr>
+                            <td>Le et al.</td>
+                            <td>Hierarchical Conditional Relation Networks for Video Question Answering (CVPR 2020)</td>
+                            <td className="text-center">36.49</td>
+                        </tr>
+                        <tr>
+                            <td>Fan et al.</td>
+                            <td>Heterogeneous Memory Enhanced Multimodal Attention Model for Video Question Answering (CVPR 2019)</td>
+                            <td className="text-center">34.12</td>
+                        </tr>
+                    </tbody>
+                </table>
             </div>
         </div>
     )
diff --git a/web/src/components/SectionDatasetDetails.js b/web/src/components/SectionDatasetDetails.js
index 4798ec3..7636309 100644
--- a/web/src/components/SectionDatasetDetails.js
+++ b/web/src/components/SectionDatasetDetails.js
@@ -1,16 +1,9 @@
-import exampleImg from "../imgs/featured.png"
 import DownloadButton from "./DownloadButton"
 
 const SectionDatasetDetails = () => {
     return (
         <div>
             <div className={"container my-4 py-3 px-3 jumbotron"} style={{minWidth: 400}}>
-                {/* <div className={"container pb-5"}>
-                    <h3 className="mb-4">Example</h3>
-                    <div className={"container"}>
-                        <img src={exampleImg} alt="exampleImg" style={{maxWidth: "100%"}} />
-                    </div>
-                </div> */}
                 <div className={"container d-flex flex-column align-items-start"}>
 
                     <h3 className="my-3">Annotations (Text QAs)</h3>
@@ -178,7 +171,7 @@ const SectionDatasetDetails = () => {
                     </ul>
 
                     <h3 className="my-3">Download Dataset</h3>
-                    <DownloadButton text={"Request Download"} href={"#download"} disabled={false} openNewTab={true}/>
+                    <DownloadButton text={"Request Download"} href={"#download"} disabled={false} openNewTab={false}/>
 
                 </div>
                 

Authors	Paper	Accuracy
Anonymous	Experts Collaboration Learning for Continual VideoQA	40.12
Xu et al.	TrafficQA: A Question Answering Benchmark and an Efficient Network for Video Reasoning over Traffic Events (CVPR 2021)	37.05
Le et al.	Hierarchical Conditional Relation Networks for Video Question Answering (CVPR 2020)	36.49
Fan et al.	Heterogeneous Memory Enhanced Multimodal Attention Model for Video Question Answering (CVPR 2019)	34.12