Liz Bugtracker

Liz is an Admin. She's the heart and soul of the I.T. Department, keeping everything running smoothly, and keeping the programmers and non-programmers from killing each other. Which really isn't that hard because there's no timesheet code for "Homicide".

She insists on doing everything by the book, while understanding there are exceptions to every rule. She loves to laugh and talk and have a good time but can make your life miserable if you put the wrong Status Code on your ticket or park in someone else's space.

She doesn't understand all the technology, but can read people better than anyone else. Others are coming around to her philosophy that people are just as important as code. After all, she became famous with the remark, "As soon as he opened his mouth, I knew he was either a manager, an idiot, or both."

Inspired by:my mom, Myra, Verdie, Geri, Angela
Primary Motivation:getting stuff done while having fun with everyone else
Pet Peeve:doing anything half-hearted
Catch Phrase:"What? An all-hands meeting without donuts?"
Biggest Accomplishment:Never said the F word to a manager.
Favorite Movie:anything with Frank Sinatra or Jimmy Smits
Favorite book:Letters to the Eddietor


How Liz is Drawn

Liz is drawn with 38 rectangles, each with a border and some with rounded corners or slanted angles. These rectangles are described by data stored as arguments that are converted by software into HTML that your browser displays as pictures. Check out this Javascript example of code you can play with to alter my characters or create your own. Here are Liz's arguments:

Line left:89 top:27 width:0 height:86 bdrWth:0 leftWth:2
Liz, Admin
Talk left:0 top:0 width:152 bdrWth:10 font-size:15 bdrClr:lightpink background:lightpink text-align:center ClipWth:264
Liz, Admin
Person left:35 top:128 bdrWth:0
Liz, Admin
BackHair1 left:0 top:42 width:18 height:12 bdrWth:6 radius:50% background:black
Liz, Admin
BackHair2 left:0 top:24 width:18 height:12 bdrWth:6 radius:50% background:black Angle:40
Liz, Admin
BackHair3 left:12 top:13 width:18 height:12 bdrWth:6 radius:50% background:black Angle:60
Liz, Admin
BackHair4 left:24 top:0 width:18 height:12 bdrWth:6 radius:50% background:black Angle:80
Liz, Admin
BackHair5 left:39 top:3 width:18 height:12 bdrWth:6 radius:50% background:black Angle:90
Liz, Admin
BackHair6 left:55 top:1 width:18 height:12 bdrWth:6 radius:50% background:black Angle:-80
Liz, Admin
BackHair7 left:69 top:12 width:18 height:12 bdrWth:6 radius:50% background:black Angle:-50
Liz, Admin
BackHair8 left:78 top:31 width:18 height:12 bdrWth:6 radius:50% background:black Angle:-40
Liz, Admin
BackHair9 left:80 top:42 width:18 height:12 bdrWth:6 radius:50% background:black
Liz, Admin
LeftEar left:1 top:60 width:11 height:24 radius:9 background:#cb9767 Angle:-25
Liz, Admin
RightEar left:95 top:60 width:11 height:24 radius:9 background:#cb9767 Angle:25
Liz, Admin
LeftEaring left:1 top:80 width:7 height:7 radius:50% background:red
Liz, Admin
RightEaring left:98 top:80 width:7 height:7 radius:50% background:red
Liz, Admin
Torso left:-12 top:102 width:130 height:126 radius:53 background:aquamarine
Liz, Admin
Face left:9 top:22 width:89 height:89 radius:45 background:#cb9767
Liz, Admin
LeftEye left:21 top:27 width:18 height:21 radius:50% background:white
Liz, Admin
RightEye left:48 top:27 width:18 height:21 radius:50% background:white
Liz, Admin
LeftPupil left:28 top:35 width:7 height:9 radius:50% background:tan
Liz, Admin
RightPupil left:52 top:35 width:7 height:9 radius:50% background:tan
Liz, Admin
Eyelash1 left:24 top:24 width:6 height:1 bdrWth:0 topWth:2 Angle:70
Liz, Admin
Eyelash2 left:16 top:34 width:6 height:1 bdrWth:0 topWth:2 Angle:20
Liz, Admin
Eyelash3 left:16 top:43 width:6 height:1 bdrWth:0 topWth:2 Angle:-10
Liz, Admin
Eyelash4 left:59 top:24 width:6 height:1 bdrWth:0 topWth:2 Angle:-70
Liz, Admin
Eyelash5 left:67 top:34 width:6 height:1 bdrWth:0 topWth:2 Angle:-20
Liz, Admin
Eyelash6 left:67 top:43 width:6 height:1 bdrWth:0 topWth:2 Angle:10
Liz, Admin
LeftEyebrow left:13 top:16 width:27 height:27 radius:50% Angle:-5 ClipHgt:7
Liz, Admin
RightEyebrow left:45 top:16 width:27 height:27 radius:50% Angle:5 ClipHgt:7
Liz, Admin
Mouth left:31 top:63 width:27 height:18 radius:50% background:red
Liz, Admin
Lips left:31 top:67 width:27 height:9 radius:50% background:lightcoral
Liz, Admin
Nose1 left:40 top:52 width:12 height:1 bdrWth:0 topWth:2 Angle:80
Liz, Admin
Nose2 left:39 top:56 width:9 height:1 bdrWth:0 topWth:2 Angle:20
Liz, Admin
Earpiece left:-3 top:47 width:3 height:9 radius:50% background:black
Liz, Admin
Headset left:1 top:37 width:37 height:37 radius:35% Angle:-140 ClipHgt:11
Liz, Admin
Mike left:24 top:74 width:7 height:3 radius:50% background:black
Liz, Admin
Name left:21 top:112 bdrWth:0 font-size:13
Liz, Admin

