A => birbegg.svg +11 -0
@@ 1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 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="M40 100 q 5 -80 60 -80 q 45 0 60 80 q 5 75 -60 80 q -60 -5 -60 -80" fill="url('#body')" stroke="black" stroke-linejoin="round" stroke-width="4" />
+ <path d="M0 0 l -20 -15 l -20 15 l -20 -15 l -20 15" stroke="black" fill="none" stroke-width="4" transform="translate(158, 90) rotate(-5)" />
+</svg>
A => birbtie.svg +24 -0
@@ 1,24 @@
+<?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 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 fill="#4cbb17" transform="translate(220, 140) rotate(5)" stroke="black" stroke-width="2">
+ <path d="M 0 0 l -50 30 l 0 -30 l 50 30 z" stroke-linejoin="bevel" />
+ <rect x="-30" y="7.5" width="10" height="15" />
+ </g>
+</svg>
A => index.html +22 -0
@@ 1,22 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>birbdoodles</title>
+ <style type="text/css">
+ img {
+ width: 100px;
+ }
+ </style>
+ </head>
+ <body>
+ <h1>birbdoodles</h1>
+ <div>
+ <h2>egg (Easter 2021)</h2>
+ <img src="birbegg.svg" />
+ </div>
+ <div>
+ <h2>tie (St Patrick's Day 2021)</h2>
+ <img src="birbtie.svg" />
+ </div>
+ </body>
+</html>
