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

Tweaked CSS ad ignored test files

Browse Source
This commit is contained in:
Benjamyn Love 2018-06-04 15:34:34 +10:00
parent f897f3350b
commit 8a6effc1db
3 changed files with 15 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@ -1,2 +1,3 @@
.tcreds .tcreds
venv/ venv/
test*

7
static/css/test.css → static/css/custom.css
View File

@ -3,3 +3,10 @@
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(4, 1fr);
grid-auto-rows: minmax(100px, auto); grid-auto-rows: minmax(100px, auto);
} }
.tbottom {
position:absolute;
left:20px;
bottom:0px;
height:30px;
width:100%;
}

14
templates/index.html
View File

@ -6,8 +6,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="http://benjamyn.love/css/bootstrap.min.css"> <link rel="stylesheet" href="https://benjamyn.love/css/bootstrap.min.css">
<link rel="stylesheet" href="static/css/test.css"> <link rel="stylesheet" href="static/css/custom.css">
</head> </head>
<div class="navbar h-100 d-flex justify-content-center" style="margin-bottom: 10px;"> <div class="navbar h-100 d-flex justify-content-center" style="margin-bottom: 10px;">
@ -23,8 +23,8 @@
<img class="card-img-top" src="https://static-cdn.jtvnw.net/previews-ttv/live_user_{{ x["channel"]["name"] }}-300x200.jpg" alt="Card image cap"> <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"> <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"] }}</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">{{ x["channel"]["game"] }}</p>
<p class="card-text test"><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>
{% endfor %} {% endfor %}
@ -32,9 +32,9 @@
</div> </div>
<!-- Optional JavaScript --> <!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS --> <!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="http://benjamyn.love/js/jquery-3.3.1.slim.min.js"></script> <script src="https://benjamyn.love/js/jquery-3.3.1.slim.min.js"></script>
<script src="http://benjamyn.love/js/popper.min.js"></script> <script src="https://benjamyn.love/js/popper.min.js"></script>
<script src="http://benjamyn.love/js/bootstrap.min.js"></script> <script src="https://benjamyn.love/js/bootstrap.min.js"></script>
</body> </body>
</html> </html>