chrisprice/index.html

## index.html
<html><head><script>var colourTable=(function(){var a=["33","7F","FF"],c=[];for(r=0;r<3;r++){for(g=0;g<3;g++){for(b=0;b<3;b++){c.push("#"+a[r]+a[g]+a[b])}}}return c})();var words="Mix10ArmsFireCureWineTripHandTubeYahooLowWindyManyWeirdWasPlzBoutDanceAwareTurnBoysLarkDearToneAgeDutyWontRanLabelOpenRobLoudLinuxFitIceFullyCountOnlyWokeSnowyWanaWeReadyRubsAgoPortPoorCashLawBlackStuffSingsHugsCatsWombGoingLikeEachSleepAbtWitRainFirstWinSawSoftSafeAwakeEntryShowLogicVotedEveryHopeCakeDefUUsingWhereNoneSkinCityCurseBassIdPicksOtherTellForthIshDoorPorkVirusTypeHeyBigBetGirlsWheelBringPlayBabyCardsClockGottaKnowTyneRunHellNewNiceLegoYourGlassWannaLossBodyHoLikesPixelTownFarDavisCantAcheDamnNayPantsRodeEvenPlaysToldEasyHmmmIdiotMiThatMiamiBusyWorthJkFedMessSheZapFabGamesTheirQueenAdamsPodRestWellFootKeepPopSiteTwugNanSuitsBulbAyMoralHowsSideGetKnownFruitPubBellaHesFloorShudWebLifeWifeHearJavaCatchLineFeelStartRoomSendBugsHeardIntoDontBearFatIveSeemsRoseZitsDjMightDoneBlindGonPlsCuteMeatBWimpTvFaceViewDripHootGirlEarsBornSleptWomenEatShakeStabFindMaybInputUponCuldAlarmBrokeFoundWtfAboutHelpAssOhFixedThankMovieMetKeysArmLockTipGayOldIsntBawlWallSirCuzHwAreBadDrewPrepMeanUntilFtwDntDyingFoodBlockSposeLilPspCareSaveLeftFoolPizaLivesJustDvdAloneAndyMeSetHalfEconYouAsksWishMrsHisKnobsStrawCableCutWillPokerSurePlantHatTwoLordsPriceAdScarfTouchSonForVodkaDadBoredAhShesOlderMonthNewsJoesSlipSnowPetsSixSyncGuessBoydTalkLmfaoEnjoyDueFourWilyCupsPointKindAintAndPaySuchUrgeBkRightNotWaitDeadDidPaulBarMarkOnceFishJokeLukeBandHappySomeSweetGoneCoatLandNaSoonAkaSoL33tPcAlongFooFineAmSakeBrainMoonYesFearNyTakeLuvWindWhamStayBookDrumsCoolUreNoteSeaAddLayTextLeaveLuckNowLongIfOurRaceNearOilBurnsPageJinxTiredNeverFellMeetLetFitsOnMeansSitMainN00bRtfmSlapBushChristPaleSpotAllThemWeeksLeafWholeWouldLordSaysHangsViaWithScreamTodayJonPlanTrayStopDryAppSoulTookYoWeekSwagMoanLateHaIMadeTtfnBobShirtLadyBentNinjaOmgHeartMineBroSleetShopButUsBeenWhenSaneLawsTwixItIvorMakeAcmeCookSemiWorkSmokeOwLotsElmPityWildNiteElseFreeLocalPhoneSparkVeryAnyKeepsThinkHurtLoseWereTimesBossThtHoldOverCanHardDrumBuyMustAightShutWoodLmaoHypedHighHairIdeaBedGiftOkOutOwlFoodsDieWordAcidOddPlopOwnUveLessNorWashEnterEmailShiftRichButtBestMoleInnerTweetCupJobPr0nFairThingTestGaveDoesGreatGiveAarghMoreGuyCaveJohnAuntKillOrThatsHugeHahaLastMiloKnobPplBathPostKeptHeadsMassSheerLogOfCatSmallDustLetsWorldSameMiteLarvLiveHmJayDeepPuffLeftyBlogPetPassFionaVidAgreeRockBlueAidDealsMsHaveWhichMadManLazyThanSadPushBenCastNadiaEvilPartFewFromBackHoursDooEightYoungStareStudyMindMomWinesRoroLearnGinSooooStarReadHimWriteKeyKnewTurnsMicHourWordsWideCryVomitKnoSeemActHallVideoStockMacMofoPubsComeMooHillGoHungIpodFullVoteAllowLookUsedGonnaImHereArtEyeBoxRoyalSlowTonsHateMoonGateSunMeantFormBeingPokeLaidLedLostTmrrwWorseThreeThusAbleCallCouldWitchWomanHitChrisHideJesusCrossCleanTryBareFeetMinBoyYeahShelfFavTheKingSeatFocusDunEndGoodAhhhhTruthTriedAfterDownClueAcidDarkCheckTrueWarmHadBumPrayTheeYummyWearTopBileWeedMouseJunkShallWayMrPicsFiveMsnAsLipsGladAudioThoShoeEverDoingPenAprilNoSentJusCopyHorseTubShyMsgByDrakeYearSpankCaseAwwwSooMoveBirdMixPettyFightOrderNeckCorkNightShoutLoveSeeYeaBdayLaterHeatPlaceColdTreatDrinkTheyAskBallHotLieTimeAwayWonPensFactFunnyMenSoldNameMouthSumBeGmailGuysMeowPackShockAAdsFondAptHomieMumTenAirEventGagaYetThereDareMaleShameUrsDumbBooCakesPastPutBitNextReplyWallsBeerAppleTreeFastSmartRedUniBlewGerryKnwDetoxPudRoflHomoDoWantDreamKittyCozFeltAreaLambHowHasHePullMusicBeltGreenMmHelloTeamHeldBtCameSayRoadKindaModTwitItsPeterRainyHelpsScottStepDumpGrewFluPoleSugarEbayAskedLcdVoiceBitsCrackBraPicUrMomsSprayDayThisMoneyNetCoverBtwnIllDaJoyMayDickMyOozeAdamSaidBraceIsRealDrSkyPainMp3WaterSarraInWaysSquidPaperSatBonedGoinMostWhatRDudeShitChatUnderWasntTopicOkayMissSunnyEndedGodYeOneScriptSamYokeLotWhoBothEarlyMaybeMaSetsStillWasteMovedLasSoooGotSaleWatchRubDealWakeTeaColinDogSevenWentAteBowlsDiedThrobLegsToastUseOWhomMereEyesWhyTooAgainWrongMarsWalkSeenSkirtToHomeKidsMugKissSorryDraftFallUpAdoptQtNeedCrewCauseTrulyHeadPaidIndieCrowdLolSuperAlsoTillMuchHtml5UpsetLunchSortSofaByeLinksTheseHrsBbFlyOffBagBrownNineAtScanChillDaysThoseHerFunDavidFiThenPairAnUkEqualCardYankPieWreckClosePower".match(/(?:[A-Z][a-z0-9]*)/g),wordsIdx=(function(){var c={},a=0;for(;a<words.length;a++){c[words[a].toLowerCase()]=a}return c})(),$=function(a){return document.getElementById(a)},twitter_com="https://web.archive.org/web/20100722221551/http://twitter.com/",math_floor=Math.floor,math_random=Math.random;Array.prototype.each=function(c){for(var a=0;a<this.length;a++){c(this[a],a)}};function getPosFromEvent(a,c){var d={x:c.pageX,y:c.pageY};do{d.x-=a.offsetLeft;d.y-=a.offsetTop}while(a=a.offsetParent);return d}var Drawing=function(k,f,a){var h,l=this;l.p=[0,2,18,24];l.d=(function(){var j=[],p=0;for(;p<100;p++){j.push(0)}return j})();l.t=k;l.html=f;l.url=a;if(k){function d(i){return wordsIdx[i]!==undefined?wordsIdx[i]:0}var e,c,o,n,m=[];k=k.toLowerCase().replace(/[^a-z0-9\!\? ]/g,"").replace(/\s+/g," ").replace(/^ ?(.*) ?$/,"$1").split(/\s/);k.each(function(i){var j=i.match(/([a-z0-9]+)([^a-z0-9]+)/);if(j){for(e=0;e<=j[2].length;e++){m.push(j[1])}}else{m.push(i)}});k=m;for(e=0;e<Math.min(2,k.length);e++){o=d(k[e]);for(c=1;c>=0;c--){n=Math.pow(32,c);l.p[e*2+c]=math_floor(o/n);o=Math.min(o%n,26)}}for(e=2;e<Math.min(k.length,22);e++){o=d(k[e]);for(c=4;c>=0;c--){n=Math.pow(4,c);l.d[(e-2)*5+c]=math_floor(o/n);o=o%n}}}l.e=function(){var w=[],j=[],u,p,q,t,s;for(s=0;s<2;s++){w.push(words[l.p[s*2]+l.p[s*2+1]*32])}for(u=0;u<10;u++){for(t=0;t<2;t++){p=0;for(q=t*5;q<5+t*5;q++){p+=l.d[u*10+q]*Math.pow(4,q-t*5)}w.push(words[p])}}w.each(function(i){if(s===i){j[j.length-1]+="!"}else{j.push(i)}s=i});return j.join(" ")};l.r=function(j){for(var p=0;p<100;p++){j.fillStyle=colourTable[l.p[l.d[p]]];j.fillRect(p%10,math_floor(p/10),1,1)}};l.clone=function(){var i=new Drawing();i.p=l.p.slice();i.d=l.d.slice();return i}};var TwitterCanvas=function(){var c=$("c1"),m=c.getContext("2d"),l=$("d"),a,i=this,n=$("s"),k;function f(){i.d=(function(){var o=[],p=0,q=new Drawing();for(;p<1600;p++){o.push(q)}return o})()}function h(){l.style.visibility="hidden"}function j(o){if(o){l.innerHTML=o;l.style.visibility="visible"}else{h()}}c.onmousemove=function(o){a&&clearTimeout(a);a=setTimeout(function(){d(o)},10)};c.onmouseout=function(o){a&&clearTimeout(a);h()};function d(p){var q=getPosFromEvent(c,p),o=math_floor(q.y/10)*40+math_floor(q.x/10);j(i.d[o].html)}c.onclick=function(p){var q=getPosFromEvent(c,p),o=math_floor(q.y/10)*40+math_floor(q.x/10);i.d[o].url&&(open(i.d[o].url)||alert("Make sure popups are enabled."))};i.r=function(){var q=10,o,s;for(s=0;s<40;s++){for(o=0;o<40;o++){var p=i.d[s*40+o];if(!p.i){p.r(m);p.i=m.getImageData(q*o,q*s,q,q)}else{m.putImageData(p.i,q*o,q*s)}m.translate(10,0)}m.translate(-400,10)}m.translate(0,-400)};n.onkeyup=function(o){o.keyCode==13&&e()};function e(){k&&clearInterval(k);f();k=TwitterUpdates(n.value,function(p){var o=p.text;if(o){try{i.d[p.id%1600]=new Drawing(o,"<img src='"+p.profile_image_url+"' height=50/><b>"+p.from_user+"</b>"+p.text,twitter_com+p.from_user);i.r()}catch(q){}}},15000)}e()};onload=function(){var f=$("t"),c=new TwitterCanvas(),e,i=new Drawing();function h(){var a=e&&e.g().e();a&&(f.href=twitter_com+"/home?status="+a+" %40100pxls")}e=new DrawingCanvas(i,h);h()};var Palette=function(c,a){var f=[$("p1"),$("p2"),$("p3"),$("p4")],k=$("pc"),h=k.getContext("2d"),e=this;e.i=1;h.scale(12.5,12.5);for(var d=0;d<27;d++){h.fillStyle=colourTable[d];h.fillRect(d%8,math_floor(d/8),1,1)}k.onclick=function(l){var m=getPosFromEvent(k,l),i=math_floor(m.y/12.5)*8+math_floor(m.x/12.5);if(i<27){c[e.i]=i;j()}};f.each(function(l,m){l.onclick=function(){e.i=m;j()}});function j(){f.each(function(l,m){l.style.background=colourTable[c[m]];l.className=""});f[e.i].className="on";a()}j();e.setPalette=function(i){c=i;j()}};var TwitterUpdates=function(d,h,c){var a=0;var e;window.c=function(i){if(decodeURIComponent(i.query)==d&&i.results){a=i.max_id;(function j(){if(i.results.length){h(i.results.splice(math_floor(math_random()*i.results.length),1)[0]);setTimeout(j,50)}})()}};function f(){e&&e.parentNode.removeChild(e);e=document.createElement("script");e.src="https://web.archive.org/web/20100722221551/http://search.twitter.com/search.json?callback=c&rpp=100&since_id="+a+"&q="+encodeURIComponent(d)+"&nc="+Date();document.body.appendChild(e)}f();return setInterval(f,c)};var DrawingCanvas=function(i,c){var f=$("c2"),e=f.getContext("2d"),a,j,h=this;a=new Palette(i.p,d);e.scale(10,10);f.onmousedown=function(l){j=true;k(l)};f.onmouseout=function(){j=false};f.onmouseup=function(l){j=false;k(l)};f.onmousemove=function(l){j&&k(l)};function k(l){var m=getPosFromEvent(f,l);i.d[math_floor(m.y/10)*10+math_floor(m.x/10)]=a.i;d()}function d(){i.r(e);c()}d();h.g=function(){return i.clone()}};
</script><style>div,#c1{padding:0;float:left;margin:10 0 0 10;}div,a{border:2px solid #333;-webkit-border-radius:5;-moz-border-radius:5;font:13px Arial,sans-serif;font-variant:small-caps;color:white;padding:0;float:left;margin:10 0 0 10;}#d1,#d2,#d3{width:220;}#w{background:black;border:none;width:650;padding:0 0 10 0;}p,a{background:#333;padding:5;margin:0;font-weight:bold;color:#AAA;}span{display:block;border:none;margin:5;}b{display:block;margin:5 0;}img{margin:0 5 2 0;}#d1{height:130;overflow:hidden;}input{width:210;border:none;}#pc{margin:10 0 0 10;}#c2,li,img{float:left;}ul{list-style-type:none;padding:0;margin:5;float:right;}li{display:block;border:3px solid black;height:19;width:19;padding:0;margin:0;}li.on{border:0;height:25;width:25;}a{width:195;height:13;text-decoration:none;color:#AAA;display:block;margin:5 0;text-align:center;}a:hover{text-decoration:underline;}em{float:left;margin:10 0 0 45;}</style><body><div id="w"><canvas id="c1" height="400" width="400"></canvas><div id="d1"><p>author/message</p><span id="d">&nbsp;</span></div><div id="d2"><p>draw your own</p><span><canvas id="c2" height="100" width="100"></canvas><ul><li id="p1"/><li id="p2"/><li id="p3"/><li id="p4"/></ul><canvas id="pc" height="50" width="100"></canvas><a id="t" href="#" target="_new">encode and tweet it</a></span></div><div id="d3"><p>search term</p><span><input id="s" value="@100pxls"/></span></div><em>MIX10K - 100PXLS - chris price</em></div></body></html>