Initial Push (v0.0.3)

styles/boards.css

@@ -0,0 +1,351 @@
+/* Hide when loading */
+.hide-when-loading {
+    display: none;
+}
+
+/* Main Notices: */
+.main-notice {
+    display: none;
+    margin-top: 150px;
+}
+
+.notices-hidden {
+    display: none;
+}
+
+#no_services {
+    width: 75%;
+    margin: auto;
+    margin-top: 110px;
+    margin-bottom: 30px;
+    font-size: 20px;
+    font-weight: 900;
+}
+
+/* Fixed Content: */
+#header {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 50px;
+    background-color: var(--overlay-color);
+    color: var(--second-text-color);
+}
+
+#station_name {
+    position: absolute;
+    max-width: 50%;
+    left: 7px;
+    top: 3px;
+}
+
+.header-large{
+    left: 0;
+    text-align: left;
+    font-size: 13pt;
+    margin-top: -2px;
+    overflow-wrap: anywhere;
+    text-transform: capitalize;
+}
+
+@media (min-width: 380px){
+    .header-large{
+        font-size: 13pt;
+        margin-top: 9px;
+        white-space: nowrap;
+    }
+}
+@media (min-width: 580px){
+    .header-large{
+        font-size: 19pt;
+        margin-top: 5px;
+        white-space: nowrap;
+    }
+}
+
+.header-small {
+    text-align: right;
+    padding-right: 5px;
+    margin: 3px;
+}
+
+/* NRCC Notices */
+#alerts{
+    display: none;
+    position: fixed;
+    width: 100%;
+    left: 0;
+    top: 0;
+}
+
+#alerts_bar{
+    display: none;
+    position: absolute;
+    margin-top:50px;
+    left: 0;
+    width: 100%;
+    height: 40px;
+    background-color: var(--main-alert-color);
+    color: var(--second-text-color);
+    cursor: pointer;
+}
+
+#alert_icon{
+    position: absolute;
+    left: 10px;
+    margin-top: 5px;
+    width: 30px;
+    height: 30px;
+}
+
+#alert_bar_note {
+    position: relative;
+    text-align: center;
+    margin: auto;
+    margin-top: 8px;
+    font-weight: 900;
+}
+
+#alert_expand_arrow {
+    position: absolute;
+    right: 0;
+    top: 0;
+    padding: 10px;
+    padding-right: 15px;
+    padding-left: 15px;
+    background: none;
+    border: none;
+    font-weight: 900;
+    color: var(--second-text-color);
+    transition: transform 0.25s linear;
+    cursor: pointer;
+}
+
+#alerts_msg{
+    display: none;
+    position: absolute;
+    left: 0;
+    top: 40px;
+    width: 100%;
+    background-color: var(--main-alert-color);
+    background-image: radial-gradient(var(--second-alert-color) 10%,var(--main-alert-color) 70%); /* Undecided whether this actually looks better than plain orange? */
+}
+
+#alerts_msg p {
+    width: 90%;
+    margin-left: auto;
+    margin-right: auto;
+    font-weight: 900;
+}
+
+/* Content */
+#output {
+    display: none;
+    width: 100%;
+    margin-top: 65px;
+}
+
+table {
+    color: white;
+    width: 100%;
+    margin-top: 3px;
+    font-size: 10.5px;
+}
+
+caption{
+    padding-top: 5px;
+    padding-bottom: 10px;
+    font-size: larger;
+    font-weight: 900;
+}
+
+.secondary-table{
+    margin-top: 25px;
+}
+.name{
+    width: 25%;
+    text-align: left;
+}
+
+.detail-name-head {
+    text-align: left;
+}
+
+.detail-name{
+    text-align: left;
+}
+.name-item, .name, .plat, .time {
+    font-size: 12px;
+}
+.name-item {
+    color: var(--board-name-color);
+    cursor: pointer;
+}
+
+.plat{
+    width: 4%;
+    text-align: center;
+}
+
+.time{
+    width: 11.5%;
+    text-align: center;
+}
+.msg{
+    width: 95%;
+    font-size: 10px;
+    margin: 0;
+    margin-left: 3px;
+    text-align: left;
+    color: var(--note-text-color);
+}
+
+.close-data {
+    position: absolute;
+    right: 19px;
+    top: -8px;
+    font-weight: 900;
+    cursor: pointer;
+}
+
+@media (min-width: 800px) {
+    .detail-name-head, .name-item, .name, .plat, .time, .close-data {
+        font-size: 16px;
+    }
+    .msg {
+        font-size: 13px
+    }
+}
+@media (min-width: 1000px) {
+    .detail-name-head, .name-item, .name, .plat, .time, .close-data {
+        font-size: 18px;
+    }
+    .msg {
+        font-size: 14px
+    }
+}
+@media (min-width: 1600px) {
+    .detail-name-head, .name-item, .name, .plat, .time, .close-data {
+        font-size: 20px;
+    }
+    .msg {
+        font-size: 15px
+    }
+}
+
+.call-data {
+    display: none;
+    border-radius: 20px;
+    width: 93%;
+    max-height: 75%;
+    position: fixed;
+    z-index: 10;
+    top: 50px;
+    left: 0;
+    margin: 2%;
+    padding-top: 30px;
+    padding-left: 5px;
+    padding-right: 5px;
+    padding-bottom: 10px;
+    margin-bottom: 25px;
+    background-color: var(--overlay-color);
+    overflow: auto;
+}
+
+.detail-name {
+    overflow: hidden;
+}
+
+.detail-name:after {
+    content: "";
+    display: inline-block;
+    height: 0.5em;
+    vertical-align: bottom;
+    width: 100%;
+    margin-right: -100%;
+    margin-left: 30px;
+    border-top: 1px solid;
+}
+
+.call-table {
+    margin: auto;
+    width: 90%;
+}
+
+.detail-name-here {
+    color: var(--board-name-color);
+}
+
+.detail-table-content {
+    font-size: 13px;
+}
+
+@media (min-width: 800px) {
+    .detail-table-content {
+        font-size: 20px;
+    }
+}
+@media (min-width: 1000px) {
+    .detail-table-content {
+        font-size: 21px;
+    }
+}
+@media (min-width: 1600px) {
+    .detail-table-content {
+        font-size: 22px;
+    }
+}
+
+.changed{
+    animation: pulse-change 1.5s linear infinite;
+}
+.cancelled {
+    animation: pulse-cancel 1.5s linear infinite;
+}
+
+/* Footer: */
+#footer {
+    position: fixed;
+    bottom: -1px;
+    left: 0;
+    width: 100%;
+    height: 40px;
+    background-image: linear-gradient(to left, var(--accent-color), azure 190px);
+}
+
+#footer img {
+    height: 25px;
+}
+
+#nre_logo {
+    position: absolute;
+    left: 15px;
+    top: 6px;
+}
+
+#owlboard_logo {
+    position: absolute;
+    right: 60px;
+    top: 8px;
+}
+
+#home_icon {
+    position: absolute;
+    width: 10px;
+    right: 40px;
+    top: 8px;
+}
+
+/* Animations */
+@keyframes pulse-change {
+    50% {
+        color: var(--main-warning-color);
+    }
+}
+
+@keyframes pulse-cancel {
+    50% {
+        color: var(--main-alert-color);
+    }
+}

