Jose 127.0.0.1

Jose is a systems administrator. His job is to keep the I.T. infrastructure up and running. He loves to tinker and has the perfect mentality for this job.

Jose loves what he does so much he wants everyone else to understand as well. So whenever he fixes something, he explains what he's doing every step of the way. It's almost like your mechanic saying, "All I have to do is link the transmission to the router pin, restart the electronic ignition services, reboot the fuel filter, and crosslink the accelerator to the MP3 player to make this thing microwave popcorn!" Everyone smiles politely thinking, "Just fix it. Please."

Jose loves being on the team and really appreciates management's uncanny ability to make everything 10 times as complex as needed. That keeps him busy until the next management team changes it all over again.

Inspired by:Chuck, Robert, Pablo, Tom, Paul
Primary Motivation:optimizing everything
Pet Peeve:people who don't understand how technology works
Catch Phrase:"I just have to tune this one little thing. Oops."
Biggest Accomplishment:never had down time more than an hour
Favorite Movie:The Matrix
Favorite book:The Corporate Programmer Survival Guide


How Jose is Drawn

Jose is drawn with 26 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 Jose's arguments:

Line left:89 top:27 width:0 height:91 bdrWth:0 leftWth:2 Angle:00
Jose, SysAdmin
Talk left:0 top:0 width:152 bdrWth:10 font-size:15 bdrClr:navajowhite background:navajowhite text-align:center ClipWth:264
Jose, SysAdmin
Person left:20 top:130 bdrWth:0
Jose, SysAdmin
BackHair1 left:0 top:11 width:60 height:31 botWth:0 topLftRad:49 topRgtRad:49 background:black Angle:-85 ClipHgt:16
Jose, SysAdmin
BackHair2 left:12 top:3 width:60 height:31 botWth:0 topLftRad:49 topRgtRad:49 background:black Angle:-60 ClipHgt:16
Jose, SysAdmin
BackHair3 left:31 top:0 width:60 height:31 botWth:0 topLftRad:49 topRgtRad:49 background:black Angle:-50 ClipHgt:16
Jose, SysAdmin
BackHair4 left:46 top:3 width:60 height:31 botWth:0 topLftRad:49 topRgtRad:49 background:black Angle:-35 ClipHgt:16
Jose, SysAdmin
BackHair5 left:64 top:9 width:60 height:31 botWth:0 topLftRad:49 topRgtRad:49 background:black Angle:-30 ClipHgt:16
Jose, SysAdmin
BackHair6 left:77 top:21 width:60 height:31 botWth:0 topLftRad:49 topRgtRad:49 background:black Angle:-50 ClipHgt:16
Jose, SysAdmin
BackHair7 left:85 top:36 width:60 height:31 botWth:0 topLftRad:49 topRgtRad:49 background:black Angle:-75 ClipHgt:16
Jose, SysAdmin
LeftEar left:16 top:46 width:11 height:18 radius:9 background:#fbc994 Angle:-15
Jose, SysAdmin
RightEar left:113 top:46 width:11 height:18 radius:9 background:#fbc994 Angle:15
Jose, SysAdmin
Torso left:0 top:98 width:135 height:135 radius:37 background:skyblue
Jose, SysAdmin
Face left:25 top:18 width:85 height:85 radius:31 background:#fbc994
Jose, SysAdmin
LeftEye left:19 top:27 width:18 height:18 radius:50% background:white
Jose, SysAdmin
RightEye left:49 top:27 width:18 height:18 radius:50% background:white
Jose, SysAdmin
LeftPupil left:27 top:35 width:3 height:4 radius:50% background:lime
Jose, SysAdmin
RightPupil left:56 top:35 width:3 height:4 radius:50% background:lime
Jose, SysAdmin
LeftEyebrow left:13 top:19 width:27 height:27 radius:50% Angle:-15 ClipHgt:7
Jose, SysAdmin
RightEyebrow left:45 top:19 width:27 height:27 radius:50% Angle:15 ClipHgt:7
Jose, SysAdmin
Mouth left:31 top:63 width:27 height:11 radius:50% background:lightcoral
Jose, SysAdmin
Nose left:37 top:49 width:12 height:9 topWth:0 botLftRad:9 botRgtRad:9
Jose, SysAdmin
Earpiece left:88 top:37 width:3 height:9 radius:50% background:black
Jose, SysAdmin
Headset left:50 top:34 width:37 height:37 radius:35% Angle:130 ClipHgt:11
Jose, SysAdmin
Mike left:60 top:72 width:7 height:3 radius:50% background:black
Jose, SysAdmin
Name left:16 top:108 bdrWth:0 font-size:13
Jose, SysAdmin

