Update

sutdcv · Jun 17, 2021 · 7d57bc7 · 7d57bc7
1 parent 7e57345
commit 7d57bc7
Show file tree

Hide file tree

Showing 5 changed files with 57 additions and 13 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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>