feat(mister-hooly): he's here!

public/index.php

@@ -150,6 +150,17 @@
       width: 50%;
     }
 
+    /* mr. hooly */
+    #mister-hooly {
+      position: fixed;
+      top: 24px;
+      right: 12px;
+      width: 144px;
+      height: 162px;
+      background: url(/mister-hooly.svg) no-repeat top left;
+      background-size: 144px 162px;
+    }
+
     /* 700px breakpoint */
     @media screen and (max-width: 700px) {
       footer, #homes, #services, footer {
@@ -248,6 +259,9 @@
       <p>a restaurant where luxury is served</p>
     </div>
   </div>
+
+  <div id="mister-hooly"></div>
+
   <footer>
     <p>Child of Man. What is it you seek from this World?</p>
   </footer>

public/mister-hooly.svg

@@ -0,0 +1,74 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="27" viewBox="0 0 24 27">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #f85878;
+      }
+
+      .cls-1, .cls-10, .cls-11, .cls-12, .cls-13, .cls-2, .cls-3, .cls-4, .cls-5, .cls-6, .cls-7, .cls-8, .cls-9 {
+        fill-rule: evenodd;
+      }
+
+      .cls-2 {
+        fill: #c83850;
+      }
+
+      .cls-3 {
+        fill: #380068;
+      }
+
+      .cls-4 {
+        fill: #d88808;
+      }
+
+      .cls-5 {
+        fill: #f8c060;
+      }
+
+      .cls-6 {
+        fill: #f8f800;
+      }
+
+      .cls-7 {
+        fill: #f8f8f8;
+      }
+
+      .cls-8 {
+        fill: #885008;
+      }
+
+      .cls-9 {
+        fill: #e0f0f8;
+      }
+
+      .cls-10 {
+        fill: #c0e8f8;
+      }
+
+      .cls-11 {
+        fill: #88c0f8;
+      }
+
+      .cls-12 {
+        fill: #6898c0;
+      }
+
+      .cls-13 {
+        fill: #506078;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M18,15h1v1H18V15ZM9,16h2v1H9V16Zm3,0h3v1H14v1H13V17H12V16Zm4,0h2v1H16V16Zm-2,3h1v2h1v3H15v1H14v1H13V24H12V23h1V22h1V21H13V20h1V19Z"/>
+  <path class="cls-2" d="M7,15H8v1H7V15Zm12,0h1v1H19V15ZM8,16H9v1H8V16Zm10,0h1v1H18V16Zm-6,1h1v1H12V17Zm2,0h1v1H14V17Zm-1,2h1v1H13V19Zm0,2h1v1H13V21Zm-1,1h1v1H12V22Zm0,2h1v1H12V24Zm3,0h1v1H15V24Zm-1,1h1v1H14V25Z"/>
+  <path class="cls-3" d="M18,14h3v2H20V15H18V14ZM6,15H7v1H6V15Zm2,0H18v1H16v1h3v1H16v3H15V19H13v3H12V19H11V18H8V17h3V16H8V15ZM7,16H8v1H7V16Zm5,0v2h3V16H12Zm4,5h1v4H16V21Zm-5,1h1v3H11V22Zm1,3h1v1H12V25Zm3,0h1v1H15V25Zm-2,1h2v1H13V26Z"/>
+  <path class="cls-4" d="M5,14H6v1H5V14Zm3,4H9v3H8V18Zm3,1h1v3H11V19Zm6,0h1v2H17V19ZM9,21h1v3H9V21Z"/>
+  <path class="cls-5" d="M2,9H3v1H2V9ZM1,10H2v2H1V10Zm1,2H3v1H2V12Zm1,1H4v1H3V13Zm1,1H5v1H4V14Zm15,2h1v1H19V16Z"/>
+  <path class="cls-6" d="M5,7H7V8H5V7ZM3,8H5V9H3V8Zm17,8h1v1H20V16Zm1,1h1v1H21V17Zm1,1h1v2H22V18Zm-1,2h1v1H21V20Zm-2,1h2v1H19V21Z"/>
+  <path class="cls-7" d="M10,6h2V9H8V8H9V7h1V6Zm6,0h2V9H14V8h1V7h1V6Z"/>
+  <path class="cls-8" d="M5,6H8V8H7V7H5V6ZM3,7H5V8H3V7ZM2,8H3V9H2V8ZM5,8H7V9H5V8ZM1,9H2v1H1V9ZM3,9H5v1H3V9ZM0,10H1v2H0V10Zm2,0H3v2H2V10ZM1,12H2v1H1V12Zm2,0H4v1H3V12ZM2,13H3v1H2V13Zm2,0H5v1H4V13ZM3,14H4v1H3V14Zm1,1H6v1H4V15Zm2,1H7v1H6V16Zm15,0h1v1H21V16ZM7,17H8v4H9v3H8V22H7V17Zm12,0h2v1H19V17Zm3,0h1v1H22V17ZM9,18h2v7H9V24h1V21H9V18Zm7,0h3v2h2v1H19v1H18v2H17V21h1V19H17v2H16V18Zm5,0h1v2H21V18Zm2,0h1v2H23V18Zm-1,2h1v1H22V20Zm-1,1h1v1H21V21Zm-2,1h2v1H19V22Zm-8,3h1v1H11V25Zm1,1h1v1H12V26Z"/>
+  <path class="cls-9" d="M11,3h2V4h1V5H10V4h1V3Z"/>
+  <path class="cls-10" d="M11,1h4V2h2V3h1V4h1V5H14V4H13V3H11V4H10V5H7V4H8V3H9V2h2V1ZM6,5H7V6H6V5Zm6,0h2V6H12V5Zm7,0h1V6H19V5ZM9,6h1V7H9V6Zm6,0h1V7H15V6ZM8,7H9V8H8V7Zm6,0h1V8H14V7Zm5,1h2v4H20v1H18v1H8V13H6V12H5V11H4V10H5V9H7v1h5V9h2v1h5V8Zm-4,3v1H10v1h5V12h1V11H15Z"/>
+  <path class="cls-11" d="M10,1h1V2H10V1Zm5,0h1V2H15V1ZM8,2H9V3H8V2Zm9,0h1V3H17V2ZM7,3H8V4H7V3ZM18,3h1V4H18V3ZM6,4H7V5H6V4ZM19,4h1V5H19V4ZM8,6H9V7H8V6Zm6,0h1V7H14V6Zm6,0h1V8H20V6ZM7,9H8v1H7V9ZM18,9h1v1H18V9Zm3,0h1v2H21V9ZM4,11H5v1H4V11Zm1,1H6v1H5V12Zm15,0h1v1H20V12ZM7,13H8v1H7V13Zm11,0h1v1H18V13Zm-8,1h6v1H10V14Z"/>
+  <path class="cls-12" d="M12,0h2V1H12V0Zm9,8h1V9H21V8Zm0,3h1v1H21V11ZM10,12h1v1H10V12ZM6,13H7v1H6V13Zm13,0h1v1H19V13ZM8,14h2v1H8V14Zm8,0h2v1H16V14Z"/>
+  <path class="cls-13" d="M10,0h2V1H10V0Zm4,0h2V1H14V0ZM8,1h2V2H8V1Zm8,0h2V2H16V1ZM7,2H8V3H7V2ZM18,2h1V3H18V2ZM6,3H7V4H6V3ZM19,3h1V4H19V3ZM5,4H6V6H5V4ZM20,4h1V6H20V4ZM7,5h5V6H7V5Zm7,0h5V6h1V8H19V9H18V6H14V5ZM4,6H5V7H4V6Zm8,0h2V9H12V6Zm9,0h1V8H21V6ZM7,8H8V9H7V8ZM22,8h1v4H22V8ZM8,9h4v1H8V9Zm6,0h4v1H14V9ZM3,10H4v2H3V10Zm12,1h1v1H15V11ZM4,12H5v1H4V12Zm7,0h4v1H11V12Zm10,0h1v1H21V12ZM5,13H6v1H5V13Zm15,0h1v1H20V13ZM6,14H8v1H6V14Z"/>
+</svg>