The Resulting HTML:

<div id='Panel1' class='aaa' style='position:relative; width:166px; height:257px; border:2px solid; background-color:lightpink; color:black; display:inline-block; vertical-align:top; font-family:Ssans-serif,cursive,sans-serif; margin-right:0px; overflow:hidden; margin-bottom:5px; '>

<div id='Line' class='abs2' style='left:89px; top:27px; width:0; height:86px; border-width:0; border-left-width:2px; '></div>

<div id='Talk' class='abs2' style='left:0; top:0; width:152px; border-width:10px; font-size:15px; border-color:lightpink; background:lightpink; text-align:center; clip:rect(0 264px 9999px 0); font-weight:bold; '> BLAH BLAH BLAH</div>

<div id='Person' class='abs2' style='left:35px; top:128px; border-width:0; '>

<div id='BackHair1' class='abs2' style='left:0; top:42px; width:18px; height:12px; border-width:6px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:black; '></div>

<div id='BackHair2' class='abs2' style='left:0; top:24px; width:18px; height:12px; border-width:6px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:black; transform:rotate(40deg); '></div>

<div id='BackHair3' class='abs2' style='left:12px; top:13px; width:18px; height:12px; border-width:6px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:black; transform:rotate(60deg); '></div>

<div id='BackHair4' class='abs2' style='left:24px; top:0; width:18px; height:12px; border-width:6px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:black; transform:rotate(80deg); '></div>

<div id='BackHair5' class='abs2' style='left:39px; top:3px; width:18px; height:12px; border-width:6px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:black; transform:rotate(90deg); '></div>

<div id='BackHair6' class='abs2' style='left:55px; top:2px; width:18px; height:12px; border-width:6px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:black; transform:rotate(-80deg); '></div>

<div id='BackHair7' class='abs2' style='left:69px; top:12px; width:18px; height:12px; border-width:6px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:black; transform:rotate(-50deg); '></div>

<div id='BackHair8' class='abs2' style='left:78px; top:31px; width:18px; height:12px; border-width:6px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:black; transform:rotate(-40deg); '></div>

<div id='BackHair9' class='abs2' style='left:80px; top:42px; width:18px; height:12px; border-width:6px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:black; '></div>

<div id='LeftEar' class='abs2' style='left:2px; top:60px; width:11px; height:24px; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px; background:#cb9767; transform:rotate(-25deg); '></div>

