--- a/static/main.css	Thu Jun 30 20:21:30 2016 +0800
+++ b/static/main.css	Fri Jul 01 19:39:59 2016 +0800
@@ -6,14 +6,46 @@
 
 .brand {
     margin: 0;
+    height: 48px;
     color: #fff;
     text-shadow: 0 1px 0 rgba(0,0,0,.3);
+    overflow: hidden;
+    position: relative;
 }
 
 .brand:hover {
     color: #fff;
 }
 
+.trigger {
+    display: inline-block;
+}
+
+.mascots {
+    position: absolute;
+    top: 0;
+    left: 0;
+    margin-top: 48px;
+    transition: margin-top 0.1s ease-in-out;
+}
+
+.mascots img {
+    height: 48px;
+    transition: transform 0.1s ease-in-out;
+}
+
+.trigger:hover .mascots {
+    margin-top: 6px;
+}
+
+.trigger:hover .mascots img {
+    transform: rotate(10deg);
+}
+
+.trigger:hover .mascots img:last-child {
+    transform: rotate(-10deg);
+}
+
 @media (min-width: 768px) {
     .list-terse > dt {
         width: 120px;

--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/static/mascot-cat.svg	Fri Jul 01 19:39:59 2016 +0800
@@ -0,0 +1,79 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   id="svg4295"
+   viewBox="0 0 1119.6518 628.88721"
+   height="177.48595mm"
+   width="315.99063mm">
+  <defs
+     id="defs4297" />
+  <metadata
+     id="metadata4300">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(-265.88839,-185.61699)"
+     id="layer1">
+    <path
+       style="fill:#faa732;fill-opacity:1;stroke:none"
+       d="m 621.14226,185.62224 c -2.7014,0.11529 -5.13526,1.80962 -6.95412,3.6687 -53.49733,54.68085 -191.84185,383.22992 -146.09116,625.21327 l 715.23342,0 c 45.7507,-241.98335 -92.5939,-570.53242 -146.0912,-625.21327 -1.8188,-1.85908 -4.2527,-3.55341 -6.9541,-3.6687 -0.1801,-0.007 -0.3654,-0.007 -0.5476,0 -2.2674,0.082 -4.7098,1.32367 -7.0636,4.4353 -24.72117,32.68 -30.19314,66.96286 -40.57478,100.75252 -44.39028,-11.98477 -98.26425,-19.05537 -156.38544,-19.05537 -58.12119,0 -111.99515,7.0706 -156.38543,19.05537 -10.38165,-33.78966 -15.85361,-68.07252 -40.5748,-100.75252 -2.35382,-3.11163 -4.79615,-4.35335 -7.06362,-4.4353 -0.1822,-0.007 -0.36746,-0.007 -0.54757,0 z"
+       id="path3058" />
+    <path
+       id="path3059"
+       d="m 298.26187,608.10261 331.7144,83.81041"
+       style="fill:none;stroke:#000000;stroke-width:14.01774216;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path3061"
+       d="M 619.88311,721.0318 272.99708,719.98001"
+       style="fill:none;stroke:#000000;stroke-width:14.01774216;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path3063"
+       d="M 624.4038,752.39496 302.48771,804.48627"
+       style="fill:none;stroke:#000000;stroke-width:14.01774216;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:14.01774216;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 1353.1667,608.10261 -331.7144,83.81041"
+       id="path3083" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:14.01774216;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 1031.5454,721.0318 346.8861,-1.05179"
+       id="path3085" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:14.01774216;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 1027.0247,752.39496 321.9161,52.09131"
+       id="path3087" />
+    <path
+       id="path3047"
+       d="m 657.11748,432.95873 c -62.21139,0 -112.63475,50.42334 -112.63475,112.63475 0,62.21139 50.42336,112.68951 112.63475,112.68951 62.21139,0 112.63475,-50.47812 112.63475,-112.68951 0,-62.21141 -50.42336,-112.63475 -112.63475,-112.63475 z"
+       style="fill:#ffffff;fill-opacity:1;stroke:none" />
+    <path
+       id="path3045"
+       d="m 994.30989,432.95873 c -62.21139,0 -112.63475,50.42334 -112.63475,112.63475 0,62.21139 50.42336,112.68951 112.63475,112.68951 62.21141,0 112.63471,-50.47812 112.63471,-112.68951 0,-62.21141 -50.4233,-112.63475 -112.63471,-112.63475 z"
+       style="fill:#ffffff;fill-opacity:1;stroke:none" />
+    <path
+       id="path3043"
+       d="m 657.11748,487.387 c 32.16371,0 58.20648,26.04277 58.20648,58.20648 0,32.16371 -26.04277,58.26124 -58.20648,58.26124 -32.16371,0 -58.26124,-26.09753 -58.26124,-58.26124 0,-32.16371 26.09753,-58.20648 58.26124,-58.20648 z"
+       style="fill:#000000;fill-opacity:1;stroke:none" />
+    <path
+       id="path3036"
+       d="m 994.30989,487.387 c 32.16371,0 58.26121,26.04277 58.26121,58.20648 0,32.16371 -26.0975,58.26124 -58.26121,58.26124 -32.16371,0 -58.20649,-26.09753 -58.20649,-58.26124 0,-32.16371 26.04278,-58.20648 58.20649,-58.20648 z"
+       style="fill:#000000;fill-opacity:1;stroke:none" />
+    <path
+       id="rect3081"
+       d="m 824.07098,646.78406 c -7.37463,0.14981 -37.23964,1.58693 -42.92934,14.56531 -11.50552,26.24445 36.66535,96.46413 44.57204,94.61976 7.90669,1.84437 56.07756,-68.37531 44.57204,-94.61976 -6.50251,-14.83244 -44.57204,-14.56531 -44.57204,-14.56531 0,0 -0.58918,-0.0214 -1.6427,0 z"
+       style="fill:#da314b;fill-opacity:1;stroke:none" />
+  </g>
+</svg>

--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/static/mascot-owl.svg	Fri Jul 01 19:39:59 2016 +0800
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   id="svg4257"
+   viewBox="0 0 733.49306 628.83158"
+   height="177.47025mm"
+   width="207.00804mm">
+  <defs
+     id="defs4259" />
+  <metadata
+     id="metadata4262">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(-6.824888,-176.51783)"
+     id="layer1">
+    <path
+       id="path3015"
+       d="m 169.54749,176.52221 c -2.9206,-0.1032 -5.56154,1.63093 -7.5016,3.61395 -53.49731,54.68085 -191.841739,383.22992 -146.091159,625.21327 l 715.233389,0 c 45.7506,-241.98335 -92.5938,-570.53242 -146.0911,-625.21327 -1.9401,-1.98302 -4.581,-3.71717 -7.5018,-3.61395 -2.2716,0.0803 -4.7098,1.26892 -7.0636,4.38055 -24.7211,32.68 -30.1943,66.96286 -40.5747,100.75252 -44.3926,-11.98666 -98.2593,-19.05537 -156.3854,-19.05537 -58.1263,0 -112.0478,7.06871 -156.4403,19.05537 -10.3805,-33.78966 -15.7989,-68.07252 -40.52002,-100.75252 -2.35375,-3.11163 -4.79196,-4.3003 -7.06371,-4.38055 z"
+       style="fill:#000000;stroke:none" />
+    <path
+       id="path3013"
+       d="m 204.92052,423.80395 c -62.21166,0 -112.580039,50.42334 -112.580039,112.63475 0,62.21139 50.368379,112.68951 112.580039,112.68951 62.2112,0 112.6893,-50.47812 112.6893,-112.68951 0,-62.21141 -50.4783,-112.63475 -112.6893,-112.63475 z m 337.247,0 c -62.2114,0 -112.6348,50.42334 -112.6348,112.63475 0,62.21139 50.4234,112.68951 112.6348,112.68951 62.2114,0 112.6348,-50.47812 112.6348,-112.68951 0,-62.21141 -50.4234,-112.63475 -112.6348,-112.63475 z m -337.247,54.42827 c 32.1635,0 58.2612,26.04277 58.2612,58.20648 0,32.16371 -26.0977,58.26124 -58.2612,58.26124 -32.16393,0 -58.20662,-26.09753 -58.20662,-58.26124 0,-32.16371 26.04251,-58.20648 58.20662,-58.20648 z m 337.247,0 c 32.1637,0 58.2612,26.04277 58.2612,58.20648 0,32.16371 -26.0975,58.26124 -58.2612,58.26124 -32.1637,0 -58.2064,-26.09753 -58.2064,-58.26124 0,-32.16371 26.0427,-58.20648 58.2064,-58.20648 z"
+       style="fill:#faa732;fill-opacity:1;stroke:none" />
+    <path
+       id="rect3009"
+       d="m 371.95522,637.62928 c -7.3699,0.14981 -37.2394,1.58693 -42.9294,14.56531 -11.5052,26.24445 36.6653,96.46413 44.5722,94.61976 7.9064,1.84437 56.0228,-68.37531 44.5172,-94.61976 -6.5025,-14.83244 -44.5172,-14.56531 -44.5172,-14.56531 0,0 -0.5898,-0.0214 -1.6428,0 z"
+       style="fill:#898989;fill-opacity:1;stroke:none" />
+  </g>
+</svg>

--- a/templates/base.html	Thu Jun 30 20:21:30 2016 +0800
+++ b/templates/base.html	Fri Jul 01 19:39:59 2016 +0800
@@ -14,7 +14,16 @@
   <body>
     <nav class="uk-navbar uk-navbar-attached navbar">
       <div class="uk-container uk-container-center" style="position: relative;">
-        <a class="uk-navbar-brand brand" href="/">Cat and Owl's online linter</a>
+        <a class="uk-navbar-brand brand" href="/">{#
+        #}<span class="trigger">
+            Cat and Owl's
+            <span class="mascots">
+              <img src="/static/mascot-cat.svg">
+              <img src="/static/mascot-owl.svg">
+            </span>
+          </span>
+          online linter
+        </a>
       </div>
     </nav>