Jessica Hashmark

Jessica is a Senior Developer. When she started programming, she was the only woman in the department and gained the mens' respect by doing twice the work. She still does.

She's now the go to person for half the apps in the repository. Her IQ is over 7 million and she multi-tasks like an octopus. She can refactor code on one monitor, type "no problem" into Skype chat on a second, and delete emails from managers as fast as they appear on a third.

Everyone loves working with Jessica. She's smart, delivers, and can be very pleasant to work with. But don't even think of breaking her code with an early exit or bypassing Version Control to check your code in before hers. You may never check anything in again.

Inspired by:Patricia, Teri, Debbie, Pam, Helen
Primary Motivation:building something she can be proud of
Pet Peeve:overtime making her miss a half price sale at Boot Barn
Catch Phrase:"If it takes a man two weeks, I'll do it in one."
Biggest Accomplishment:writing the whole accounting system in 3 weeks
Favorite Movie:Napolean Dynamite
Favorite book:The Corporate Programmer Survival Guide


How Jessica is Drawn

Jessica is drawn with 39 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 Jessica's arguments:

Line left:89 top:27 width:0 height:91 bdrWth:0 leftWth:2
Jessica, Sr Dev
Talk left:0 top:0 width:152 bdrWth:10 font-size:15 bdrClr:lightgray background:lightgray text-align:center ClipWth:264
Jessica, Sr Dev
Person left:35 top:122 bdrWth:0
Jessica, Sr Dev
BackHair left:4 top:4 width:86 height:86 bdrWth:6 botWth:0 topLftRad:43 topRgtRad:43 background:black ClipHgt:48
Jessica, Sr Dev
LeftEar left:0 top:48 width:11 height:18 radius:9 background:#fbc994 Angle:-15
Jessica, Sr Dev
RightEar left:96 top:48 width:11 height:18 radius:9 background:#fbc994 Angle:15
Jessica, Sr Dev
Torso left:-24 top:104 width:147 height:143 radius:53 background:palegoldenrod
Jessica, Sr Dev
Face left:9 top:19 width:89 height:89 bdrWth:0 radius:60 background:#fbc994
Jessica, Sr Dev
LeftEye left:16 top:31 width:22 height:15 radius:50% background:white overflow:hidden
Jessica, Sr Dev
LeftEyelid left:0 top:6 width:951900 height:0 bdrWth:0 topWth:2
Jessica, Sr Dev
LeftPupil left:7 top:6 width:9 height:4 topLftRad:0 topRgtRad:0 botLftRad:21 botRgtRad:21 background:lightblue
Jessica, Sr Dev
LeftMascara left:16 top:31 width:22 height:15 radius:50% background:#fbc994 overflow:hidden ClipWth:9599 ClipHgt:8
Jessica, Sr Dev
Eyelash1 left:12 top:33 width:15 height:1 bdrWth:0 topWth:2 Angle:40
Jessica, Sr Dev
Eyelash2 left:9 top:34 width:15 height:1 bdrWth:0 topWth:2 Angle:30
Jessica, Sr Dev
Eyelash3 left:9 top:36 width:9 height:1 bdrWth:0 topWth:2 Angle:10
Jessica, Sr Dev
RightEye left:46 top:31 width:22 height:15 radius:50% background:white overflow:hidden
Jessica, Sr Dev
RightEyelid left:0 top:6 width:951900 height:0 bdrWth:0 topWth:2
Jessica, Sr Dev
RightPupil left:4 top:6 width:9 height:4 topLftRad:0 topRgtRad:0 botLftRad:21 botRgtRad:21 background:lightblue
Jessica, Sr Dev
RightMascara left:46 top:31 width:22 height:15 radius:50% background:#fbc994 overflow:hidden ClipWth:9599 ClipHgt:8
Jessica, Sr Dev
Eyelash4 left:60 top:33 width:15 height:1 bdrWth:0 topWth:2 Angle:-40
Jessica, Sr Dev
Eyelash5 left:63 top:34 width:15 height:1 bdrWth:0 topWth:2 Angle:-30
Jessica, Sr Dev
Eyelash6 left:69 top:36 width:9 height:1 bdrWth:0 topWth:2 Angle:-10
Jessica, Sr Dev
LeftEyebrow left:13 top:16 width:27 height:27 radius:50% Angle:-5 ClipHgt:7
Jessica, Sr Dev
RightEyebrow left:45 top:16 width:27 height:27 radius:50% Angle:5 ClipHgt:7
Jessica, Sr Dev
Mouth left:31 top:63 width:27 height:18 radius:50% background:red
Jessica, Sr Dev
Lips left:31 top:67 width:27 height:9 radius:50% background:lightcoral
Jessica, Sr Dev
Nose1 left:38 top:50 width:9 height:1 bdrWth:0 topWth:2 Angle:-15
Jessica, Sr Dev
Nose2 left:42 top:53 width:9 height:1 bdrWth:0 topWth:2 Angle:-80
Jessica, Sr Dev
Earpiece left:89 top:37 width:3 height:9 radius:50% background:black
Jessica, Sr Dev
Headset left:52 top:33 width:37 height:37 radius:35% Angle:140 ClipHgt:11
Jessica, Sr Dev
Mike left:59 top:70 width:7 height:3 radius:50% background:black
Jessica, Sr Dev
ChinLeft left:22 top:81 width:27 height:12 bdrWth:0 radius:50% background:#fbc994 Angle:208 ClipWth:9599 ClipHgt:9
Jessica, Sr Dev
ChinRight left:41 top:81 width:28 height:12 bdrWth:0 radius:50% background:#fbc994 Angle:152 ClipWth:9599 ClipHgt:9
Jessica, Sr Dev
FaceLeft left:13 top:28 width:45 height:89 leftWth:2 rgtWth:2 topWth:2 botWth:2 radius:50% Angle:-30 ClipWth:19 ClipHgt:89
Jessica, Sr Dev
FaceRight left:46 top:28 width:45 height:89 leftWth:2 rgtWth:2 topWth:2 botWth:2 radius:50% Angle:-150 ClipWth:19 ClipHgt:89
Jessica, Sr Dev
FrontHair1 left:7 top:15 width:31 height:37 radius:50% background:black Angle:32 ClipHgt:18
Jessica, Sr Dev
FrontHair2 left:27 top:13 width:31 height:37 radius:50% background:black Angle:32 ClipHgt:18
Jessica, Sr Dev
FrontHair3 left:48 top:15 width:31 height:37 radius:50% background:black Angle:37 ClipHgt:18
Jessica, Sr Dev
Name left:-2 top:116 bdrWth:0 font-size:13
Jessica, Sr Dev

