xevion/trivia
1
0
Fork 0
mirror of https://github.com/Xevion/trivia.git synced 2026-01-31 00:26:10 -06:00
Code Issues Packages Projects Releases Wiki Activity

separate style.css, add jquery, increase font size, add ID table, remove error.html

Browse Source
This commit is contained in:
Xevion
2020-06-23 14:37:59 -05:00
parent 82536ad385
commit e43c7e8bfa
4 changed files with 57 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files
trivia/static/jquery-3.5.1.min.js
Vendored
+2
View File
File diff suppressed because one or more lines are too long
trivia/static/style.css
+45
View File
@@ -0,0 +1,45 @@
table {
height: 100%;
width: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
th, td {
font-family: Calibri, serif;
font-size: large;
font-weight: bold;
/*padding: 5px;*/
text-align: left;
}
thead {
background-color: #333;
color: #f6f6f6;
}
tbody tr:nth-child(even) {
background-color: #DDD;
}
th {
padding-left: 1rem;
}
th, td {
font-size: 300%;
padding-left: 1rem;
width: 1rem;
}
th, td > div {
height: 10%;
overflow: hidden;
}
th, td {
height: 20px;
}
trivia/templates/error.html
-10
View File
@@ -1,10 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Error - {{ errorcode }}</title>
</head>
<body>
</body>
</html>
trivia/templates/index.html
+10 -70
View File
@@ -3,79 +3,19 @@
<head>
<meta charset="UTF-8">
<title>Index</title>
<style>
/*.fixed_headers {*/
/*width: 750px;*/
/*table-layout: fixed;*/
/* border-collapse: collapse;*/
/*}*/
.fixed_headers th {
text-decoration: underline;
}
.fixed_headers th,
.fixed_headers td {
font-family: Candara, serif;
font-size: large;
font-weight: bold;
/*padding: 5px;*/
text-align: left;
}
/*.fixed_headers td:nth-child(1),*/
/*.fixed_headers th:nth-child(1) {*/
/* min-width: 200px;*/
/*}*/
/*.fixed_headers td:nth-child(2),*/
/*.fixed_headers th:nth-child(2) {*/
/* min-width: 200px;*/
/*}*/
/*.fixed_headers td:nth-child(3),*/
/*.fixed_headers th:nth-child(3) {*/
/* width: 350px;*/
/*}*/
.fixed_headers thead {
background-color: #333;
color: #FDFDFD;
}
/*.fixed_headers thead tr {*/
/* display: block;*/
/* position: relative;*/
/*}*/
/*.fixed_headers tbody {*/
/* display: block;*/
/* overflow: auto;*/
/* width: 100%;*/
/* height: 300px;*/
/*}*/
.fixed_headers tbody tr:nth-child(even) {
background-color: #DDD;
}
th, td > div {
{#width: 100%;#}
height: 10%;
overflow: hidden;
}
th, td {
height: 20px;
}
</style>
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
<script src="https://code.jquery.com/jquery-3.5.1.min.js"
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="{{
url_for('static', filename='jquery.js') }}">\x3C/script>')</script>
</head>
<body>
<table class="fixed_headers" style="height:100%;width:100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0;">
<table>
<thead>
<tr>
<th style="height: 10%;">Rank</th>
<th>Rank</th>
<th>ID</th>
<th>Team Name</th>
{% for i in range(scoreCount) %}
<th>{{ i + 1 }}</th>
@@ -84,8 +24,9 @@
</thead>
<tbody>
{% for team in teams %}
<tr id="{{ team.id }}">
<tr>
<td>{{ range(1, teams | length) | random }}</td>
<td>{{ team.id }}</td>
{% if team.name | length > 0 %}
<td>{{ team.name }}</td>
{% else %}
@@ -98,6 +39,5 @@
{% endfor %}
</tbody>
</table>
</body>
</html>