rdallaire

/* AUTHORS */
    
    Name:           Ross Dallaire
    Twitter:        @rdallaire
    Company:        CrystalCommerce
    Site:           http://crystalcommerce.com
    
    Name:           Josh McDonald
    Twitter:        @onestepcreative
    Company:        CrystalCommerce

rdallaire

Directory Layout

app/                --> all of the files to be used in production
  css/              --> css files
    app.css         --> default stylesheet
  img/              --> image files
  index.html        --> app layout file (the main html template file of the app)
  index-async.html  --> just like index.html, but loads js files asynchronously
  js/               --> javascript files

app.js --> application

rdallaire

$(document).crystalcore('ajaxify', {
            url     : 'http://example.com',
            type    : 'GET',
            elem    : '.inject-here',
            replace : true,
            effect  : 'fade'
        })
        
        
<div class="inject-here" data-ajaxify="#header"><!-- #header appends here --></div>

rdallaire

#masthead, .submast-stroke {
    display: none;
}

div.well {
    background-color: #3a3a3a;
    margin-bottom: 10px;
    border: 1px solid #424242;
}

rdallaire

	$(document).crystalcore('ajaxify', {
		
			url			: 'http://topdeckcardsandgames.dev.crystalcommerce.com/',
			elem		: '.ajaxify',
			cached      : true,
			key         : 'tree',
			duration    : 1
		
	});

rdallaire

    $('img').each(function(){$(this).attr('src', 'http://fillmurray.com/200/300');});
    $('img').css('border', '5px solid tomato');

rdallaire

<div style="text-align: center;"><span style="font-size: x-small;"><span style="color: #333399;"><strong>&nbsp;</strong>&nbsp;</span><br /></span><strong><img title="New Shop Pic 03" src="http://www.xtremegamesonline.com/files/assets/img/new_shop_pics_003_home.jpg" alt="New Shop Pic 03" width="193" height="145" border="0" /><img title="New Shop 01" src="http://www.xtremegamesonline.com/files/assets/img/new_shop_pics_001_home.jpg" alt="New Shop 01" width="193" height="145" border="0" /><img src="http://www.xtremegamesonline.com/files/assets/img/new_shop_pics_010_home.jpg" alt="Prerelease card" width="193" height="145" border="0" /></strong> <span style="font-family: arial black,avant garde; font-size: medium;"><strong>&nbsp;</strong></span></div> <p style="text-align: center;"><span style="font-family: arial black,avant garde; font-size: medium; color: #000000;"><strong>XTREME GAMES - LINDENHURST</strong></span></p> <p style="text-align: center;"><span style="font-family: arial black,avant garde; font-size: me

rdallaire

// first we set descriptive variables:
$darkgrey: #333333;
$blue: #001eff;
 
// then we set functional variables:
$text_color: $darkgrey;
$link_color: $lightblue;
$border_color: $lightblue;
 
.myClass{

rdallaire

// first we set descriptive variables: $darkgrey: #333333; $blue: #001eff;   // then we set functional variables: $text_color: $darkgrey; $link_color: $lightblue; $border_color: $lightblue;   .myClass{   color: $text_color;   border-color: $border_color; } a{   color: $link_color; }

rdallaire

function pagination($prev = '«', $next = '»') {
    global $wp_query, $wp_rewrite;
    $wp_query->query_vars['paged'] > 1 ? $current = $wp_query->query_vars['paged'] : $current = 1;
    $pagination = array(
        'base' => @add_query_arg('paged','%#%'),
        'format' => '',
        'total' => $wp_query->max_num_pages,
        'current' => $current,
        'prev_text' => __($prev),
        'next_text' => __($next),