The Resulting HTML:

<div id='Panel1' class='aaa' style='position:relative; width:166px; height:257px; border:2px solid; background-color:lightgray; 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:91px; 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:lightgray; background:lightgray; 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:122px; border-width:0; '>

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

<div id='LeftEar' class='abs2' style='left:0; top:48px; width:11px; height:18px; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px; background:#fbc994; transform:rotate(-15deg); '></div>

<div id='RightEar' class='abs2' style='left:96px; top:48px; width:11px; height:18px; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px; background:#fbc994; transform:rotate(15deg); '></div>

<div id='Torso' class='abs2' style='left:-24px; top:104px; width:147px; height:143px; border-radius:53px; -moz-border-radius:53px; -webkit-border-radius:53px; background:palegoldenrod; '></div>

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

<div id='LeftEye' class='abs2' style='left:16px; top:31px; width:22px; height:15px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:white; overflow:hidden; margin-bottom:5px; '>

<div id='LeftEyelid' class='abs2' style='left:0; top:6px; width:951900px; height:0; border-width:0; border-top-width:2px; '></div>

<div id='LeftPupil' class='abs2' style='left:7px; top:6px; width:9px; height:4px; border-top-left-radius:0; -moz-border-top-left-radius:0; -webkit-border-top-left-radius:0; border-top-right-radius:0; -moz-border-top-right-radius:0; -webkit-border-top-right-radius:0; border-bottom-left-radius:21px; -moz-border-bottom-left-radius:21px; -webkit-border-bottom-left-radius:21px; border-bottom-right-radius:21px; -moz-border-bottom-right-radius:21px; -webkit-border-bottom-right-radius:21px; background:lightblue; '></div>

