2fb4a2f13e
The pages display the graph at the top instead at the bottom. Also added some css to improve the look of the UI
101 lines
3.7 KiB
HTML
101 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="Content-Security-Policy"
|
|
content="default-src * 'self' 'unsafe-inline' 'unsafe-eval' data: gap: content:">
|
|
<meta name="viewport"
|
|
content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui, viewport-fit=cover">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="default">
|
|
<meta name="theme-color" content="#2196f3">
|
|
<meta name="format-detection" content="telephone=no">
|
|
<meta name="msapplication-tap-highlight" content="no">
|
|
<title>Fire Emblem Charts</title>
|
|
|
|
<link rel="stylesheet" href="framework7/css/framework7.bundle.min.css">
|
|
<link rel="stylesheet" href="css/icons.css">
|
|
<link rel="stylesheet" href="css/app.css">
|
|
<link rel="stylesheet" href="css/index.css">
|
|
</head>
|
|
<body class="no-select">
|
|
<div id="app">
|
|
<!-- Status bar overlay for fullscreen mode-->
|
|
<div class="statusbar"></div>
|
|
<!-- Left panel with cover effect-->
|
|
<div class="panel panel-left panel-cover">
|
|
<div class="view">
|
|
<div class="page">
|
|
<div class="navbar">
|
|
<div class="navbar-inner">
|
|
<div class="title">Menus</div>
|
|
</div>
|
|
</div>
|
|
<div class="page-content">
|
|
<div class="list simple-list">
|
|
<ul>
|
|
<li><a class="panel-close" href="/">Home</a></li>
|
|
<li><a class="link panel-close" href="/classes/">List of classes</a></li>
|
|
<li><a class="link panel-close" href="/comparator/">Comparator</a></li>
|
|
<li><a class="link panel-close" href="/about/">About</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Your main view, should have "view-main" class -->
|
|
<div class="view view-main safe-areas">
|
|
<!-- Page, data-name contains page name which can be used in callbacks -->
|
|
<div class="page" data-name="home">
|
|
<!-- Top Navbar -->
|
|
<div class="navbar">
|
|
<div class="navbar-inner">
|
|
<div class="left">
|
|
<a href="#" class="link icon-only panel-open" data-panel="left">
|
|
<i class="icon f7-icons ios-only">menu</i>
|
|
<i class="icon material-icons md-only">menu</i>
|
|
</a>
|
|
</div>
|
|
<div class="title sliding">Fire Emblem Charts</div>
|
|
</div>
|
|
</div>
|
|
<!-- Scrollable page content-->
|
|
<div class="page-content">
|
|
<figure class="highcharts-figure">
|
|
<div id="container-characters"></div>
|
|
</figure>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- Cordova -->
|
|
<!--
|
|
<script src="cordova.js"></script>
|
|
-->
|
|
|
|
<!-- Framework7 library -->
|
|
<script src="framework7/js/framework7.bundle.min.js"></script>
|
|
<!-- Highcharts library -->
|
|
<script src="js/lib/highcharts.js"></script>
|
|
<script src="js/lib/highcharts-more.js"></script>
|
|
<script src="js/lib/modules/networkgraph.js"></script>
|
|
|
|
<!-- App routes -->
|
|
<script src="js/routes.js"></script>
|
|
|
|
<!-- Your custom app scripts -->
|
|
<script src="js/app.js"></script>
|
|
<script src="js/database.js"></script>
|
|
<script src="js/graph.js"></script>
|
|
<script src="js/feclass.js"></script>
|
|
<script src="js/stats.js"></script>
|
|
<script src="js/feclass-stats.js"></script>
|
|
<script src="js/comparator.js"></script>
|
|
<script src="js/index.js"></script>
|
|
|
|
</body>
|
|
</html>
|