The Resulting HTML:

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

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

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

<div id='BackHair1' class='abs2' style='left:0; top:11px; width:60px; height:31px; border-bottom-width:0; border-top-left-radius:49px; -moz-border-top-left-radius:49px; -webkit-border-top-left-radius:49px; border-top-right-radius:49px; -moz-border-top-right-radius:49px; -webkit-border-top-right-radius:49px; background:black; transform:rotate(-85deg); clip:rect(0 9999px 16px 0); '></div>

<div id='BackHair2' class='abs2' style='left:12px; top:3px; width:60px; height:31px; border-bottom-width:0; border-top-left-radius:49px; -moz-border-top-left-radius:49px; -webkit-border-top-left-radius:49px; border-top-right-radius:49px; -moz-border-top-right-radius:49px; -webkit-border-top-right-radius:49px; background:black; transform:rotate(-60deg); clip:rect(0 9999px 16px 0); '></div>

<div id='BackHair3' class='abs2' style='left:31px; top:0; width:60px; height:31px; border-bottom-width:0; border-top-left-radius:49px; -moz-border-top-left-radius:49px; -webkit-border-top-left-radius:49px; border-top-right-radius:49px; -moz-border-top-right-radius:49px; -webkit-border-top-right-radius:49px; background:black; transform:rotate(-50deg); clip:rect(0 9999px 16px 0); '></div>

<div id='BackHair4' class='abs2' style='left:46px; top:3px; width:60px; height:31px; border-bottom-width:0; border-top-left-radius:49px; -moz-border-top-left-radius:49px; -webkit-border-top-left-radius:49px; border-top-right-radius:49px; -moz-border-top-right-radius:49px; -webkit-border-top-right-radius:49px; background:black; transform:rotate(-35deg); clip:rect(0 9999px 16px 0); '></div>

<div id='BackHair5' class='abs2' style='left:64px; top:9px; width:60px; height:31px; border-bottom-width:0; border-top-left-radius:49px; -moz-border-top-left-radius:49px; -webkit-border-top-left-radius:49px; border-top-right-radius:49px; -moz-border-top-right-radius:49px; -webkit-border-top-right-radius:49px; background:black; transform:rotate(-30deg); clip:rect(0 9999px 16px 0); '></div>

<div id='BackHair6' class='abs2' style='left:77px; top:21px; width:60px; height:31px; border-bottom-width:0; border-top-left-radius:49px; -moz-border-top-left-radius:49px; -webkit-border-top-left-radius:49px; border-top-right-radius:49px; -moz-border-top-right-radius:49px; -webkit-border-top-right-radius:49px; background:black; transform:rotate(-50deg); clip:rect(0 9999px 16px 0); '></div>

<div id='BackHair7' class='abs2' style='left:85px; top:36px; width:60px; height:31px; border-bottom-width:0; border-top-left-radius:49px; -moz-border-top-left-radius:49px; -webkit-border-top-left-radius:49px; border-top-right-radius:49px; -moz-border-top-right-radius:49px; -webkit-border-top-right-radius:49px; background:black; transform:rotate(-75deg); clip:rect(0 9999px 16px 0); '></div>

<div id='LeftEar' class='abs2' style='left:16px; top:46px; 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:113px; top:46px; 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:0; top:98px; width:135px; height:135px; border-radius:37px; -moz-border-radius:37px; -webkit-border-radius:37px; background:skyblue; '></div>

<div id='Face' class='abs2' style='left:25px; top:18px; width:85px; height:85px; border-radius:31px; -moz-border-radius:31px; -webkit-border-radius:31px; background:#fbc994; '>

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

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

<div id='LeftPupil' class='abs2' style='left:27px; top:35px; width:3px; height:4px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:lime; '></div>

<div id='RightPupil' class='abs2' style='left:56px; top:35px; width:3px; height:4px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:lime; '></div>

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

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

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

<div id='Nose' class='abs2' style='left:37px; top:49px; width:12px; 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:88px; 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:50px; 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:60px; 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='Name' class='abs2' style='left:16px; top:108px; border-width:0; font-size:13px; font-weight:bold; '>,&nbspSysAdmin</div>

</div> <!close Person>

</div> <!close Panel1 ()>