Bigger logo on landing page

I rendered the svg with inkscape
12 years ago · 2227e31fe4
parent a3410d45c1
commit 2227e31fe4
3 changed files with 18 additions and 5 deletions
--- a/assets/img/glowing_bear_72.png
+++ b/assets/img/glowing_bear_72.png
--- a/css/glowingbear.css
+++ b/css/glowingbear.css
@ -349,6 +349,21 @@ table.notimestamp td.time {
    border-bottom: 0;
 }

+h2 {
+    padding-bottom: 5px;
+    height: 72px;
+}
+
+h2 img {
+    padding-right: 5px;
+    float: left;
+}
+
+h2 span, h2 small {
+    padding: 5px 0 0 0;
+    display: block;
+}
+
 /* */
 /* Mobile layout */
 /* */
--- a/index.html
+++ b/index.html
@ -35,11 +35,9 @@
  <body ng-controller="WeechatCtrl" ng-keydown="handleKeyPress($event)">
    <div ng-hide="connected" class="container">
      <h2>
-        <img alt="logo" src="assets/img/favicon.png">
-        glowing bear
-        <small>
-          WeeChat web frontend
-        </small>
+        <img alt="logo" src="assets/img/glowing_bear_72.png">
+        <span>glowing bear</span>
+        <small>WeeChat web frontend</small>
      </h2>
        <div class="alert alert-danger" ng-show="errorMessage">
          <strong>Connection error</strong> The client was unable to connect to the WeeChat relay