</div> <!close LeftEye>

<div id='LeftMascara' class='abs2' style='left:16px; top:31px; width:22px; height:15px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:#fbc994; overflow:hidden; clip:rect(0 9599px 8px 0); '></div>

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

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

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

<div id='RightEye' class='abs2' style='left:46px; top:31px; width:22px; height:15px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:white; overflow:hidden; margin-bottom:5px; '>

<div id='RightEyelid' class='abs2' style='left:0; top:6px; width:951900px; height:0; border-width:0; border-top-width:2px; '></div>

<div id='RightPupil' class='abs2' style='left:4px; top:6px; width:9px; height:4px; border-top-left-radius:0; -moz-border-top-left-radius:0; -webkit-border-top-left-radius:0; border-top-right-radius:0; -moz-border-top-right-radius:0; -webkit-border-top-right-radius:0; border-bottom-left-radius:21px; -moz-border-bottom-left-radius:21px; -webkit-border-bottom-left-radius:21px; border-bottom-right-radius:21px; -moz-border-bottom-right-radius:21px; -webkit-border-bottom-right-radius:21px; background:lightblue; '></div>

</div> <!close RightEye>

<div id='RightMascara' class='abs2' style='left:46px; top:31px; width:22px; height:15px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:#fbc994; overflow:hidden; clip:rect(0 9599px 8px 0); '></div>

<div id='Eyelash4' class='abs2' style='left:60px; top:33px; width:15px; height:2px; border-width:0; border-top-width:2px; transform:rotate(-40deg); '></div>

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

<div id='Eyelash6' class='abs2' style='left:69px; top:36px; width:9px; 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:38px; top:50px; width:9px; height:2px; border-width:0; border-top-width:2px; transform:rotate(-15deg); '></div>

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

<div id='Earpiece' class='abs2' style='left:89px; 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:52px; top:33px; 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:59px; top:70px; width:7px; height:3px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:black; '></div>

<div id='ChinLeft' class='abs2' style='left:22px; top:81px; width:27px; height:12px; border-width:0; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:#fbc994; transform:rotate(208deg); clip:rect(0 9599px 9px 0); '></div>

<div id='ChinRight' class='abs2' style='left:41px; top:81px; width:28px; height:12px; border-width:0; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:#fbc994; transform:rotate(152deg); clip:rect(0 9599px 9px 0); '></div>

</div> <!close Face>

<div id='FaceLeft' class='abs2' style='left:13px; top:28px; width:45px; height:89px; border-left-width:2px; border-right-width:2px; border-top-width:2px; border-bottom-width:2px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; transform:rotate(-30deg); clip:rect(0 19px 89px 0); '></div>

<div id='FaceRight' class='abs2' style='left:46px; top:28px; width:45px; height:89px; border-left-width:2px; border-right-width:2px; border-top-width:2px; border-bottom-width:2px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; transform:rotate(-150deg); clip:rect(0 19px 89px 0); '></div>

<div id='FrontHair1' class='abs2' style='left:7px; top:15px; width:31px; height:37px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:black; transform:rotate(32deg); clip:rect(0 9999px 18px 0); '></div>

<div id='FrontHair2' class='abs2' style='left:27px; top:13px; width:31px; height:37px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:black; transform:rotate(32deg); clip:rect(0 9999px 18px 0); '></div>

<div id='FrontHair3' class='abs2' style='left:48px; top:15px; width:31px; height:37px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:black; transform:rotate(37deg); clip:rect(0 9999px 18px 0); '></div>

<div id='Name' class='abs2' style='left:-2px; top:116px; border-width:0; font-size:13px; font-weight:bold; '>,&nbspSr&nbspDev</div>

</div> <!close Person>

</div> <!close Panel1 ()>



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