A birbghost.svg => birbghost.svg +19 -0
@@ 0,0 1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="60 20 200 200" width="200" height="200">
+ <defs>
+ <radialGradient id="body" cx="180" cy="100" gradientUnits="userSpaceOnUse" r="90%">
+ <stop offset="20%" stop-color="white"/>
+ <stop offset="100%" stop-color="cyan"/>
+ </radialGradient>
+ </defs>
+ <path d="M 100 100 q 5 -40 20 -50 q 20 -22 50 -20 q 40 5 35 40 q 0 39 -10 120 q -10 20 -20 0 q -10 -20 -20 0 q -10 20 -20 0 q -10 -20 -20 0 q -10 20 -20 0 z" stroke="black" stroke-width="4" fill="url('#body')"/>
+ <ellipse cx="147" cy="62" fill="black" rx="6" ry="5.5"/>
+ <ellipse cx="195" cy="62" fill="black" rx="5.4" ry="5"/>
+ <path d="M 164 80 l 10 30 q 8 -10 10 -30 z" stroke="black" stroke-width="2" fill="yellow"/>
+ <path d="M 164 80 q 8 -30 20 0" stroke="black" stroke-width="2" fill="cyan"/>
+ <circle cx="174" cy="72" r="2" stroke="none" fill="black"/>
+ <circle cx="147" cy="62" fill="none" stroke="brown" stroke-width="4" r="14"/>
+ <circle cx="195" cy="62" fill="none" stroke="brown" stroke-width="4" r="12"/>
+ <path d="M 162 62 q 10 -5 21 0" stroke="brown" stroke-width="4" fill="none"/>
+ <path d="M 135 56 l -28 -5" stroke="brown" stroke-width="4" fill="none"/>
+</svg>
M index.html => index.html +4 -0
@@ 11,6 11,10 @@
<body>
<h1>birbdoodles</h1>
<div>
+ <h2>ghost (Halloween 2021)</h2>
+ <img src="birbghost.svg" />
+ </div>
+ <div>
<h2>close</h2>
<img src="birbclose.svg" />
</div>