aboutsummaryrefslogtreecommitdiff
path: root/dokka-runners/dokkatoo/modules/docs/images/banner.svg
blob: ee9c57e6c7311f77186cb3ca9e047e1574ac8218 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
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>