Change logo font

src/main/resources/static/css/style.css

@@ -18,3 +18,20 @@ body {
 main {
     flex: 1 0 auto;
 }
+
+@font-face {
+    font-family: "Norwester";
+    src: url("/css/font/norwester.ttf"),
+         url("/css/font/norwester.woff");
+}
+
+.brand-logo{
+    font-family: Norwester;
+    font-size: 45px !important;
+    font-weight: bold;
+    -webkit-text-fill-color: #fbcf40;
+    -webkit-text-stroke-color: black;
+    -webkit-text-stroke-width: 3px;
+
+
+}

src/main/resources/static/js/oauthCallback.js

@@ -29,5 +29,4 @@ if(discordToken !== ""){
     });
 }else{
     window.location = "/";
-    debugger;
 }

src/main/resources/templates/header.html

@@ -16,7 +16,8 @@
 <div th:fragment="header (page, guild_name, isAdmin)">
     <nav class="brown darken-4 z-depth-3" role="navigation" >
     <div class="nav-wrapper container">
-        <b><a id="logo-container" href="/" class="brand-logo" style="white-space: nowrap">Claptrap Bot</a></b>
+        <a href="/" class="brand-logo hide-on-small-and-down" style="white-space: nowrap">Claptrap Bot</a>
+        <a href="/" class="brand-logo hide-on-med-and-up show-on-small" style="white-space: nowrap">Claptrap</a>
         <ul class="right hide-on-med-and-down">
             <li>
                 <a class="nav-change-guild truncate waves-effect waves-light btn-flat grey-text text-darken-1" th:text="${guild_name}" style="margin-top: 2px;margin-right: 0px;"></a>

src/main/resources/templates/loading.html

@@ -25,7 +25,8 @@
 <header>
     <nav class="brown darken-4 z-depth-3" role="navigation">
         <div class="nav-wrapper container">
-            <a id="logo-container" href="/" class="brand-logo center">Claptrap Bot</a>
+            <a href="/" class="brand-logo hide-on-small-and-down center" style="white-space: nowrap">Claptrap Bot</a>
+            <a href="/" class="brand-logo hide-on-med-and-up show-on-small center" style="white-space: nowrap">Claptrap</a>
         </div>
     </nav>
 </header>

src/main/resources/templates/login.html

@@ -25,7 +25,8 @@
 <header>
     <nav class="brown darken-4 z-depth-3" role="navigation">
         <div class="nav-wrapper container">
-            <a id="logo-container" href="/" class="brand-logo center">Claptrap Bot</a>
+            <a href="/" class="brand-logo hide-on-small-and-down center" style="white-space: nowrap">Claptrap Bot</a>
+            <a href="/" class="brand-logo hide-on-med-and-up show-on-small center" style="white-space: nowrap">Claptrap</a>
         </div>
     </nav>
 </header>