48 lines
2.3 KiB
HTML
48 lines
2.3 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<!-- Required meta tags -->
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
|
<!-- Bootstrap CSS -->
|
|
<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>
|
|
|
|
<div class="navbar h-100 d-flex justify-content-center" style="margin-bottom: 10px;">
|
|
<div>
|
|
<h3>WhoIWatch</h3>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div class="card-group">
|
|
{% for x in livestreamdata %}
|
|
<div class="card" >
|
|
<img class="card-img-top" src="https://static-cdn.jtvnw.net/previews-ttv/live_user_{{ x["channel"]["name"] }}-300x200.jpg" alt="Card image cap">
|
|
<div class="card-body">
|
|
<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>
|
|
<p class="card-text test">{{ x["channel"]["game"] }}</p>
|
|
<p class="card-text test"><small class="text-muted">{{ x["viewers"] }} Viewers</small></p>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
<!-- Optional JavaScript -->
|
|
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
|
<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>
|
|
|