[fix] do not use fullpage.js

app/routers/file.router.js

@@ -69,14 +69,15 @@ module.exports = (app, router, upload) => {
 						}
 					})
 					res.end(result)
+					break
 				default:
-					res.sendStatus(404);
+					res.sendStatus(404)
-					break;
+					break
 			}
 		}
 		else if (req.query.type === 'json') {
 			res.set({"Content-Disposition":"attachment; filename=\"" + tsp_list[req.query.tsp] + ".json\""})
-			// res.header("Content-Type",'application/json');
+			// res.header("Content-Type",'application/json')
 			data = {}
 			switch (parseInt(req.query.tsp)) {
 				case 0:
@@ -166,10 +167,10 @@ module.exports = (app, router, upload) => {
 				default:
 					break;
 			}
-			res.end(JSON.stringify(data));
+			res.end(JSON.stringify(data))
 		}
 		else {
-			res.sendStatus(404);
+			res.sendStatus(404)
 		}
 	});
 

resources/css/style.css

@@ -1,28 +1,9 @@
 body {
-    overflow-x: hidden;
     font-size: 18px;
-    position: relative;
-    min-height: 100vh;
-}
-
-html, body {
     height: 100%;
-    width: 100%;
     background-color: #FFF;
 }
 
-body {
-    position: relative;
-    min-height: 100vh;
-}
-
-body::after {
-    content: '';
-    display: block;
-    height: 220px;
-    /* Set same as footer's height */
-}
-
 /*-------- Navbar --------*/
 
 .navbar .nav-link {
@@ -52,6 +33,15 @@ body::after {
     color: #000 !important; 
 }
 
+#overview {
+    min-height: 100%;
+}
+
+#leaderboard {
+    background-color: #FAFAFA;
+    min-height: 800px;
+}
+
 .project-tab #tabs{
     background: #007b5e;
     border: 1px solid transparent;
@@ -114,7 +104,7 @@ body::after {
 }
 
 .subfooter {
-    position: absolute;
+    /* position: absolute; */
     bottom: 60px;
     width: 100%;
     height: 160px;
@@ -159,7 +149,7 @@ body::after {
 }
 
 .footer {
-    position: absolute;
+    /* position: absolute; */
     bottom: 0;
     width: 100%;
     height: 60px;

resources/index.html

@@ -18,11 +18,6 @@
     <!-- Console Log -->
     <script type="application/javascript" src="//cdn.rawgit.com/Alorel/console-log-html/master/console-log-html.min.js"></script>
 
-    <!-- FullPage -->
-    
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.7/jquery.fullpage.css">
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.7/jquery.fullpage.js"></script>
-
     <!-- File Input -->
     <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/5.1.3/css/fileinput.min.css" media="all" rel="stylesheet" type="text/css" />
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" crossorigin="anonymous">
@@ -32,6 +27,7 @@
 
     <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Ubuntu+Mono" />
 
+    <!-- Snackbar -->
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/node-snackbar@0.1.16/src/js/snackbar.min.js"></script>
     <link rel="stylesheet" type="text/css" href="/css/snackbar.min.css" /> 
 
@@ -64,40 +60,31 @@
         </div>
     </nav>
 
-    <div id="fullpage">
     <div id="overview">
-            <section class="section" id="section2">
+        <section>
-                <div class="slide">
             <div class="container">
                 <div class="row">
                     <div class="col-12">
                         <div class="display-4 mt-5 mb-5 text-center">Traveling Salesman Problem</div>
                     </div>
                 </div>
-                        <div class="row mb-5">
+                <div class="row pb-5 mb-5">
                     <div class="col-12">
                         <div class="embed-responsive embed-responsive-16by9 box-shadow">
                             <iframe class="embed-responsive-item" src="/preview.html" allowfullscreen></iframe>
                         </div>
                     </div>
                 </div>
-                        <div class="row">
-                            <div class="col-12">
-                            </div>
-                        </div>
-                    </div>
             </div>
         </section>
     </div>
 
-
     <div id="leaderboard">
-        <section id="tabs" class="section project-tab" id="section0">
+        <section id="tabs" class="project-tab">
-            <div class="slide">
             <div class="container">
                 <div class="row text-center">
                     <div class="col-12">
-                        <div class="display-4 mb-5">Leaderboard</div>
+                        <div class="display-4 mt-5 mb-5">Leaderboard</div>
                     </div>
                 </div>
                 <div class="row">
@@ -237,19 +224,16 @@
                     </div>
                 </div>
             </div>
-        </div>
         </section>
     </div>
-    </div>
 
     <div id="submission">
-    <section class="section" id="section1">
+        <section>
-        <div class="slide">
             <div class="container">
 
                 <div class="row">
                     <div class="col col-12">
-                        <h1 class="mt-5 mb-5">Your Submission</h1>
+                        <p class="display-4 mt-5 mb-5 text-center">Your Submission</p>
                     </div>
                 </div>
 
@@ -367,7 +351,6 @@
                     </div>
                 </div>
             </div>
-        </div>
             <!-- Modal -->
             <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                 <div class="modal-dialog" role="document">
@@ -409,7 +392,6 @@
         </section>
     </div>
 
-
     <!-- SubFooter -->
     <footer id="sub-footer" class="subfooter">
         <div class="container">

resources/js/script.js

@@ -6,18 +6,6 @@ $( document ).ready( () => {
 
     $('body').scrollspy({ target: '#main-nav', offset: 130 })
 
-    $('#fullpage').fullpage({
-        // anchors: ['underPage', 'gradPage', 'phdPage'],
-        sectionsColor: ['#ffffff', '#f8f8f8'],
-        autoScrolling: false,
-        css3: true,
-        fitToSection: false,
-        afterLoad: function(anchorLink, index) {
-            // history.pushState(null, null, "");
-            // console.log(anchorLink);
-        }
-    });
-
     // Initialize Console
     ConsoleLogHTML.connect(document.getElementById("console")); // Redirect log messages
     // ConsoleLogHTML.disconnect(); // Stop redirecting

server.js

@@ -1,5 +1,5 @@
 const fs = require('fs')
-const MAX_LEADERBOARD = 10
+const MAX_LEADERBOARD = 20
 
 // Web Server
 var express = require('express')