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 & 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&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>
|