diff --git a/UpNext.md b/UpNext.md index cce8f7b..0eb5835 100644 --- a/UpNext.md +++ b/UpNext.md @@ -1,6 +1,10 @@ # What to do next: -* Frontend - Implement scrolling NRCC Notices as they take up lots of space. +* Frontend - Implement paginated NRCC Notices as they take up lots of space. + - Either a carousel of multiple notices that auto-step, or an accordian. + - Carousel: https://www.section.io/engineering-education/how-to-make-an-image-carousel-for-your-website/ * Frontend - If Ferry Services Present - Load at bottom of screen. * Frontend - Load train services to screen. -* Frontend - Decide what to do with Bus Services. \ No newline at end of file +* Frontend - Decide what to do with Bus Services. +* Frontend - Implement error pages - will need to look at including these on the proxy container too? + - https://expressjs.com/en/guide/error-handling.html \ No newline at end of file diff --git a/static/board.html b/static/board.html index 76bd1d2..ed658ce 100644 --- a/static/board.html +++ b/static/board.html @@ -22,7 +22,9 @@
-

+

+ Services may be subject to alterations due to heavy rain flooding the railway between Bristol Parkway and Swindon. +

diff --git a/static/js/board.js b/static/js/board.js index 93d6b58..5034f1c 100644 --- a/static/js/board.js +++ b/static/js/board.js @@ -90,10 +90,10 @@ async function buildPage(data){ async function displayNotices(notices){ // Input: data.GetStationBoardResult.nrccMessages.messages - // Processing: For each message, add a text scroll to the top of the page. + // Processing: For each message, create a

inside #notices. + // If there is more than one notice, scroll between them. // Output: Only to DOM. - document.getElementById("notices").innerHTML = notices; // This is a mess if more than one notice is present. - document.getElementById("nrcc_notices").style = "display: block;"; + //document.getElementById("notices").innerHTML = notices; } // Log Helper diff --git a/static/styles/boards.css b/static/styles/boards.css index 9e8aade..f94db6a 100644 --- a/static/styles/boards.css +++ b/static/styles/boards.css @@ -97,7 +97,13 @@ display: none; } -/* Injected Data */ +/* NRCC Notices */ #nrcc_notices { margin-top: 60px; + height: 65px; + font-size: 14px; +} +#nrcc_notices p { + width: 95%; + margin: auto; } \ No newline at end of file diff --git a/static/styles/fonts/urwgothic/urwgothicDemi.ttf b/static/styles/fonts/urwgothic/urwgothicDemi.ttf new file mode 100644 index 0000000..6838447 Binary files /dev/null and b/static/styles/fonts/urwgothic/urwgothicDemi.ttf differ diff --git a/static/styles/fonts/urwgothic/urwgothicDemi.woff b/static/styles/fonts/urwgothic/urwgothicDemi.woff new file mode 100644 index 0000000..81981aa Binary files /dev/null and b/static/styles/fonts/urwgothic/urwgothicDemi.woff differ diff --git a/static/styles/fonts/urwgothic/urwgothicDemi.woff2 b/static/styles/fonts/urwgothic/urwgothicDemi.woff2 new file mode 100644 index 0000000..515cdcb Binary files /dev/null and b/static/styles/fonts/urwgothic/urwgothicDemi.woff2 differ diff --git a/static/styles/style.css b/static/styles/style.css index 2f145e6..6235030 100644 --- a/static/styles/style.css +++ b/static/styles/style.css @@ -23,7 +23,14 @@ font-weight: normal; font-style: normal; } - +@font-face { + font-family: 'urwgothic'; + src: url('/styles/fonts/urwgothic/urwgothicDemi.woff2') format('woff2'), + url('/styles/fonts/urwgothic/urwgothicDemi.woff') format('woff'), + url('/styles/fonts/urwgothic/urwgothicDemi.ttf') format('truetype'); + font-weight: 900; + font-style: normal; +} /* COLOR VARS */ :root { --main-bg-color: #404c55;