1 files changed, 100 insertions, 0 deletions
diff --git a/dokka-runners/dokkatoo/modules/docs/images/banner.svg b/dokka-runners/dokkatoo/modules/docs/images/banner.svg
new file mode 100644
index 00000000..ee9c57e6
--- /dev/null
+++ b/dokka-runners/dokkatoo/modules/docs/images/banner.svg
@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+  version="1.1"
+  viewBox="0 0 128 32"
+  width="1920"
+  height="480"
+  xmlns="http://www.w3.org/2000/svg"
+  style="background-color: black;"
+>
+  <defs>
+    <style>
+      /*
+      Specifically only embed the font required for 'Dokkatoo'
+      // NOTE replace &amp; with plain ampersand in URL, because XML can't handle it even though it's in a comment
+      https://fonts.googleapis.com/icon?family=JetBrains+Mono&amp;text=Dokkatoo
+      https://amio.github.io/embedded-google-fonts/
+      */
+      @font-face {
+        font-family: 'JetBrains Mono';
+        font-style: normal;
+        font-weight: 400;
+        src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAP0AA8AAAAAB3QAAAObAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhwbHhwoBmA/U1RBVF4AXBEICoM0gn8LEAABNgIkAxAEIAWFAAcgGywGyAQeKK/6V5U0JrWweuRkIPSAPu3uB3ECeFTjw871+62KWCXStRIqNcGi7y+i1sSSaUziSTQxRM5L6vcAzzDqRKNLEcAyDCJUdBzUN3C9Btu4UaSm55biRv/HadtC+EEOMEosXtPTONLHCq1Fsl2X1eJCHCDPyko05JykRD2hIjkuIYS2cyPSXsWf3wBueJ1sC3iG5f/b2r//+0D7VxzbhbjhgyDIA/JtMO5qKuXOQ8A6NNq+2Hh7x0jdnuwcaewRKxEcYANONARSrGo4CBul0MWFIJ+4NT3yRL1dPCdiSygYxYmvk4krKtzvZBepNNJNPyOdbX3ca39uP2nfZF9pX2ZflLElKBYI22blBV2fYOCIInJaMz4oQh1zGhLZdCjgz3VNW2ZsV8vXrFirHMv1puWOlu5lyqHO8fuRCz6fUa7OCQptMWAYZWcDYjGolFh83Tjr22YEg+ocP3yOIYyNC77yc4JCGGdfZeE15VBSVajKKqPcoPFsICDEoqzghwWfZlkM4D/EBwv+5WcDQjOEEgqFIReUovrtW9+u8xyLS7KPxh6j9u0nM9oiohtT9qZEN7VFZDQVNFvZWdZeMzvLauafkIrmyty85oqyu6PCXor2mIesanf6cEmFt7exdKqyc+X38bVpkenJRUmh+Xce9xw98Snet6uv6Lrh4/ZHHI/v7Lzh1+7fOOqyvJ7wevNiK7zO67Esrye8zrzEDK/3esyCONNMvjjZNONiLTP54mTLpCMjPyct5Zria66pvubd4ndTkuIvLwbg3zE5JiN1c+UTM96V8b+5Ne3Lj/F3Xr/96tO2t1/9+a+Y/336xdq/hM7ZoJo96jk5h37PXzH/XaBfPLYXZCXV1GLipYyoGTebSzxCHw/glKJWpG8Zl88xSl8PwSfEiZtIsE2sEUlWCF2kEc8rIp1jXCtysIUlkZMjVApXEMkeSlRj3IBDenFlYiXLMJCs0g5BMf300kgfWYxosj100kwFrfl2OhiJ60cYYJhYTmqHhmlmiE4GGGGYE+jtpIff0c8Q7ZykgHRyyaaVESyGaKSTPobJox8U+MhximmlnVF6aGSIclp1KAB+ZXcRygkmHq1DdvMuXd6upgwkTkfr0JfK2zx0XWFxCv0MMNl19cBAU/FUvJxdlNJBK7uavK+QIfrpopXmrH6T0QGGoQPR+EOD7W+n82fxKE2coHmyJp2sYNqT3cXDe5zSTNqthC7U1gAAAA==) format('woff2');
+      }
+    </style>
+
+    <linearGradient
+      id="upper-beak-gradient"
+      gradientUnits="userSpaceOnUse"
+      x1="0"
+      y1="31"
+      x2="16"
+      y2="31">
+      <stop offset="0" stop-color="#2d2d2d"/>
+      <stop offset="1" stop-color="#3d3d3d"/>
+    </linearGradient>
+    <linearGradient
+      id="lower-beak-gradient"
+      gradientUnits="userSpaceOnUse"
+      x1="0"
+      y1="31"
+      x2="16"
+      y2="31">
+      <stop offset="1" stop-color="#1d1d1d"/>
+      <stop offset="0" stop-color="#2d2d2d"/>
+    </linearGradient>
+    <linearGradient
+      id="blue-purple-gradient"
+      gradientUnits="userSpaceOnUse"
+      x1="0"
+      y1="31"
+      x2="31"
+      y2="0">
+      <stop offset="0.3" stop-color="#0095D5"/>
+      <stop offset="0.5" stop-color="#3C83DC"/>
+      <stop offset="0.6" stop-color="#6D74E1"/>
+      <stop offset="0.7" stop-color="#806EE3"/>
+    </linearGradient>
+    <linearGradient
+      id="purple-orange-gradient"
+      gradientUnits="userSpaceOnUse"
+      x1="0"
+      y1="31"
+      x2="31"
+      y2="0">
+      <stop offset="0.5" stop-color="#C757BC"/>
+      <stop offset="0.65" stop-color="#D0609A"/>
+      <stop offset="0.9" stop-color="#F88909"/>
+    </linearGradient>
+  </defs>
+
+  <rect id="black-background" width="100%" height="100%"/>
+
+  <g id="bird">
+    <path id="blue-feathers" fill="url(#blue-purple-gradient)"
+      d="
+        M5,19 v-10 l7,-7 h10
+        M20,16 l8,-8 v10 l-3,3
+        "/>
+    <path id="orange-feather" fill="url(#purple-orange-gradient)"
+      d="M11,13 l11,-11 h6 v6 l-8,8 l-3,-3"/>
+    <path id="white-head" fill="#fff"
+      d="M5,19 l6,-6 h6 l8,8 v3 l2,6 h-18 l2,-4"/>
+    <g id="beak" stroke-width="0.2" stroke="#666" >
+      <path id="lower-beak" fill="url(#lower-beak-gradient)"
+        d="M5,26 l4,3 l4,-3 Z"/>
+      <path id="upper-beak" fill="url(#upper-beak-gradient)"
+        d="M4,26 l5,-4 l4,4 Z"/>
+    </g>
+    <g id="eye">
+      <circle id="eye-base" fill="#000" cx="15" cy="21" r="1.5"/>
+      <path id="eye-twinkle" fill="none"
+        stroke="#f5f5f5"
+        stroke-linecap="round"
+        stroke-width=".2"
+        d="M15.1,20.1 q0.9,-0.1 1,0.9"/>
+    </g>
+  </g>
+
+  <text x="36" y="28" font-family="JetBrains Mono" font-size="18" fill="#fff">Dokkatoo</text>
+</svg>