index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1 user-scalable=no">
<meta charset="UTF-8">
<meta name="apple-mobile-web-app-capable" content="yes">
<title>JudoWRL - International Judo Federation World Ranking List</title>
<meta name="Description" CONTENT="Judo World Ranking List (WRL) based on the International Judo Federation (IJF).">
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="flags.css">
<style>
.scrollable-menu {
height: auto;
max-height: 300px;
overflow-x: hidden;
}
</style>
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="apple-touch-icon" href="ios/AppIcon.appiconset/Icon-60@2x.png" />
<link rel="apple-touch-icon" sizes="180x180" href="ios/AppIcon.appiconset/Icon-60@3x.png" />
<link rel="apple-touch-icon" sizes="76x76" href="ios/AppIcon.appiconset/Icon-76.png" />
<link rel="apple-touch-icon" sizes="152x152" href="ios/AppIcon.appiconset/Icon-76@2x.png" />
<link rel="apple-touch-icon" sizes="58x58" href="ios/AppIcon.appiconset/Icon-Small@2x.png" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-url-parser/2.3.1/purl.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<script src="wrl-min.js"></script>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/?top=3">IJF SENIOR WRL</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav" role="menu">
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-expanded="false">
Nation<span class="caret"></span></a>
<ul class="dropdown-menu scrollable-menu" role="menu" id="nations">
<li><img src="ajax-loader.gif" alt="loading..."></li>
</ul>
</li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<div class="container">
<div class="starter-template">
<p> </p>
<p> </p>
<p> </p>
<div id="loading"><img src="ajax-loader.gif" alt="loading..."></div>
<div class="row">
<div class="panel panel-default col-md-6 col-md-offset-3">
<div id="country" class="panel-heading text-center">IJF Senior WRL</div>
</div>
</div>
<div class="row">
<div class="panel panel-default col-md-4 text-center">
<div class="panel-heading">Top Male</div>
<div id="top_male" class="panel-body text-center"></div>
</div>
<div class="panel panel-default col-md-4 text-center">
<div class="panel-heading">Total Athletes</div>
<div id="total_athletes" class="panel-body text-center">
</div>
</div>
<div class="panel panel-default col-md-4 text-center">
<div class="panel-heading">Top Female</div>
<div id="top_female" class="panel-body text-center"></div>
</div>
</div>
<div class="row">
<div class="panel panel-default col-md-4 text-center">
<div class="panel-heading">Top Climber</div>
<div id="no1_climber" class="panel-body text-center"></div>
</div>
<div class="panel panel-default col-md-4 text-center">
</div>
<div class="panel panel-default col-md-4 text-center">
<div class="panel-heading">Top Faller</div>
<div id="no1_faller" class="panel-body text-center"></div>
</div>
</div>
<div class="row">
<div id="text" class="panel panel-default col-md-6 col-md-offset-3"></div>
</div>
</div>
</div><!-- /.container -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-87952-23', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>