~vpzom/birbdoodles

69c282b058441dcd885ebb118c7e9b4774757c87 — Colin Reeder 2 years ago e5a02d6
Add birbhat
2 files changed, 32 insertions(+), 0 deletions(-)

A birbhat.svg
M index.html
A birbhat.svg => birbhat.svg +28 -0
@@ 0,0 1,28 @@
<?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>
		<radialGradient id="hat" cx="161" cy="55" gradientUnits="userSpaceOnUse" r="35%">
			<stop offset="20%" stop-color="#4cbb17" />
			<stop offset="80%" stop-color="white" />
		</radialGradient>
	</defs>
	<g transform="translate(20 20) scale(0.85)">
		<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>
	<path d="M 155 73 q 24 10 48 1 l -24 -50 z" stroke="cyan" stroke-width="2" fill="url('#hat')" />
	<path d="M 155 73 m 48 1 m -24 -50 q 5 -5 10 5" stroke="cyan" stroke-width="2" fill="none" />
</svg>

M index.html => index.html +4 -0
@@ 11,6 11,10 @@
	<body>
		<h1>birbdoodles</h1>
		<div>
			<h2>hat (Birbday 2022)</h2>
			<img src="birbhat.svg" />
		</div>
		<div>
			<h2>santahat (Christmas 2021)</h2>
			<img src="birbsantahat.svg" />
		</div>