docs: Put logo in title bar.

3 files changed, 43 insertions, 75 deletions

diff --git a/docs/logo/mupdf-icon.png b/docs/logo/mupdf-icon.png
new file mode 100644
index 00000000..f1e8e8c9
--- /dev/null
+++ b/docs/logo/mupdf-icon.png
diff --git a/docs/logo/mupdf-logo.svg b/docs/logo/mupdf-logo.svg
index 086a2568..cfb564f4 100644
--- a/docs/logo/mupdf-logo.svg
+++ b/docs/logo/mupdf-logo.svg
@@ -7,56 +7,25 @@
    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"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
    width="320"
    height="320"
-   id="svg2"
-   version="1.1"
-   inkscape:version="0.48.2 r9819"
-   sodipodi:docname="New document 1">
+   id="svg2">
   <defs
      id="defs4">
     <clipPath
-       id="clipPath3051"
-       clipPathUnits="userSpaceOnUse">
+       id="clipPath3051">
       <path
-         id="path3053"
          d="M 0,792 612,792 612,0 0,0 0,792 z"
-         inkscape:connector-curvature="0" />
+         id="path3053" />
     </clipPath>
     <clipPath
-       id="clipPath2999"
-       clipPathUnits="userSpaceOnUse">
+       id="clipPath2999">
       <path
-         id="path3001"
          d="M 0,0 612,0 612,792 0,792 0,0 z"
-         inkscape:connector-curvature="0" />
+         id="path3001" />
     </clipPath>
   </defs>
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="1.9849377"
-     inkscape:cx="91.958236"
-     inkscape:cy="117.27854"
-     inkscape:document-units="px"
-     inkscape:current-layer="g2997"
-     showgrid="false"
-     fit-margin-top="0"
-     fit-margin-left="0"
-     fit-margin-right="0"
-     fit-margin-bottom="0"
-     units="pt"
-     inkscape:window-width="936"
-     inkscape:window-height="808"
-     inkscape:window-x="87"
-     inkscape:window-y="255"
-     inkscape:window-maximized="0" />
   <metadata
      id="metadata7">
     <rdf:RDF>
@@ -70,70 +39,61 @@
     </rdf:RDF>
   </metadata>
   <g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     id="layer1"
-     transform="translate(-266.37323,-267.38146)">
+     transform="translate(-266.37323,-267.38146)"
+     id="layer1">
     <g
        transform="matrix(1.25,0,0,-1.25,6.6577275,1024.0891)"
-       inkscape:label="MuPDFLogo"
        id="g2993">
       <g
-         id="g2997"
-         clip-path="url(#clipPath2999)">
+         clip-path="url(#clipPath2999)"
+         id="g2997">
         <g
-           id="g3023"
-           transform="translate(340.14937,477.78063)">
+           transform="translate(340.14937,477.78063)"
+           id="g3023">
           <path
-             inkscape:connector-curvature="0"
              d="m 0,0 -19.833,-57.952 -42.766,125.606 -35.923,0 0,-160.107 21.734,0 0,130.088 44.088,-130.088 21.169,0 27.767,81.932 C 10.307,-7.801 4.847,-4.246 0,0"
-             style="fill:#231f20;fill-opacity:1;fill-rule:nonzero;stroke:none"
-             id="path3025" />
+             id="path3025"
+             style="fill:#231f20;fill-opacity:1;fill-rule:nonzero;stroke:none" />
         </g>
         <g
-           id="g3027"
-           transform="translate(442.76443,529.86787)">
+           transform="translate(442.76443,529.86787)"
+           id="g3027">
           <path
-             inkscape:connector-curvature="0"
              d="m 0,0 c 0,32.498 -26.342,58.841 -58.84,58.841 -32.499,0 -58.84,-26.343 -58.84,-58.841 0,-32.499 26.341,-58.842 58.84,-58.842 C -26.342,-58.842 0,-32.499 0,0"
-             style="fill:#4386b5;fill-opacity:1;fill-rule:nonzero;stroke:none"
-             id="path3029" />
+             id="path3029"
+             style="fill:#4386b5;fill-opacity:1;fill-rule:nonzero;stroke:none" />
         </g>
         <g
-           id="g3031"
-           transform="translate(440.44413,529.86787)">
+           transform="translate(440.44413,529.86787)"
+           id="g3031">
           <path
-             inkscape:connector-curvature="0"
              d="m 0,0 c 0,-29.194 -25.303,-52.857 -56.52,-52.857 -31.216,0 -56.519,23.663 -56.519,52.857 0,29.194 25.303,52.857 56.519,52.857 C -25.303,52.857 0,29.194 0,0 m -118.377,0 c 0,-34.166 27.693,-61.857 61.857,-61.857 34.165,0 61.858,27.691 61.858,61.857 0,34.164 -27.693,61.855 -61.858,61.855 -34.164,0 -61.857,-27.691 -61.857,-61.855"
