Skip to content

Instantly share code, notes, and snippets.

@varshavaradarajan

varshavaradarajan/index.html

Created March 2, 2019 21:36
Show Gist options
  • Save varshavaradarajan/a4ac5e8ff12696488dc72ff1483150d6 to your computer and use it in GitHub Desktop.
Save varshavaradarajan/a4ac5e8ff12696488dc72ff1483150d6 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<html>
<head>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<style>
img {
height: 75%;
display: block;
margin: auto;
}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-lg-12">
<img src="logo.png" alt="logo" />
</div>
</div>
</div>
<div id="download-count" class='container'>
<div class="row">
<div class="col-lg-4 offset-lg-4">File Name</div>
<div class="col-lg-4">Download count</div>
</div>
</div>
</body>
<script type="text/javascript">
jQuery(document).ready(function($) {
$.get('', function(data) {
data.forEach(function(element) {
$("#download-count").append("<div class='row'><div class='col-lg-4 offset-lg-4'>" + element.name + "</div><div class='col-lg-4'>" + element.count +"</div></div>");;
});
});
});
</script>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment