A birbcoon.svg => birbcoon.svg +46 -0
@@ 0,0 1,46 @@
+<?xml version="1.0"?>
+<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>
+ <linearGradient id="mask" gradientTransform="rotate(90)">
+ <stop offset="25%" stop-color="#777" />
+ <stop offset="40%" stop-color="#ccc" />
+ <stop offset="55%" stop-color="#777" />
+ </linearGradient>
+ <radialGradient id="snout" cy="142" cx="165" r="30" gradientUnits="userSpaceOnUse">
+ <stop offset="30%" stop-color="white" />
+ <stop offset="70%" stop-color="#777" />
+ </radialGradient>
+ </defs>
+ <path d="M 100 128 l 40 -50 q 20 -22 50 -20 q 40 5 35 40 q 0 39 -42 158 h -150 q 32 -80 67 -128" stroke="black" stroke-width="4" fill="url('#body')" />
+ <path d="M 100 128 q -30 10 -50 40 q -20 30 -20 88 q 40 -64 70 -128" stroke="black" stroke-width="4" fill="#999" />
+ <ellipse cx="167" cy="90" fill="black" rx="6" ry="5.5" />
+ <ellipse cx="215" cy="90" fill="black" rx="5.4" ry="5" />
+ <path d="M 184 108 l 10 30 q 8 -10 10 -30 z" stroke="black" stroke-width="2" fill="yellow" />
+ <path d="M 184 108 q 8 -30 20 0" stroke="black" stroke-width="2" fill="cyan" />
+ <circle cx="194" cy="100" r="2" stroke="none" fill="black" />
+ <circle cx="167" cy="90" fill="none" stroke="brown" stroke-width="4" r="14" />
+ <circle cx="215" cy="90" fill="none" stroke="brown" stroke-width="4" r="12" />
+ <path d="M 182 90 q 10 -5 21 0" stroke="brown" stroke-width="4" fill="none" />
+ <path d="M 155 84 l -28 -5" stroke="brown" stroke-width="4" fill="none" />
+ <g transform="scale(0.6, 0.6) translate(160, 50)" stroke-width="4">
+ <!--<image xlink:href="../Downloads/Raccoon_%28Procyon_lotor%29_2.jpg" x="45" y="0" width="180" height="180" />-->
+ <line x1="75" y1="105" x2="55" y2="95" stroke="darkgray" />
+ <path d="M 70 110 q 10 -50 90 -70 q 70 -10 90 70 q 0 50 -90 50 q -90 0 -90 -60" fill="url('#mask')" />
+ <path d="M 90 100 q 20 -25 50 -20 q 10 5 5 20 q 0 15 -30 20 q -15 0 -25 -20" fill="#111" />
+ <g transform="scale(-1, 1)">
+ <path d="M -230 95 q 20 -25 50 -20 q 10 5 5 20 q 0 15 -30 20 q -15 0 -25 -20" fill="#111" />
+ </g>
+ <circle cx="130" cy="95" r="7" fill="white" />
+ <circle cx="190" cy="90" r="7" fill="white" />
+ <path d="M 115 65 q -20 -30 -10 -50 q 20 0 30 40" stroke="darkgray" fill="#777" />
+ <g transform="scale(-1, 1)">
+ <path d="M -205 60 q -20 -30 -10 -50 q 20 0 30 40" stroke="darkgray" fill="#777" />
+ </g>
+ <circle cx="165" cy="135" r="30" fill="url('#snout')" />
+ <circle cx="165" cy="140" r="10" fill="black" />
+ </g>
+</svg>
M index.html => index.html +8 -0
@@ 11,6 11,14 @@
<body>
<h1>birbdoodles</h1>
<div>
+ <h2>incoonito</h2>
+ <img src="birbcoon.svg" />
+ </div>
+ <div>
+ <h2>uke</h2>
+ <img src="birbuke.svg" />
+ </div>
+ <div>
<h2>egg (Easter 2021)</h2>
<img src="birbegg.svg" />
</div>