<div id='RightEar' class='abs2' style='left:95px; top:60px; width:11px; height:24px; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px; background:#cb9767; transform:rotate(25deg); '></div>

<div id='LeftEaring' class='abs2' style='left:2px; top:80px; width:7px; height:7px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:red; '></div>

<div id='RightEaring' class='abs2' style='left:98px; top:80px; width:7px; height:7px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:red; '></div>

<div id='Torso' class='abs2' style='left:-12px; top:102px; width:130px; height:126px; border-radius:53px; -moz-border-radius:53px; -webkit-border-radius:53px; background:aquamarine; '></div>

<div id='Face' class='abs2' style='left:9px; top:22px; width:89px; height:89px; border-radius:45px; -moz-border-radius:45px; -webkit-border-radius:45px; background:#cb9767; '>

<div id='LeftEye' class='abs2' style='left:21px; top:27px; width:18px; height:21px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:white; '></div>

<div id='RightEye' class='abs2' style='left:48px; top:27px; width:18px; height:21px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:white; '></div>

<div id='LeftPupil' class='abs2' style='left:28px; top:35px; width:7px; height:9px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:tan; '></div>

<div id='RightPupil' class='abs2' style='left:52px; top:35px; width:7px; height:9px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:tan; '></div>

<div id='Eyelash1' class='abs2' style='left:24px; top:24px; width:6px; height:2px; border-width:0; border-top-width:2px; transform:rotate(70deg); '></div>

<div id='Eyelash2' class='abs2' style='left:16px; top:34px; width:6px; height:2px; border-width:0; border-top-width:2px; transform:rotate(20deg); '></div>

<div id='Eyelash3' class='abs2' style='left:16px; top:43px; width:6px; height:2px; border-width:0; border-top-width:2px; transform:rotate(-10deg); '></div>

<div id='Eyelash4' class='abs2' style='left:59px; top:24px; width:6px; height:2px; border-width:0; border-top-width:2px; transform:rotate(-70deg); '></div>

<div id='Eyelash5' class='abs2' style='left:67px; top:34px; width:6px; height:2px; border-width:0; border-top-width:2px; transform:rotate(-20deg); '></div>

<div id='Eyelash6' class='abs2' style='left:67px; top:43px; width:6px; height:2px; border-width:0; border-top-width:2px; transform:rotate(10deg); '></div>

<div id='LeftEyebrow' class='abs2' style='left:13px; top:16px; width:27px; height:27px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; transform:rotate(-5deg); clip:rect(0 9999px 7px 0); '></div>

<div id='RightEyebrow' class='abs2' style='left:45px; top:16px; width:27px; height:27px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; transform:rotate(5deg); clip:rect(0 9999px 7px 0); '></div>

<div id='Mouth' class='abs2' style='left:31px; top:63px; width:27px; height:18px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:red; '></div>

<div id='Lips' class='abs2' style='left:31px; top:67px; width:27px; height:9px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:lightcoral; '></div>

<div id='Nose1' class='abs2' style='left:40px; top:52px; width:12px; height:2px; border-width:0; border-top-width:2px; transform:rotate(80deg); '></div>

<div id='Nose2' class='abs2' style='left:39px; top:56px; width:9px; height:2px; border-width:0; border-top-width:2px; transform:rotate(20deg); '></div>

<div id='Earpiece' class='abs2' style='left:-3px; top:47px; width:3px; height:9px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:black; '></div>

<div id='Headset' class='abs2' style='left:2px; top:37px; width:37px; height:37px; border-radius:35%; -moz-border-radius:35%; -webkit-border-radius:35%; transform:rotate(-140deg); clip:rect(0 9999px 11px 0); '></div>

<div id='Mike' class='abs2' style='left:24px; top:74px; width:7px; height:3px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:black; '></div>

</div> <!close Face>

<div id='Name' class='abs2' style='left:21px; top:112px; border-width:0; font-size:13px; font-weight:bold; '>,&nbspAdmin</div>

</div> <!close Person>

</div> <!close Panel1 ()>



All email answered.  edw519 at gmail
Copyright © 2017 Ed Weissman