styles/find-code.css

@@ -0,0 +1,13 @@
+/*Overrides*/
+.titleimg{
+    padding-bottom: 0px;
+}
+.small-lookup-box{
+    width: 25%;
+    min-width: 75px;
+    max-width: 125px;
+}
+#name{
+    width: 75%;
+    max-width: 275px;
+}

styles/fonts/firamono/LICENSE

@@ -0,0 +1,95 @@
+** This license applies only to fonts within the same folder *
+
+Copyright (c) 2012-2013, The Mozilla Corporation and Telefonica S.A.
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

styles/fonts/urwgothic/LICENSING_DETAIL

@@ -0,0 +1,55 @@
+https://www.tug.org/fonts/lppl-urw.txt
+
+https://lists.dante.de/pipermail/ctan-ann/2009-June/003741.html
+
+From: Jerzy B. Ludwichowski
+Subject: URW++ making original 35 fonts available under LPPL
+
+I am forwarding the message below on behalf of Peter Rosenfeld, Managing
+Director of URW++, who has kindly agreed to make the basic 35 PostScript
+fonts also available under the LPPL.  At his request, I'll be
+disseminating the information throughout the TeX community.
+
+Many thanks to Dr. Rosenfeld!
+
+Many thanks are also due to Karl Berry, TUG President, for his unswerving
+support and advice and Bogus\{}aw Jackowski, lead TeX Gyre developer,
+for pushing the issue.
+
+Best,
+Jerzy
+
+...............................................................
+
+From: Peter Rosenfeld
+Date: Mon, 22 Jun 2009 11:33:29 +0200
+Subject: URW++ original 35 fonts available under LPPL
+
+To whom it may concern,
+
+Many years ago, URW++ Design and Development Inc. released their
+Type 1 implementations of the basic 35 PostScript fonts under the
+GNU General Public License and the Aladdin Ghostscript Free Public
+License.
+
+We now additionally release them under the LaTeX Project Public License
+(http://www.latex-project.org/lppl), either version 1 or (at your
+option) any later version.
+
+Of course, this additional licensing applies to the original URW++
+material, not any subsequent changes and additions made by other
+parties.
+
+The original font files are widely available, for instance as part of
+the Ghostscript 4.00 release, and therefore we are not releasing any new
+font files.  Those interested can replace the license terms in those
+original files accordingly.  Responsibility for ensuring that no
+material is incorrectly licensed remains with the distributor, as
+always.
+
+We hope this additional licensing will make our fonts even more widely
+available and usable in the free software community, such as the TeX
+Gyre Project.
+
+Sincerely,
+Peter Rosenfeld (Managing Director, URW++)

