Pig5 McKay

Pig5 is a consultant for the accounting firm that audits our books. He's in the I.T practice and gets his assignments from the accounting practice that is already well entrenched in their customers' businesses.

He comes from a wealthy family, has an ivy league degree, and got the job because his father is a partner in another division. His purpose in life is to bill the maximum number of hours at the highest rate so that his bosses maximize their bonuses. It doesn't matter what he does or how well he does it, only that his time sheets are full.

He has never actually done anything. The only thing he knows about building software, running projects, or getting things done is from his firm's literature, training, and laptop tools. He spends most of his time copying boilerplate documents from Sharepoint to Confluence and back, stopping only to change the company logo and team member names. Then he files status reports saying that no one but he is doing their still undefined job. Every project ends in failure, but that doesn't matter because there are hundreds more prospects ready for the picking from the accounting practice customer list.

Inspired by:Eric, Steve, Amy, Jim, Chet
Primary Motivation:maximizing his billings
Pet Peeve:having to actually do any work
Catch Phrase:"Corporacity sagatiates our aerogumfragated apocratumption."
Biggest Accomplishment:getting paid for 12 years without doing anything
Favorite Movie:Office Space
Favorite book:Softwisdom


How Pig5 is Drawn

Pig5 is drawn with 21 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 Pig5's arguments:

PiggyLine left:89 top:27 width:0 height:106 bdrWth:0 leftWth:2
Piggy, Consultant
PiggyTalk left:0 top:0 width:152 bdrWth:10 font-size:15 bdrClr:#d2e383 background:#d2e383 text-align:center ClipWth:264
Piggy, Consultant
PiggyPerson left:32 top:130 bdrWth:0
Piggy, Consultant
PiggyLeftEar1 left:1 top:6 width:31 height:31 leftWth:2 rgtWth:2 topWth:2 botWth:2 radius:50% background:#fbc994 Angle:80 ClipWth:18 ClipHgt:18
Piggy, Consultant
PiggyLeftEar2 left:9 top:0 width:31 height:31 leftWth:2 rgtWth:2 topWth:2 botWth:2 radius:50% background:#fbc994 Angle:-60 ClipWth:18 ClipHgt:18
Piggy, Consultant
PiggyRightEar1 left:80 top:6 width:31 height:31 leftWth:2 rgtWth:2 topWth:2 botWth:2 radius:50% background:#fbc994 Angle:10 ClipWth:18 ClipHgt:18
Piggy, Consultant
PiggyRightEar2 left:70 top:0 width:31 height:31 leftWth:2 rgtWth:2 topWth:2 botWth:2 radius:50% background:#fbc994 Angle:-210 ClipWth:18 ClipHgt:18
Piggy, Consultant
PiggyTorso left:-12 top:98 width:135 height:135 radius:37 background:cornflowerblue
Piggy, Consultant
PiggyFace left:12 top:11 width:89 height:89 radius:50% background:#fbc994
Piggy, Consultant
PiggyLeftEye left:18 top:22 width:18 height:18 radius:50% background:white
Piggy, Consultant
PiggyRightEye left:49 top:22 width:18 height:18 radius:50% background:white
Piggy, Consultant
PiggyLeftCornea left:25 top:32 width:3 height:3 radius:50% background:black
Piggy, Consultant
PiggyRightCornea left:58 top:32 width:3 height:3 radius:50% background:black
Piggy, Consultant
PiggyMouth left:32 top:71 width:24 height:6 radius:50% background:lightcoral
Piggy, Consultant
PiggyNose left:32 top:43 width:24 height:18 radius:50%
Piggy, Consultant
PiggyLeftNostril left:36 top:49 width:4 height:6 radius:50% background:black
Piggy, Consultant
PiggyRightNostril left:46 top:49 width:4 height:6 radius:50% background:black
Piggy, Consultant
PiggyEarpiece left:4 top:10 width:4 height:12 radius:50% background:black Angle:30
Piggy, Consultant
PiggyHeadset left:1 top:13 width:53 height:53 radius:35% Angle:-110 ClipHgt:11
Piggy, Consultant
PiggyMike left:21 top:68 width:7 height:3 radius:50% background:black
Piggy, Consultant
PiggyName left:7 top:108 bdrWth:0 font-size:13
Piggy, Consultant

The Resulting HTML:

<div id='Panel1' class='aaa' style='position:relative; width:166px; height:257px; border:2px solid; background-color:#d2e383; 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='PiggyLine' class='abs2' style='left:89px; top:27px; width:0; height:106px; border-width:0; border-left-width:2px; '></div>

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

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

<div id='PiggyLeftEar1' class='abs2' style='left:2px; top:6px; width:31px; height:31px; 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%; background:#fbc994; transform:rotate(80deg); clip:rect(0 18px 18px 0); '></div>

<div id='PiggyLeftEar2' class='abs2' style='left:9px; top:0; width:31px; height:31px; 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%; background:#fbc994; transform:rotate(-60deg); clip:rect(0 18px 18px 0); '></div>

<div id='PiggyRightEar1' class='abs2' style='left:80px; top:6px; width:31px; height:31px; 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%; background:#fbc994; transform:rotate(10deg); clip:rect(0 18px 18px 0); '></div>

<div id='PiggyRightEar2' class='abs2' style='left:70px; top:0; width:31px; height:31px; 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%; background:#fbc994; transform:rotate(-210deg); clip:rect(0 18px 18px 0); '></div>

<div id='PiggyTorso' class='abs2' style='left:-12px; top:98px; width:135px; height:135px; border-radius:37px; -moz-border-radius:37px; -webkit-border-radius:37px; background:cornflowerblue; '></div>

<div id='PiggyFace' class='abs2' style='left:12px; top:11px; width:89px; height:89px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:#fbc994; '>

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

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

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

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

<div id='PiggyMouth' class='abs2' style='left:32px; top:71px; width:24px; height:6px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:lightcoral; '></div>

<div id='PiggyNose' class='abs2' style='left:32px; top:43px; width:24px; height:18px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; '></div>

<div id='PiggyLeftNostril' class='abs2' style='left:36px; top:49px; width:4px; height:6px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:black; '></div>

<div id='PiggyRightNostril' class='abs2' style='left:46px; top:49px; width:4px; height:6px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:black; '></div>

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

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

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

</div> <!close PiggyFace>

<div id='PiggyName' class='abs2' style='left:7px; top:108px; border-width:0; font-size:13px; font-weight:bold; '>Piggy,&nbspConsultant</div>

</div> <!close PiggyPerson>

</div> <!close Panel1 (Piggy)>



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