dtomlinson/web-dev
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

updating dashboard

Browse Source
This commit is contained in:
dtomlinson
2020-02-18 21:25:12 +00:00
parent adb0859ae1
commit 6c77fe0754
4 changed files with 16 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
grandnational-dashboard/grandnational_dashboard/dashboard.py
View File

@@ -13,7 +13,6 @@ async def home(request):
{'request': request}, {'request': request},
) )
routes = [ routes = [
Route('/', endpoint=home), Route('/', endpoint=home),
Mount('/static', StaticFiles(directory='../static'), name='static'), Mount('/static', StaticFiles(directory='../static'), name='static'),

18
grandnational-dashboard/grandnational_dashboard/templates/index.html
View File

@@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" http-equiv="refresh" content="300">
<title>Capacity Dashboard</title> <title>Capacity Dashboard</title>
<meta name="description" content="Capacity Dashboard"> <meta name="description" content="Capacity Dashboard">
<meta name="author" content="capacity"> <meta name="author" content="capacity">
@@ -34,7 +34,7 @@
<script src="{{ url_for('bower_components', path='/Morphist/dist/morphist.min.js') }}"></script> <script src="{{ url_for('bower_components', path='/Morphist/dist/morphist.min.js') }}"></script>
<!-- begin document --> <!-- begin document -->
<div class="fakeLoader"></div> <div class="fakeLoader"></div>
<script> <script type="text/javascript">
$.fakeLoader({'timeToHide':1200, 'spinner':'spinner4', 'bgColor': '#00003c'}); $.fakeLoader({'timeToHide':1200, 'spinner':'spinner4', 'bgColor': '#00003c'});
</script> </script>
<header> <header>
@@ -48,12 +48,12 @@
<img src="{{ url_for('static', path='/assets/images/wh_logo.png') }}" width="40%" style="padding-bottom: 40px;"> <img src="{{ url_for('static', path='/assets/images/wh_logo.png') }}" width="40%" style="padding-bottom: 40px;">
<div id="event-rotate"> <div id="event-rotate">
<div> <div>
<h1 class="display-3 hoxton-font">Grand National 2020</h1> <h1 class="display-2 hoxton-font">Grand National 2020</h1>
<span class="lead mb-0 hoxton-font display-5" id="gn-countdown"></span> <span class="lead mb-0 hoxton-font display-3" id="gn-countdown"></span>
</div> </div>
<div> <div>
<h1 class="display-3 hoxton-font">Cheltenham 2020</h1> <h1 class="display-2 hoxton-font">Cheltenham 2020</h1>
<span class="lead mb-0 hoxton-font display-5" id="chelt-countdown"></span> <span class="lead mb-0 hoxton-font display-3" id="chelt-countdown"></span>
</div> </div>
</div> </div>
</div> </div>
@@ -63,7 +63,7 @@
<div class="container-fluid"> <div class="container-fluid">
<center> <center>
<div class="row"> <div class="row">
<div class="col-6"> <div class="col-6" style="margin-left: -10px">
<h2 class="hoxton-font" class="hoxton-font">Cheltenham Festival 2020</h2> <h2 class="hoxton-font" class="hoxton-font">Cheltenham Festival 2020</h2>
<hr style="width: 50%;"> <hr style="width: 50%;">
<h4 class="hoxton-font">Day One 🐴 Tuesday 10th March</h4> <h4 class="hoxton-font">Day One 🐴 Tuesday 10th March</h4>
@@ -78,7 +78,7 @@
<h4 class="hoxton-font">Gold Cup Day 🏆 Friday 13th March</h4> <h4 class="hoxton-font">Gold Cup Day 🏆 Friday 13th March</h4>
<h5 class="hoxton-font">Featuring the <i class="fas fa-wine-bottle" style="color: gold;"></i> Magners Cheltenham Gold Cup</h5> <h5 class="hoxton-font">Featuring the <i class="fas fa-wine-bottle" style="color: gold;"></i> Magners Cheltenham Gold Cup</h5>
</div> </div>
<div class="col-6"> <div class="col-6" style="margin-right: -10px">
<h2 class="hoxton-font">Grand National 2020</h2> <h2 class="hoxton-font">Grand National 2020</h2>
<hr style="width: 50%;"> <hr style="width: 50%;">
<h4 class="hoxton-font">Liverpool's Day 🐴 Thursday 2nd April</h4> <h4 class="hoxton-font">Liverpool's Day 🐴 Thursday 2nd April</h4>
@@ -90,7 +90,7 @@
<h4 class="hoxton-font">Grand National Day 🏆 Saturday 4th April</h4> <h4 class="hoxton-font">Grand National Day 🏆 Saturday 4th April</h4>
<h5 class="hoxton-font">Featuring the Randox Health Grand National Steeple Chase</h5> <h5 class="hoxton-font">Featuring the Randox Health Grand National Steeple Chase</h5>
<hr style="width: 50%;"> <hr style="width: 50%;">
<h4 class="hoxton-font"><i class="fas fa-horse"></i> 1st Favourite: Tiger Roll 🇮🇪</h4> <h4 class="hoxton-font animated pulse" id="first-favourite"><i class="fas fa-horse"></i> 1st Favourite: Tiger Roll 🇮🇪</h4>
<h5 class="hoxton-font"><i class="fas fa-horse"></i> 2nd Favourite: Burrows Saint 🇫🇷</h4> <h5 class="hoxton-font"><i class="fas fa-horse"></i> 2nd Favourite: Burrows Saint 🇫🇷</h4>
</div> </div>
</div> </div>

6
grandnational-dashboard/static/css/gn.css
View File

@@ -79,3 +79,9 @@ div.container-fluid {
font-weight: 300 !important; font-weight: 300 !important;
line-height: 1.2; line-height: 1.2;
} }
h4#first-favourite {
animation-delay: 2s;
animation-iteration-count: infinite;
animation-duration: 3s;
}

1
grandnational-dashboard/static/js/gn.js
View File

@@ -17,3 +17,4 @@ $("#event-rotate").Morphist({
// Called after the entrance animation is executed. // Called after the entrance animation is executed.
} }
}); });