Added and implemented URW Gothic Font

static/index.html

@@ -29,15 +29,15 @@
 
     <!-- Main Content Begins -->
     <picture>
-      <source media="(min-width:1500px)" srcset="/images/logo/logo-full-715.png" type="image/png">
-      <source media="(min-width:1000px)" srcset="/images/logo/logo-full-512.png" type="image/png">
-      <source media="(min-width:600px)" srcset="/images/logo/logo-full-256.png" type="image/png">
-      <img class="titleimg" src="/images/logo/logo-full-512.png" alt="OwlBoards Logo">
+      <source media="(min-width:800px)" srcset="/images/logo/logo-full-715.png" type="image/png">
+      <source media="(min-width:700px)" srcset="/images/logo/logo-full-512.png" type="image/png">
+      <source media="(max-width:450px)" srcset="/images/logo/logo-full-256.png" type="image/png">
+      <img class="titleimg" src="/images/logo/logo-full-256.png" alt="OwlBoards Logo">
     </picture>
     <br>
     <input class="lookup-box" type="text" id="crs-lookup" name="crs-lookup" placeholder="Enter CRS/TIPLOC"/>
     <br>
-    <button class="lookup-button" onclick="getTextEntry()">Lookup Departure Board</button>
+    <button class="lookup-button" onclick="getTextEntry()">Lookup Board</button>
     <br>
     <br>
     

static/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++)

static/styles/style.css

@@ -15,6 +15,14 @@
   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;
+}
 
 /* COLOR VARS */
 :root {
@@ -28,7 +36,7 @@
 body {
   background-color: var(--main-bg-color);
   color: var(--main-text-color);
-  font-family: firamono, monospace;
+  font-family: urwgothic, sans-serif;
   text-align: center;
   padding-bottom: 60px; /*Footer height*/
 }
@@ -36,7 +44,7 @@ body {
   width: 45%;
   padding-top: 20px;
   padding-bottom: 20px;
-  max-width: 500px;
+  max-width: 360px;
   min-width: 200px;
   transition: 0.2s;
 }
@@ -48,6 +56,7 @@ body {
   margin-bottom: 5px;
   font-size: 18px;
   text-transform: uppercase;
+  font-family: urwgothic, sans-serif;
   transition: 0.2s;
 }
 .form-text-small {
@@ -95,7 +104,8 @@ body {
   border: none;
   border-radius: 18px;
   font-size: 16px;
-  font-weight: bold;
+  font-weight: normal;
+  font-family: urwgothic, sans-serif;
   padding: 5px;
   padding-left: 15px;
   padding-right: 15px;
@@ -106,15 +116,17 @@ body {
   display: inline-block;
   text-decoration: none;
   font-family: firamono, monospace;
-  font-weight: 500;
+  font-weight: 400;
   cursor: pointer;
   background-color: var(--accent-color);
   border: none;
   border-radius: 10px;
   color: var(--link-color);
-  padding: 7px;
+  padding: 3px;
+  padding-left: 8px;
+  padding-right: 8px;
   margin-bottom: 10px;
-  font-size: 16px;
+  font-size: 18px;
 }
 .inlinelink {
   text-decoration: underline;