Logo and favicon

healthchecks · Aug 22, 2015 · 3bf3c39 · 3bf3c39
1 parent 69da73b
commit 3bf3c39
Show file tree

Hide file tree

Showing 8 changed files with 179 additions and 3 deletions.
diff --git a/static/css/base.css b/static/css/base.css
@@ -19,6 +19,11 @@ body {
     text-align: center;
 }
 
+#logo {
+    max-height: 50px;
+    margin-top: -13px;
+}
+
 .navbar-nav {
     text-transform: uppercase;
     font-size: small;

diff --git a/static/css/welcome.css b/static/css/welcome.css
@@ -26,7 +26,6 @@
 #pitch-url {
     text-align: center;
     font-family: monospace;
-    width: 500px;
     margin: 10px auto;
 }
 

diff --git a/static/img/channels.png b/static/img/channels.png
diff --git a/static/img/favicon.ico b/static/img/favicon.ico
diff --git a/static/img/logo.png b/static/img/logo.png
diff --git a/stuff/favicon.svg b/stuff/favicon.svg
diff --git a/stuff/logo.svg b/stuff/logo.svg
diff --git a/templates/base.html b/templates/base.html
@@ -8,8 +8,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,600' rel='stylesheet' type='text/css'>
-
     {% load compress staticfiles %}
+    <link rel="icon" type="image/x-icon" href="{% static 'img/favicon.ico' %}">
+
     {% compress css %}
     <link rel="stylesheet" href="{% static 'css/bootstrap.css' %}" type="text/css">
     <link rel="stylesheet" href="{% static 'css/nouislider.min.css' %}" type="text/css">
@@ -41,7 +42,17 @@
                 <span class="icon-bar"></span>
                 <span class="icon-bar"></span>
             </button>
-            <a class="navbar-brand" href="{% url 'hc-index' %}">Health Checks</a>
+            <a class="navbar-brand"
+                href="{% url 'hc-index' %}"
+                title="healthchecks.io - Monitor Cron Jobs">
+                <img
+                    id="logo"
+                    height="50"
+                    width="200"
+                    src="{% static 'img/logo.png'%}"
+                    alt="healthchecks.io">
+            </a>
+
         </div>
         <div id="navbar" class="navbar-collapse collapse">
             <ul class="nav navbar-nav">