~vpzom/birbdoodles

bd697d08b52c4c4f3179e865f392d8a50684c8b8 — Colin Reeder 3 years ago bec8140
Add birbusa
2 files changed, 52 insertions(+), 0 deletions(-)

A birbusa.svg
M index.html
A birbusa.svg => birbusa.svg +49 -0
@@ 0,0 1,49 @@
<?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>
		<linearGradient id="body" gradientTransform="rotate(90)">
			<stop offset="0%" stop-color="#b22234" />
			<stop offset="7%" stop-color="#b22234" />
			<stop offset="8%" stop-color="#fff" />
			<stop offset="15%" stop-color="#fff" />
			<stop offset="16%" stop-color="#b22234" />
			<stop offset="23%" stop-color="#b22234" />
			<stop offset="24%" stop-color="#fff" />
			<stop offset="30%" stop-color="#fff" />
			<stop offset="31%" stop-color="#b22234" />
			<stop offset="38%" stop-color="#b22234" />
			<stop offset="39%" stop-color="#fff" />
			<stop offset="46%" stop-color="#fff" />
			<stop offset="47%" stop-color="#b22234" />
			<stop offset="53%" stop-color="#b22234" />
			<stop offset="54%" stop-color="#fff" />
			<stop offset="61%" stop-color="#fff" />
			<stop offset="62%" stop-color="#b22234" />
			<stop offset="69%" stop-color="#b22234" />
			<stop offset="70%" stop-color="#fff" />
			<stop offset="76%" stop-color="#fff" />
			<stop offset="77%" stop-color="#b22234" />
			<stop offset="84%" stop-color="#b22234" />
			<stop offset="85%" stop-color="#fff" />
			<stop offset="92%" stop-color="#fff" />
			<stop offset="93%" stop-color="#b22234" />
		</linearGradient>
		<radialGradient id="body2" cx="180" cy="100" gradientUnits="userSpaceOnUse" r="90%">
			<stop offset="30%" stop-color="#3c3b6e" />
			<stop offset="70%" stop-color="transparent" />
			<stop offset="100%" stop-color="transparent" />
		</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 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('#body2')"/>
	<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"/>
	<path d="M 167 82 L 171.70 96.47 L 159.39 87.53 L 174.61 87.53 L 162.29 96.47 z" fill="white" />
	<path d="M 215 83 L 219.11 95.66 L 208.34 87.84 L 221.66 87.84 L 210.89 95.66 z" fill="white" />
	<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"/>
</svg>

M index.html => index.html +3 -0
@@ 11,6 11,9 @@
	<body>
		<h1>birbdoodles</h1>
		<div>
			<h2>usa (Independence Day 2021)</h2>
			<img src="birbusa.svg" />
		<div>
			<h2>table (Table Appreciation Day 2021)</h2>
			<img src="birbtable.svg" />
		</div>