benjamyn/whoiwatch
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

+1 to drinking ben

Browse Source
This commit is contained in:
Benjamyn Love 2018-05-30 04:00:14 +10:00
parent f1ee705573
commit 851b61359e
1 changed files with 42 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
templates/index.html
View File

@ -1,35 +1,47 @@
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<!-- Required meta tags --> <!-- Required meta tags -->
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS --> <!-- Bootstrap CSS -->
<link rel="stylesheet" href="/static/css/bootstrap.min.css" crossorigin="anonymous"> <link rel="stylesheet" href="http://benjamyn.love/css/bootstrap.min.css">
<style>
.test {
vertical-align: bottom;
height: 100px;
width: 100px;
display: table-cell;
}
</style>
</head>
<link rel="stylesheet" href="/static/css/test.css"> <div class="navbar h-100 d-flex justify-content-center" style="margin-bottom: 10px;">
<title>WhoIWatch</title> <div>
</head> <h3>WhoIWatch</h3>
<body class='body'> </div>
<div class="navbar myNav "> </div>
<div class="container d-flex justify-content-center" style="width: auto">
<h3>WhoIWatch</h3> <div class="container">
</div> <div class="card-group">
</div> {% for x in livestreamdata %}
<div class="records container h-100 d-flex justify-content-center" style="max-width: auto"> <div class="card" >
<div class="column rounded "> <img class="card-img-top" src="https://static-cdn.jtvnw.net/previews-ttv/live_user_{{ x["channel"]["name"] }}-300x200.jpg" alt="Card image cap">
<b>Live Currently :D</b> <div class="card-body">
{% for x in livestreamdata %} <h5 class="card-title"><a href="{{ x["channel"]["url"] }}" > {{ x["channel"]["display_name"] }}</a> <img src="{{ x["channel"]["logo"]}}" height="16" width="16" style="vertical-align: unset" ></h5>
<li><a href="{{ x["channel"]["url"] }}" > {{ x["channel"]["display_name"] }} - {{ x["channel"]["game"] }} </a> <img src="{{ x["channel"]["logo"]}}" height="16" width="16" > </li> <p class="card-text test">{{ x["channel"]["game"] }}</p>
{% endfor %} <p class="card-text test"><small class="text-muted">{{ x["viewers"] }} Viewers</small></p>
</div> </div>
</div> </div>
<!-- Optional JavaScript --> {% endfor %}
<!-- jQuery first, then Popper.js, then Bootstrap JS --> </div>
<script src="/static/js/jquery-3.3.1.slim.min.js" crossorigin="anonymous"></script> </div>
<script src="/static/js/popper.min.js" crossorigin="anonymous"></script> <!-- Optional JavaScript -->
<script src="/static/js/bootstrap.min.js" crossorigin="anonymous"></script> <!-- jQuery first, then Popper.js, then Bootstrap JS -->
</body> <script src="http://benjamyn.love/js/jquery-3.3.1.slim.min.js"></script>
<script src="http://benjamyn.love/js/popper.min.js"></script>
<script src="http://benjamyn.love/js/bootstrap.min.js"></script>
</body>
</html> </html>