2baa70c2c2
The user can now compare the stats of multiple characters with two graph (column graph and polar spider). Small refactor of the displayPolarSpider function to work in all pages.
99 lines
3.6 KiB
HTML
99 lines
3.6 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>
|
|
<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 theme-dark">
|
|
<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/stats.js"></script>
|
|
<script src="js/comparator.js"></script>
|
|
<script src="js/index.js"></script>
|
|
|
|
</body>
|
|
</html>
|