As such, it’s a huuuge opportunity for non-profits, allowing them to build advocacy, receive donations, and improve the effectiveness of existing campaigns, or events. I’ve done dozens of Facebook apps in the past, but this Longer Road post is about two sets of apps, 4 each for two clients.

But wait, I can’t take full-credit! I helped design five of them, built-out seven, and did the fb dev work. My other team members at ZuriGroup and our great clients deserve the majority of credit!  Anyway, without further adieu, these are the two great organization’s pages: Lustgarten Foundation and World Neighbors (make sure to Like them!) Also, I included screenshots below, as eventually their campaigns/links might change.

I’ll be posting a few things in the next couple o’ days. Here’s a cool shelf to enjoy in the meantime.

Got a new website to add to the ole’ portfolio. This was a fun one, a project I wrapped up over the weekend for my friend here in town, the same gal behind BD-Landscapes.com. For this site, I built out a custom mini-site for their new line of products, with a lightweight and simple look, but a lot of fancy css and javascript behind the scenes. Check out the site, and make sure to also follow them on Facebook.

Made a number of changes, especially a revamp of the layout and formatting. Changed up fonts, header boxes, and all sorts of other styling. Not a ton was added as far as content, though some sections got heavy updates, such as breweries and events. This edition also features some guest photography, as well as updates on existing attractions and new ‘achievements’ at the end. I’ll keep posting as the sell-date approaches.

Up first is E.S Bam from Jolly Pumpkin. I seemed to recognize this one, and sure enough, I found a review I did on BeerAdvocate (back when I was active) on 12-16-2008. I gave it a good review, here included in its original un-spellchecked wonder:



Had this and Bam Bier 750's back to back over 2 evenings. I actually think I liked the Bam Bier a bit better. This one just seemed a bit less complex, and a bit more unrefined. Poured a dark amber into my Church BrewWorks tulip glass. Craggly white head sits aloft. Immediatly getting a big ole yeasty farmhouse brett funk, which I definitely dig. Some other earthy grassy aromas in there too as the hops show up. I totally love the open fermentation and the tasty saison funk, but this just didnt meet my apparently high expectations.
It;s basically funly yeast with some hops dumped in. It's just kind of flat...not carbonation wise...but flavor wise, compared to other JP brews ive had.

So with this bit of 4-year old nostalgia revealed, We’ll be cracking this beer open tomorrow…look for the exciting update!

The second brew was by Upright Brewing, a very excellent brewery in Portland. This one’s a “strong lager” and inspired/tribute to The Clash (and/or punk rock in general).This brew poured with very tenacious carbonation, tart and crisp like champagne. The taste was more tart, also a bit peppery and floral. The carbonation added a lot of effervescence to the mouthfeel, and also brings out a bit of boozy heat (though it’s fairly tame at 6.75%). Overall a really cool style and very good brew. If you can find a bottle (limited release), grab one uppp!

http://www.npr.org/blogs/13.7/2012/04/24/151269428/can-hackstability-save-civilization?sc=fb&cc=fp

Here’s a breakdown of what I did, starting with the javascript that first passes the form field through a few important checks first (also i make use of jquery in addition to vanilla javascript):

function validate_form(thisform){
var airmile = $.trim($("input[name='Field5833165']").val());
if(airmile!=''){
airmile = airmile.replace(/ /g,'');
if($.isNumeric(airmile)){
if(airmile.length==11){

The above code basically strips blank spaces, checks if empty, checks if the field contains anything except numerical characters (0-9) and verifies that the field is the correct length. If any of these fail, an will popup (see below).


$.ajax({
type: "GET",
dataType: 'jsonp',
data: 'num='+airmile,
jsonp: 'jsonp_callback',
url: 'https://sample.com/airmiles/airmile.php',
success: function (data) {
if(data.success==0){
alert('Your airline miles number is invalid.');
return false;
}else{
// Airline number is valid... continue
if(CheckForm(thisform)){
thisform.submit();
}
}
}
});
// prevent script form submitting when ajax is processing
return false;
}else{
// Not 11 characters
alert('Your airline miles number is invalid.');
return false;
}
}else{
// Not numeric
alert('Your airline miles number is invalid.');
return false;
}
}else{
// They didn't enter a number, continue
return true;
}
}

