[fix] do not use fullpage.js
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -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">
|
||||
<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="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 id="overview">
|
||||
<section>
|
||||
<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 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>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div id="leaderboard">
|
||||
<section id="tabs" class="section project-tab" id="section0">
|
||||
<div class="slide">
|
||||
<section id="tabs" class="project-tab">
|
||||
<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">
|
||||
<div class="slide">
|
||||
<section>
|
||||
<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>
|
||||
|
||||
@@ -257,16 +241,16 @@
|
||||
<div class="col col-12">
|
||||
<table class="table">
|
||||
<thead class="thead-dark">
|
||||
<tr>
|
||||
<tr>
|
||||
<th scope="col">Problem</th>
|
||||
<th scope="col">Your Solution</th>
|
||||
<th scope="col">Best Solution</th>
|
||||
<th scope="col">Download</th>
|
||||
<th scope="col"></th>
|
||||
</tr>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<tr>
|
||||
<th scope="col">ulysses16</th>
|
||||
<td id="ulysses16_your">-</td>
|
||||
<td id="ulysses16_best">Inf</td>
|
||||
@@ -276,8 +260,8 @@
|
||||
<td>
|
||||
<button type="submit" class="btn btn-primary" id="ulysses16_submit">Submit</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="col">att48</th>
|
||||
<td id="att48_your">-</td>
|
||||
<td id="att48_best">Inf</td>
|
||||
@@ -287,8 +271,8 @@
|
||||
<td>
|
||||
<button type="submit" class="btn btn-primary" id="att48_submit">Submit</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="col">st70</th>
|
||||
<td id="st70_your">-</td>
|
||||
<td id="st70_best">Inf</td>
|
||||
@@ -298,8 +282,8 @@
|
||||
<td>
|
||||
<button type="submit" class="btn btn-primary" id="st70_submit">Submit</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="col">a280</th>
|
||||
<td id="a280_your">-</td>
|
||||
<td id="a280_best">Inf</td>
|
||||
@@ -309,8 +293,8 @@
|
||||
<td>
|
||||
<button type="submit" class="btn btn-primary" id="a280_submit">Submit</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="col">pcb442</th>
|
||||
<td id="pcb442_your">-</td>
|
||||
<td id="pcb442_best">Inf</td>
|
||||
@@ -320,8 +304,8 @@
|
||||
<td>
|
||||
<button type="submit" class="btn btn-primary" id="pcb442_submit">Submit</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="col">dsj1000</th>
|
||||
<td id="dsj1000_your">-</td>
|
||||
<td id="dsj1000_best">Inf</td>
|
||||
@@ -331,9 +315,9 @@
|
||||
<td>
|
||||
<button type="submit" class="btn btn-primary" id="dsj1000_submit">Submit</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -367,49 +351,47 @@
|
||||
</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">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="exampleModalLabel">Congradulations</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
<!-- Modal -->
|
||||
<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-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="exampleModalLabel">Congradulations</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</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 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>
|
||||
<!-- Modal -->
|
||||
<div class="modal fade" id="resultModal" tabindex="-1" role="dialog" aria-labelledby="resultModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="resultModalLabel">Congradulations</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
<!-- Modal -->
|
||||
<div class="modal fade" id="resultModal" tabindex="-1" role="dialog" aria-labelledby="resultModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="resultModalLabel">Congradulations</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</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 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>
|
||||
</section>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- SubFooter -->
|
||||
<footer id="sub-footer" class="subfooter">
|
||||
<div class="container">
|
||||
|
||||
@@ -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
|
||||
@@ -329,4 +317,4 @@ function downloadRes(id, tsp, file) {
|
||||
else {
|
||||
console.log(id, 'json')
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user