Kim Lee

Kim is a junior developer. She's only been a programmer a few years, but is smart, learns quickly, and builds great software when she gets the chance.

When she started, she was full on energy, hope, and promise. Then she was moved to support for one month. Three years later, she's still there. She fixes bugs. All day long, every day, and fixes them almost as fast as the other programmers make new ones. Needless to say, she's become disillusioned and has learned very well "what not to do".

She still loves programming but hates her job and all those who make her life miserable, especially her bosses. Will her love of building software outlast her hatred of incompetents and jerks? Only time and metrics will tell.

Inspired by:Wendy, Sarah, Joyce, Cindy, Sharon
Primary Motivation:parole from support
Pet Peeve:anyone who slows her down
Catch Phrase:"Leave me alone! I have work to do!"
Biggest Accomplishment:rewrote all the dev tools
Favorite Movie:Charlie's Angels
Favorite book:Letters to the Eddietor


How Kim is Drawn

Kim is drawn with 19 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 Kim's arguments:

Line left:89 top:27 width:0 height:103 bdrWth:0 leftWth:2 Angle:00
Kim, Jr Dev
Talk left:0 top:0 width:152 bdrWth:10 font-size:15 bdrClr:#ffcf8d background:#ffcf8d text-align:center ClipWth:264
Kim, Jr Dev
Person left:35 top:138 bdrWth:0
Kim, Jr Dev
BackHair left:4 top:0 width:89 height:76 bdrWth:6 botWth:0 topLftRad:52 topRgtRad:52 background:black ClipHgt:120
Kim, Jr Dev
LeftEar left:0 top:37 width:18 height:18 radius:50% ClipWth:0 ClipHgt:0
Kim, Jr Dev
RightEar left:89 top:37 width:18 height:18 radius:50% ClipWth:0 ClipHgt:0
Kim, Jr Dev
Torso left:-17 top:89 width:139 height:135 radius:60 background:mediumturquoise
Kim, Jr Dev
Face left:9 top:3 width:89 height:89 radius:45 background:#fbc994
Kim, Jr Dev
LeftEye left:27 top:36 width:4 height:4 radius:50% background:white
Kim, Jr Dev
RightEye left:55 top:36 width:4 height:4 radius:50% background:white
Kim, Jr Dev
LeftEyebrow left:24 top:31 width:15 height:15 bdrWth:0 topWth:2 Angle:15
Kim, Jr Dev
RightEyebrow left:52 top:31 width:15 height:15 bdrWth:0 topWth:2 Angle:-15
Kim, Jr Dev
Mouth left:35 top:63 width:18 height:18 radius:50% background:lightcoral
Kim, Jr Dev
Nose left:39 top:46 width:9 height:9 topWth:0 botLftRad:9 botRgtRad:9
Kim, Jr Dev
Earpiece left:86 top:37 width:3 height:9 radius:50% background:black
Kim, Jr Dev
Headset left:49 top:34 width:37 height:37 radius:35% Angle:130 ClipHgt:11
Kim, Jr Dev
Mike left:58 top:72 width:7 height:3 radius:50% background:black
Kim, Jr Dev
FrontHair left:4 top:0 width:89 height:45 bdrWth:6 botWth:0 topLftRad:52 topRgtRad:52 background:black ClipHgt:31
Kim, Jr Dev
Name left:17 top:100 bdrWth:0 font-size:13 background:mediumturquoise
Kim, Jr Dev

The Resulting HTML:

<div id='Panel1' class='aaa' style='position:relative; width:166px; height:257px; border:2px solid; background-color:#ffcf8d; 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:103px; border-width:0; border-left-width:2px; transform:rotate(00deg); '></div>

<div id='Talk' class='abs2' style='left:0; top:0; width:152px; border-width:10px; font-size:15px; border-color:#ffcf8d; background:#ffcf8d; 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:138px; border-width:0; '>

<div id='BackHair' class='abs2' style='left:4px; top:0; width:89px; height:76px; border-width:6px; border-bottom-width:0; border-top-left-radius:52px; -moz-border-top-left-radius:52px; -webkit-border-top-left-radius:52px; border-top-right-radius:52px; -moz-border-top-right-radius:52px; -webkit-border-top-right-radius:52px; background:black; clip:rect(0 9999px 120px 0); '></div>

<div id='LeftEar' class='abs2' style='left:0; top:37px; width:18px; height:18px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; clip:rect(0 0px 0px 0); '></div>

<div id='RightEar' class='abs2' style='left:89px; top:37px; width:18px; height:18px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; clip:rect(0 0px 0px 0); '></div>

<div id='Torso' class='abs2' style='left:-17px; top:89px; width:139px; height:135px; border-radius:60px; -moz-border-radius:60px; -webkit-border-radius:60px; background:mediumturquoise; '></div>

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

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

<div id='RightEye' class='abs2' style='left:55px; top:36px; width:4px; height:4px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:white; '></div>

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

<div id='RightEyebrow' class='abs2' style='left:52px; top:31px; width:15px; height:15px; border-width:0; border-top-width:2px; transform:rotate(-15deg); '></div>

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

<div id='Nose' class='abs2' style='left:39px; top:46px; width:9px; height:9px; border-top-width:0; border-bottom-left-radius:9px; -moz-border-bottom-left-radius:9px; -webkit-border-bottom-left-radius:9px; border-bottom-right-radius:9px; -moz-border-bottom-right-radius:9px; -webkit-border-bottom-right-radius:9px; '></div>

<div id='Earpiece' class='abs2' style='left:86px; top:37px; 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:49px; top:34px; width:37px; height:37px; border-radius:35%; -moz-border-radius:35%; -webkit-border-radius:35%; transform:rotate(130deg); clip:rect(0 9999px 11px 0); '></div>

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

</div> <!close Face>

<div id='FrontHair' class='abs2' style='left:4px; top:0; width:89px; height:45px; border-width:6px; border-bottom-width:0; border-top-left-radius:52px; -moz-border-top-left-radius:52px; -webkit-border-top-left-radius:52px; border-top-right-radius:52px; -moz-border-top-right-radius:52px; -webkit-border-top-right-radius:52px; background:black; clip:rect(0 9999px 31px 0); '></div>

<div id='Name' class='abs2' style='left:17px; top:100px; border-width:0; font-size:13px; background:mediumturquoise; font-weight:bold; '>,&nbspJr&nbspDev</div>

</div> <!close Person>

</div> <!close Panel1 ()>



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