Above, we’re making a JSON callback to a PHP script that will run all the fancy arithmatic to validate the miles card number. It won’t even bother with the PHP unless it passed all the initial checks in the JS. If success, it procedes to submit the form, if not, it throws errors. Now here’s the PHP script, which does the fancy math:


function send_response($resp){
return $_GET['jsonp_callback'] . '(' . json_encode($resp) . ');';
}
function airmile_check_digit($digits){
$digits =(string)$digits;
$total_sum = ($digits{0}*2) + ($digits{1}*6) + ($digits{2}*4) + ($digits{3}*3) + ($digits{4}*8) + ($digits{5}*7) + ($digits{6}*6) + ($digits{7}*4) + ($digits{8}*7) + ($digits{9}*3);

The fun math begins! Above you see that we’re turning the digits to an array so we can access individual numbers. Then we multiply each digit in the string by a unique value, provided by the air miles card company as part of their checksum algorithm.


$divisor = 11;
$quotient = floor($total_sum/$divisor);
$remainder = $total_sum%$divisor;
if ($remainder $chk_digit = 0;
}else {
$chk_digit = floor(11-$remainder);
}
//see if check matches the final digit

if ($chk_digit==$digits{10}) {
$response = array(‘success’=>1);
//echo “Card number is GOOD

“;
}else{
$response = array(‘success’=>0);
//echo “Card number is BAD
“;
}

This previous step takes that large sum and divides it by 11. We then run a modulo operation to reveal the remainder, then subtract it from 11. If this number is less than 2, the check digit = 0, otherwise it will equal the check digit and be a success. That’s it! Any string of numbers should now validate the final checksum digit.


// Individual Registration
if( location.href.indexOf('/reg_new/register.asp') >0 && $("form[name='registrationForm']").size()>0 ){

$(“#Image1″).click(function(){
var theform = $(this).closest(‘form’).get(0);
return validate_form(theform);
});

}
// Individual Registration
if( location.href.indexOf(‘/donorReg/donorBilling.asp’) >0 && $(“form[name='billingForm']“).size()>0 ){

$(“input[name='imageField']“).click(function(){
var theform = $(this).closest(‘form’).get(0);
return validate_form(theform);
});

Lastly, we return to our JS script, where we are performing the functions that actually start this script, In this case, our Airmiles number is on a donation and a registration form, running when the submit button is clicked.

Yet another cool site here to add to the portfolio. This one is a standalone landing page for ChildFund International and Nokero, a company that makes affordable solar lights and specializing in developing countries. For this project, I did all the design work, full site codeup, JS thermometer, and more. The campaign just started, so go donate a few bucks if you’re feeling charitable

]]> http://longerroad.com/2012/04/21/portfolio-childfundnokero/feed/ 0 http://longerroad.com/2012/04/18/netflix-redux/?utm_source=rss&utm_medium=rss&utm_campaign=netflix-redux http://longerroad.com/2012/04/18/netflix-redux/#comments Wed, 18 Apr 2012 15:40:16 +0000 Gentleman Geof http://longerroad.com/?p=1292 Continue reading →]]> So, I actually managed to cancel Netflix at long last. It was a process that I ranted about previously, and finally – just the other day – was able to achieve. I just wanted to share a funny feedback/poll that Netflix presented me after I successfully cancelled. It included a detailed and perfectly valid list of why they suck, conveniently aggregated by themselves, to share with outgoing customers. The first questions ask why I cancelled, pointing directly at their own shortcomings in an ironically apt list.

The final question basically introduces and recommends varied alternatives to their very own product, encouragingly so. Also, as an aside, I am rather amused that among the list of alternatives/competitors that they are providing, are a list of illegal torrent sites like torrentz, tvlinks and the infamous PirateBay, as well as a option for ‘Bootleg DVD’s’ and direct competitors like Hulu, Amazon OnDemand, iTunes, etc.

So yeah, if you still have Netflix, cancel and they will happily provide a list of better alternatives to themselves