-             style="fill:#231f20;fill-opacity:1;fill-rule:nonzero;stroke:none"
-             id="path3033" />
+             id="path3033"
+             style="fill:#231f20;fill-opacity:1;fill-rule:nonzero;stroke:none" />
         </g>
         <g
-           id="g3035"
-           transform="translate(374.38717,526.29433)">
+           transform="translate(374.38717,526.29433)"
+           id="g3035">
           <path
-             inkscape:connector-curvature="0"
              d="m 0,0 0,-41.297 c -4.614,0.775 -9.004,2.076 -13.086,3.832 L 0,0 z m 29.787,3.459 c 0,21.194 3.114,25.225 20.566,25.36 -0.386,0.579 -0.805,1.134 -1.215,1.695 0.028,-0.028 0.058,-0.054 0.086,-0.082 -0.122,0.168 -0.255,0.326 -0.379,0.492 -0.29,0.389 -0.586,0.772 -0.888,1.152 -0.357,0.45 -0.724,0.892 -1.097,1.329 -0.277,0.325 -0.553,0.651 -0.839,0.969 -0.47,0.522 -0.956,1.029 -1.448,1.531 -0.213,0.217 -0.418,0.44 -0.635,0.653 -8.753,8.609 -20.75,13.928 -33.998,13.928 -16.16,0 -30.463,-7.905 -39.283,-20.053 9.44,9.555 23.53,15.626 39.283,15.626 10.552,0 20.349,-2.734 28.51,-7.405 l -48.092,0 -21.513,-62.485 c 0.634,-1.011 1.318,-1.962 2.024,-2.884 -0.069,0.069 -0.143,0.134 -0.212,0.204 8.82,-12.149 23.123,-20.053 39.283,-20.053 16.161,0 30.465,7.905 39.284,20.054 -5.223,-5.286 -11.873,-9.499 -19.437,-12.215 l 0,42.184 z"
-             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
-             id="path3037" />
+             id="path3037"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
         </g>
         <g
-           id="g3039"
-           transform="translate(377.11667,449.31773)">
+           transform="translate(377.11667,449.31773)"
+           id="g3039">
           <path
-             inkscape:connector-curvature="0"
              d="M 0,0 0,6.361 C 0,7.465 0.896,8.197 2,7.994 3.104,7.792 4,6.731 4,5.627 L 4,-0.26 c 1.059,-0.043 2.115,-0.07 3.164,-0.07 3.894,0 7.861,0.311 11.826,0.893 l 0,12.333 c -3.826,-0.678 -7.758,-1.052 -11.779,-1.052 -3.884,0 -7.685,0.349 -11.388,0.982 l 0,-12.336 C -2.783,0.294 -1.39,0.125 0,0"
-             style="fill:#231f20;fill-opacity:1;fill-rule:nonzero;stroke:none"
-             id="path3041" />
+             id="path3041"
+             style="fill:#231f20;fill-opacity:1;fill-rule:nonzero;stroke:none" />
         </g>
         <g
-           id="g3043"
-           transform="translate(384.28077,445.98813)">
+           transform="translate(384.28077,445.98813)"
+           id="g3043">
           <path
-             inkscape:connector-curvature="0"
              d="m 0,0 c -1.049,0 -2.105,0.028 -3.164,0.069 l 0,-55.768 c 0,-1.104 -0.896,-1.835 -2,-1.633 -1.105,0.203 -2,1.263 -2,2.367 l 0,55.278 c -1.39,0.121 -2.783,0.285 -4.177,0.474 l 0,-60.255 c 0,0 3.861,-2.493 11.388,-2.493 7.527,0 11.779,2.564 11.779,2.564 l 0,60.255 C 7.862,0.296 3.896,0 0,0"
-             style="fill:#231f20;fill-opacity:1;fill-rule:nonzero;stroke:none"
-             id="path3045" />
+             id="path3045"
+             style="fill:#231f20;fill-opacity:1;fill-rule:nonzero;stroke:none" />
         </g>
       </g>
     </g>
diff --git a/docs/style.css b/docs/style.css
index c2b2322d..8bb02028 100644
--- a/docs/style.css
+++ b/docs/style.css
@@ -14,12 +14,20 @@ h1 {
 	font-weight: normal;
 	margin: 0;
 	padding: 1rem 2rem;
-	background-color: black;
+}
+header {
 	color: white;
+	background: no-repeat;
+	background-color: #36648b;
+	background-image: url("logo/mupdf-icon.png");
+	background-position: bottom right;
+	padding-right: 72px;
+	min-height: 72px;
 }
 nav {
 	padding: 0.75rem 2rem;
 	background-color: #ddd;
+	no-text-transform: uppercase;
 }
 nav a { color: #303030; padding-right: 2rem; }
 article {