styles/help.css

@@ -0,0 +1,13 @@
+/* Glossary */
+table, th, td {
+    border: 1px solid;
+    border-color: lightgrey;
+    border-collapse: collapse;
+  }
+
+#table {
+    color: lightgrey;
+    width: 80%;
+    max-width: 700px;
+    margin: auto;
+}

styles/issue.css

@@ -0,0 +1,20 @@
+#preflight {
+    display: none;
+    border-radius: 20px;
+    width: 93%;
+    max-height: 80%;
+    position: fixed;
+    z-index: 10;
+    top: 50px;
+    left: 0;
+    margin: 2%;
+    padding-top: 30px;
+    padding-left: 5px;
+    padding-right: 5px;
+    padding-bottom: 10px;
+    margin-bottom: 25px;
+    background-color: var(--overlay-color);
+    color: var(--second-text-color);
+    overflow: auto;
+}
+

styles/main.css

@@ -0,0 +1,318 @@
+/* FONTS */
+@font-face {
+  font-family: 'firamono';
+  src: url('/styles/fonts/firamono/firamono-regular.woff2') format('woff2'),
+       url('/styles/fonts/firamono/firamono-regular.woff') format('woff'),
+       url('/styles/fonts/firamono/firamono-regular.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'firamono';
+  src: url('/styles/fonts/firamono/firamono-500.woff2') format('woff2'),
+       url('/styles/fonts/firamono/firamono-500.woff') format('woff'),
+       url('/styles/fonts/firamono/firamono-500.ttf') format('truetype');
+  font-weight: 500;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'urwgothic';
+  src: url('/styles/fonts/urwgothic/urwgothic.woff2') format('woff2'),
+       url('/styles/fonts/urwgothic/urwgothic.woff') format('woff'),
+       url('/styles/fonts/urwgothic/urwgothic.ttf') format('truetype');
+  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;
+  --second-bg-color: #2b343c; /* Use as first arg in radial gradient */
+  --accent-color: #007979;
+  --overlay-color: #3c6f79de;
+  --main-text-color: #00b7b7;
+  --second-text-color: azure;
+  --note-text-color: #9de7ff;
+  --link-color: azure;
+  --box-border-color: ;
+  --link-visited-color: azure;
+  --main-alert-color: #ed6d00;
+  --second-alert-color: #e77f00; /* Use as second arg in radial gradient */
+  --main-warning-color: orange;
+  --board-name-color: #fcfc09;
+}
+/* Loading Box: */
+@keyframes spinner {
+  0% {
+      transform: translate3d(-50%, -50%, 0) rotate(0deg);
+  }
+  100% {
+      transform: translate3d(-50%, -50%, 0) rotate(360deg);
+  }
+}
+.spinner::before {
+  animation: 1.5s linear infinite spinner;
+  animation-play-state: inherit;
+  border: solid 5px var(--overlay-color);
+  border-bottom-color: var(--second-text-color);
+  border-radius: 50%;
+  content: "";
+  height: 40px;
+  width: 40px;
+  position: absolute;
+  top: 30%;
+  margin: auto;
+  transform: translate3d(-50%, -50%, 0);
+  will-change: transform;
+}
+#loading {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  margin: auto;
+  background-color: var(--overlay-color);
+  border-radius: 45px;
+  padding: 20px;
+  padding-bottom: 1px;
+  min-width: 90px;
+  max-width: 90px;
+}
+#loading p {
+  padding-top: 50px;
+  font-weight: bolder;
+  overflow-wrap: normal;
+}
+
+/* MAIN */
+html{
+  width: 100%;
+  height: 100%;
+}
+body {
+  background-color: var(--main-bg-color);
+  background-image: radial-gradient(var(--second-bg-color), var(--main-bg-color));
+  color: var(--main-text-color);
+  font-family: urwgothic, sans-serif;
+  text-align: center;
+  padding-bottom: 60px; /*Footer height*/
+}
+body a {color:var(--link-color)}
+body a:visited {color:var(--link-visited-color)}
+.titleimg {
+  width: 45%;
+  padding-top: 20px;
+  padding-bottom: 20px;
+  width: 200px;
+  height: 131px;
+  transition: 0.2s;
+}
+@media only screen and (min-height: 740px) {.titleimg{width: 250px;height: 164px;}}
+
+.lookup-box {
+  text-align: center;
+  border: black;
+  border-radius: 40px;
+  padding: 10px;
+  margin-bottom: 5px;
+  font-size: 18px;
+  text-transform: uppercase;
+  font-family: urwgothic, sans-serif;
+  transition: 0.2s;
+}
+.text-entry {
+  text-align: center;
+  border: black;
+  width: 75%;
+  max-width: 250px;
+  border-radius: 40px;
+  padding: 10px;
+  margin-bottom: 5px;
+  font-size: 12px;
+  font-family: urwgothic, sans-serif;
+  transition: 0.2s;
+}
+.text-entry-long{
+  text-align: left;
+  border: black;
+  width: 75%;
+  max-width: 250px;
+  height: 30%;
+  max-height: 350px;
+  border-radius: 20px;
+  padding: 10px;
+  margin-bottom: 5px;
+  font-size: 12px;
+  font-family: urwgothic, sans-serif;
+  transition: 0.2s;
+}
+label {
+  font-weight: 900;
+}
+.small-lookup-box {
+  text-align: center;
+  border: black;
+  border-radius: 40px;
+  padding: 10px;
+  margin-bottom: 10px;
+  text-transform: uppercase;
+  font-family: urwgothic, sans-serif;
+  transition: 0.2s;
+}
+.form-text-small {
+  text-align: center;
+  border: black;
+  width: 80%;
+  border-radius: 5px;
+  padding: 10px;
+  font-size: 18px;
+  transition: 0.2s;
+}
+@media only screen and (min-width: 600px) {.form-text-small{width: 50%}}
+.form-text-large {
+  text-align: left;
+  border: black;
+  width: 80%;
+  height: 90px;
+  border-radius: 5px;
+  padding: 5px;
+  font-size: 16px;
+  transition: 0.2s;
+}
+@media only screen and (min-width: 600px) {.form-text-large{width: 50%}}
+.form-info {
+  color: var(--main-text-color);
+  font-size: 17px;
+  font-weight: bolder;
+  margin-bottom: 4px;
+}
+.text-description {
+  display: inline-block;
+  width: 80%;
+  font-family: sans-serif;
+  color: var(--main-text-color);
+  padding-top: 5px;
+  padding-bottom: 5px;
+  margin-left: auto;
+  margin-right: auto;
+  transition: 0.2s;
+}
+@media only screen and (min-width: 600px) {.text-description{width: 50%}}
+.lookup-button {
+  background-color: var(--accent-color);
+  color: var(--link-color);
+  border: none;
+  border-radius: 18px;
+  font-size: 16px;
+  font-weight: normal;
+  font-family: urwgothic, sans-serif;
+  padding: 5px;
+  padding-left: 15px;
+  padding-right: 15px;
+  margin-bottom: 10px;
+  cursor: pointer;
+}
+#quick_links{
+  width: 75%;
+  max-width: 300px;
+  margin: auto;
+}
+.actionbutton {
+  display: inline-block;
+  text-decoration: none;
+  font-family: firamono, monospace;
+  font-weight: 400;
+  cursor: pointer;
+  background-color: var(--accent-color);
+  border: none;
+  border-radius: 10px;
+  color: var(--link-color);
+  padding: 3px;
+  padding-left: 8px;
+  padding-right: 8px;
+  margin-left: 5px;
+  margin-right: 5px;
+  margin-bottom: 10px;
+  font-size: 18px;
+}
+.inlinelink {
+  text-decoration: underline;
+  color: var(--link-color);
+  cursor: pointer;
+}
+/* START MENU STYLE */
+#top_button {
+  position: absolute;
+  top: 2px;
+  right: 5px;
+  padding: 5px;
+}
+.sidebar_control {
+  background-color: transparent;
+  color: var(--link-color);
+  border: none;
+  font-family: sans-serif;
+  font-size: larger;
+  cursor: pointer;
+}
+#sidebar_open_short {display: block;}
+#sidebar_close_short {
+  display: none;
+  font-size: x-large;
+}
+#sidebar {
+  position: fixed;
+  top: 40px;
+  right: 0;
+  margin: auto;
+  display: block;
+  max-width: 250px;
+  width: 0;
+  border-top-left-radius: 45px;
+  border-bottom-left-radius: 45px;
+  background-color: var(--overlay-color);
+  transition: 0.4s;
+}
+#sidebar a {
+  padding: 8px 8px 8px 8px;
+  margin-top: 10px;
+  margin-bottom: 10px;
+  font-family: urwgothic, sans-serif;
+  font-weight: 300;
+  text-decoration: none;
+  text-align: center;
+  font-size: 25px;
+  color: var(--link-color);
+  display: block;
+  white-space: nowrap;
+  transition: 0.5s;
+}
+
+/* Footer Styles */
+footer {
+  background-color: var(--accent-color);
+  font-family: firamono, monospace;
+  font-size: smaller;
+  color: var(--second-text-color);
+  width: 100%;
+  position: fixed;
+  bottom: -1px;
+  left: 0;
+}
+footer a {
+  text-decoration: underline;
+  color: var(--link-color);
+}
+footer a:visited {
+  color: var(--link-visited-color);
+}
+footer a:hover {
+  color: beige;
+}

styles/settings.css

@@ -0,0 +1,31 @@
+.small-lookup-box{
+    max-width: 100px;
+    height: 20px;
+}
+
+#done {
+    opacity: 0;
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    margin: auto;
+    background-color: var(--overlay-color);
+    border-radius: 45px;
+    padding: 20px;
+    padding-bottom: 1px;
+    min-width: 90px;
+    max-width: 90px;
+    transition: opacity 0.25s;
+  }
+
+#done img {
+  width: 80px;
+  height: 80px;
+}
+
+#done p {
+    padding-top: 0px;
+    font-weight: bolder;
+    overflow-wrap: normal;
+  }