Nice logo

webapp/titanembeds/static/css/style.css

@@ -29,6 +29,18 @@ nav {
   }
 }
 
+.align-top {
+  vertical-align: top;
+}
+
+.brand-logo img {
+  width: 30px;
+  margin-right: 10px;
+  margin-top: 4px;
+  -webkit-filter: brightness(0) invert(1);
+  filter: brightness(0) invert(1);
+}
+
 .btn {
   background-color: #303f9f;
 }

webapp/titanembeds/templates/site_layout.html.j2

@@ -28,7 +28,7 @@
 
       <nav>
         <div class="nav-wrapper container">
-          <a href="/" class="brand-logo"><b>Titan</b>Embeds <span class="betatag">BETA</span></a>
+          <a href="/" class="brand-logo"><img src="{{ url_for('static', filename='img/titanembeds_shield.png') }}" /><span class="hide-on-med-and-down"><b class="align-top">Titan</b><span class="align-top">Embeds</span> <span class="betatag align-top">BETA</span></span></a>
           <ul id="nav-mobile" class="right">
             <li><a href="{{url_for("embed.guild_embed", guild_id="295085744249110529")}}" class="waves-effect btn z-depth-3">Visit Us!</a></li>
             {% if session['unauthenticated'] is defined and not session['unauthenticated'] %}