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

been a while

Browse Source
This commit is contained in:
benjamyn 2018-07-17 08:44:56 +10:00
parent 1ab2cee7bf
commit 5a9f848f60
2 changed files with 16 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
static/css/custom.css
View File

@ -3,6 +3,11 @@
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(4, 1fr);
grid-auto-rows: minmax(100px, auto); grid-auto-rows: minmax(100px, auto);
} }
@media screen and (max-width: 600px) {
.wrapper {
grid:unset;
}
}
.tbottom { .tbottom {
position:absolute; position:absolute;
left:20px; left:20px;
@ -10,3 +15,6 @@
height:30px; height:30px;
width:100%; width:100%;
} }
.pcol {
background:#6441a4;
}

15
templates/index.html
View File

@ -8,22 +8,23 @@
<!-- Bootstrap CSS --> <!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://benjamyn.love/css/bootstrap.min.css"> <link rel="stylesheet" href="https://benjamyn.love/css/bootstrap.min.css">
<link rel="stylesheet" href="static/css/custom.css"> <link rel="stylesheet" href="static/css/custom.css">
<meta http-equiv="refresh" content="60">
</head> </head>
<body style="background:#4D4759">
<div class="navbar h-100 d-flex justify-content-center" style="margin-bottom: 10px;"> <div class="navbar h-100 d-flex justify-content-center pcol" style="margin-bottom: 10px; ">
<div> <div>
<h3>WhoIWatch</h3> <h3 style="color:white">WhoIWatch</h3>
</div> </div>
</div> </div>
<div class="container"> <div class="container">
<div class="wrapper"> <div class="wrapper">
{% for x in livestreamdata %} {% for x in livestreamdata %}
<div class="card" > <div class="card" style="background:#3F3A49" >
<img class="card-img-top" src="https://static-cdn.jtvnw.net/previews-ttv/live_user_{{ x["channel"]["name"] }}-300x200.jpg" alt="Card image cap"> <a href ="{{ x["channel"]["url"] }} " ><img class="card-img-top" src="https://static-cdn.jtvnw.net/previews-ttv/live_user_{{ x["channel"]["name"] }}-300x200.jpg" alt="Card image cap"></a>
<div class="card-body"> <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> <h5 class="card-title"><a href="{{ x["channel"]["url"] }}" > {{ x["channel"]["display_name"] }} <img src="{{ x["channel"]["logo"]}}" height="16" width="16" style="vertical-align: unset" ></a></h5>
<p class="card-text">{{ x["channel"]["game"] }}</p> <p class="card-text" style="color:grey" >{{ x["channel"]["game"] }}</p>
<p class="card-text tbottom"><small class="text-muted">{{ x["viewers"] }} Viewers</small></p> <p class="card-text tbottom"><small class="text-muted">{{ x["viewers"] }} Viewers</small></p>
</div> </div>
</div> </div>