[fix] do not use fullpage.js

This commit is contained in:
Wu Han 2021-01-08 23:06:37 +00:00
parent a213f4e89f
commit 64bfe7ceb2
5 changed files with 87 additions and 126 deletions

View File

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

View File

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

View File

@ -18,11 +18,6 @@
<!-- Console Log --> <!-- Console Log -->
<script type="application/javascript" src="//cdn.rawgit.com/Alorel/console-log-html/master/console-log-html.min.js"></script> <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 --> <!-- 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 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"> <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" /> <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> <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" /> <link rel="stylesheet" type="text/css" href="/css/snackbar.min.css" />
@ -64,40 +60,31 @@
</div> </div>
</nav> </nav>
<div id="fullpage"> <div id="overview">
<div id="overview"> <section>
<section class="section" id="section2"> <div class="container">
<div class="slide"> <div class="row">
<div class="container"> <div class="col-12">
<div class="row"> <div class="display-4 mt-5 mb-5 text-center">Traveling Salesman Problem</div>
<div class="col-12"> </div>
<div class="display-4 mt-5 mb-5 text-center">Traveling Salesman Problem</div> </div>
</div> <div class="row pb-5 mb-5">
</div> <div class="col-12">
<div class="row mb-5"> <div class="embed-responsive embed-responsive-16by9 box-shadow">
<div class="col-12"> <iframe class="embed-responsive-item" src="/preview.html" allowfullscreen></iframe>
<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> </div>
</div> </div>
</section> </div>
</div> </section>
</div>
<div id="leaderboard"> <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="container">
<div class="row text-center"> <div class="row text-center">
<div class="col-12"> <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> </div>
<div class="row"> <div class="row">
@ -237,19 +224,16 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</section> </section>
</div> </div>
</div>
<div id="submission"> <div id="submission">
<section class="section" id="section1"> <section>
<div class="slide">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col col-12"> <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>
</div> </div>
@ -257,16 +241,16 @@
<div class="col col-12"> <div class="col col-12">
<table class="table"> <table class="table">
<thead class="thead-dark"> <thead class="thead-dark">
<tr> <tr>
<th scope="col">Problem</th> <th scope="col">Problem</th>
<th scope="col">Your Solution</th> <th scope="col">Your Solution</th>
<th scope="col">Best Solution</th> <th scope="col">Best Solution</th>
<th scope="col">Download</th> <th scope="col">Download</th>
<th scope="col"></th> <th scope="col"></th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<th scope="col">ulysses16</th> <th scope="col">ulysses16</th>
<td id="ulysses16_your">-</td> <td id="ulysses16_your">-</td>
<td id="ulysses16_best">Inf</td> <td id="ulysses16_best">Inf</td>
@ -276,8 +260,8 @@
<td> <td>
<button type="submit" class="btn btn-primary" id="ulysses16_submit">Submit</button> <button type="submit" class="btn btn-primary" id="ulysses16_submit">Submit</button>
</td> </td>
</tr> </tr>
<tr> <tr>
<th scope="col">att48</th> <th scope="col">att48</th>
<td id="att48_your">-</td> <td id="att48_your">-</td>
<td id="att48_best">Inf</td> <td id="att48_best">Inf</td>
@ -287,8 +271,8 @@
<td> <td>
<button type="submit" class="btn btn-primary" id="att48_submit">Submit</button> <button type="submit" class="btn btn-primary" id="att48_submit">Submit</button>
</td> </td>
</tr> </tr>
<tr> <tr>
<th scope="col">st70</th> <th scope="col">st70</th>
<td id="st70_your">-</td> <td id="st70_your">-</td>
<td id="st70_best">Inf</td> <td id="st70_best">Inf</td>
@ -298,8 +282,8 @@
<td> <td>
<button type="submit" class="btn btn-primary" id="st70_submit">Submit</button> <button type="submit" class="btn btn-primary" id="st70_submit">Submit</button>
</td> </td>
</tr> </tr>
<tr> <tr>
<th scope="col">a280</th> <th scope="col">a280</th>
<td id="a280_your">-</td> <td id="a280_your">-</td>
<td id="a280_best">Inf</td> <td id="a280_best">Inf</td>
@ -309,8 +293,8 @@
<td> <td>
<button type="submit" class="btn btn-primary" id="a280_submit">Submit</button> <button type="submit" class="btn btn-primary" id="a280_submit">Submit</button>
</td> </td>
</tr> </tr>
<tr> <tr>
<th scope="col">pcb442</th> <th scope="col">pcb442</th>
<td id="pcb442_your">-</td> <td id="pcb442_your">-</td>
<td id="pcb442_best">Inf</td> <td id="pcb442_best">Inf</td>
@ -320,8 +304,8 @@
<td> <td>
<button type="submit" class="btn btn-primary" id="pcb442_submit">Submit</button> <button type="submit" class="btn btn-primary" id="pcb442_submit">Submit</button>
</td> </td>
</tr> </tr>
<tr> <tr>
<th scope="col">dsj1000</th> <th scope="col">dsj1000</th>
<td id="dsj1000_your">-</td> <td id="dsj1000_your">-</td>
<td id="dsj1000_best">Inf</td> <td id="dsj1000_best">Inf</td>
@ -331,9 +315,9 @@
<td> <td>
<button type="submit" class="btn btn-primary" id="dsj1000_submit">Submit</button> <button type="submit" class="btn btn-primary" id="dsj1000_submit">Submit</button>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
</div> </div>
@ -367,49 +351,47 @@
</div> </div>
</div> </div>
</div> </div>
</div> <!-- Modal -->
<!-- Modal --> <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document">
<div class="modal-dialog" role="document"> <div class="modal-content">
<div class="modal-content"> <div class="modal-header">
<div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Congradulations</h5>
<h5 class="modal-title" id="exampleModalLabel">Congradulations</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">&times;</span>
<span aria-hidden="true">&times;</span> </button>
</button> </div>
<div class="modal-body">
Your model has been uploaded, nice work!
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div> </div>
<div class="modal-body">
Your model has been uploaded, nice work!
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div> </div>
</div> </div>
</div> <!-- Modal -->
</div> <div class="modal fade" id="resultModal" tabindex="-1" role="dialog" aria-labelledby="resultModalLabel" aria-hidden="true">
<!-- Modal --> <div class="modal-dialog" role="document">
<div class="modal fade" id="resultModal" tabindex="-1" role="dialog" aria-labelledby="resultModalLabel" aria-hidden="true"> <div class="modal-content">
<div class="modal-dialog" role="document"> <div class="modal-header">
<div class="modal-content"> <h5 class="modal-title" id="resultModalLabel">Congradulations</h5>
<div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close">
<h5 class="modal-title" id="resultModalLabel">Congradulations</h5> <span aria-hidden="true">&times;</span>
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> </button>
<span aria-hidden="true">&times;</span> </div>
</button> <div class="modal-body">
Hi, here's your result.
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div> </div>
<div class="modal-body">
Hi, here's your result.
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div> </div>
</div> </div>
</div> </section>
</div>
</section>
</div> </div>
<!-- SubFooter --> <!-- SubFooter -->
<footer id="sub-footer" class="subfooter"> <footer id="sub-footer" class="subfooter">
<div class="container"> <div class="container">

View File

@ -6,18 +6,6 @@ $( document ).ready( () => {
$('body').scrollspy({ target: '#main-nav', offset: 130 }) $('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 // Initialize Console
ConsoleLogHTML.connect(document.getElementById("console")); // Redirect log messages ConsoleLogHTML.connect(document.getElementById("console")); // Redirect log messages
// ConsoleLogHTML.disconnect(); // Stop redirecting // ConsoleLogHTML.disconnect(); // Stop redirecting

View File

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