How it all started

Before and After the Cabinet Paint

Don’t get me wrong the paint worked fine and the cabinets turned out ok, and we were going to live with them.  But we’ve always wanted wood floors, and I realized the tile ran under the freshly painted cabinets.  To remove the tile, meant removing the cabinets, which in turn meant damaging the paint on cabinets we already didn’t like.

New Cabinets…

It became apparent that planning new cabinets that we would like became a priority.  We were already going to build our island from Ikea cabinets.  The reviews and the price point seem to point to a decent product without breaking the bank.

After a ridiculous amount of frustration with the Ikea designer tool, we were able to come up with a cabinet design and style that would be close to the layout we need (keeping the sink and refer in the same place) while giving us an updated look and feel.

Island and cabinets

Now we just need to get up to Portland to Ikea to purchase the setup and demo the existing kitchen.

Demolition

Speaking of demolition…. remember how I said we wanted wood and the tile would have to be removed?  This is the first, “what have we gotten ourselves into moment.”  Removing the tile is pretty easy, actually my 9 year old has removed more tile than I have.  It’s this product called Wonderboard that is proving to be extremely difficult to remove.  I was really hoping it was just some nailed down backer board, but this Wonderboard is a whole different beast.  It appears to be glued, there’s thinset, and the board appears to be nothing but gravel wrapped in some mesh.  Every once and a while I get lucky and get a good chunk worked up, but others areas are like chipping through stone.

Starting at the door working in

Eager to help

Giant mess…

Requirements for the age screen are:

• User must enter age
• Must load prior to content becoming accessible
• A cookie needs to be used to keep kiddo’s from just clicking the back button

The project is running on wordpress using a customized Reverie Framework, so I figured I could use the built in reveal component included in Foundation.

Creating the modal is easy:

<div id="screenModal" class="reveal-modal medium">
 <div class="row">
   <div class="twelve columns">
     <h2>Welcome To Our Site</h2><h4>We just need to verify your age before we let you run wild in there!<br /> Enter your Date of Birth information below.</h4>
     <h5>(Be honest. Lying ain't cool, ya know)</h5>
   </div>
 </div>
 <div class="row">
  <form id="lda-form" action="">
   <div class="three mobile-two columns">
    <label>Month</label>
    <input id="month" type="text" placeholder="mm" />
   </div>
   <div class="three mobile-two columns">
    <label>Day</label>
    <input id="day" type="text" placeholder="dd" />
   </div>
   <div class="three mobile-two columns">
    <label>Year</label>
    <input id="year" type="text" placeholder="yyyy" />
   </div>
   <div class="three mobile-three columns">
    <input type="submit" class="button" value="Continue >>">
   </div>
  </form>
 </div>
</div>

Loading up the modal is easy thanks some hooks that Zurb kindly built into reveal.  In the (document).ready section calling the following will load up the modal:

if ($.cookie('sp_age_cookie') == null) {
	jQuery("#screenModal").reveal({
		closeOnBackgroundClick: false,
		"open" : function(e) {			
	    	$("html,body").css("overflow","hidden");
		},
		"closed" : function() {
 			$("html,body").css("overflow","auto");
		}		
	});

/* 	alert('No Cookie'); */
} else if ($.cookie('sp_age_cookie') == 'false'){
	jQuery(".instagram").hide();
	jQuery("#sm-icons").hide();
	jQuery("#menu-item-1422").hide();

} else if ($.cookie('sp_age_cookie') == 'true'){
	jQuery(".instagram").show();
	}

The code checks for a cookie and its contents (we’ll set that later one).  If there is a cookie it will forgo showing the modal and simply show or hide content based on the settings.

There are some other helpful options included when calling reveal such as ‘closeOnBackgroundClick’, ‘open’ and ‘closed’ that allow me to disable scrolling, disable clicking to close the modal.  There are more, check out the documentation for more.

Now for some standard issue validation:

jQuery("#lda-form").submit(function(){
 var day = $("#day").val();
 var month = $("#month").val();
 var year = $("#year").val();
 var age = 18;
 var mydate = new Date();
 var dayOK = false;
 var monOK = false;
 var yearOK = false;
 mydate.setFullYear(year, month-1, day);
if (month < 1 || month > 12 || month == '') {
 jQuery("#month").addClass("error");
 return false;
 } else {
 monthOK = true;
 }
if (day < 1 || day > 31 || day == '') {
 jQuery("#day").addClass("error");
 return false;
 } else {
 dayOK = true;
 }
if (year < 1900 || year > 3000 || year == '') {
 jQuery("#year").addClass("error");
 return false;
 } else {
 yearOK = true;
 }
if (monthOK == true && dayOK == true && yearOK == true) {
 var currdate = new Date();
 currdate.setFullYear(currdate.getFullYear() - age);
 if ((currdate - mydate) < 0){
 $.cookie('sp_age_cookie', 'false', { expires: 7, path: '/' });
 jQuery(".instagram").hide();
 jQuery("#sm-icons").hide();
 jQuery("#menu-item-1422").hide();
 jQuery("#screenModal").trigger('reveal:close');
 return false;
 } else {
 $.cookie('sp_age_cookie', 'true', { expires: 7, path: '/' });
 jQuery("#screenModal").trigger('reveal:close');
 return false;
 }
 return true;
 }
});

Uses jQuery and jQuery Easing.

The HTML:

 <img id="ball" src="/wp-content/uploads/img/ball.png">

The jQuery:

function animateTheBallDown() {
  jQuery('#ball').stop().animate({marginTop: '200px'}, 1000, 'easeInQuart', animateTheBallUp);
}
function animateTheBallUp (){
  jQuery("#ball").stop().animate({marginTop: '0px'}, 1000, "easeOutQuart", animateTheBallDown);
}
animateTheBallDown();

Demo the fiddle

Growing up in church I always knew I just needed to ask God for help and I’m not sure why I ever quit.  I’ve been feeling like I need to get back into reading, so I thought I’d finally take advantage of my BookSneeze account and read Eye Of The Storm by Alexander Kumpf.  Alexander sums the book up well when he writes, “I am hoping that we will come to an understanding that God is not necessarily the cause of life’s chaotic mess, but he is the answer to overcoming any storm we encounter in life.”  Alexander does a great job reminding his readers that God is with us through this journey of life.  He is there to give us love, grace, peace, comfort, and anything we need to live life to its fullest and through every trial.

Some may say the book is too simple, and it is full of verses and things all Christians have heard before, but what more do we honestly need then encouragement from scripture?  Kumpf likens God to the eye of the storm, where there is hardly a breeze and the sun is shining, while the tumult of the storm is everywhere around you.  It is too easy to focus on life’s difficulties or the waves and dark clouds surrounding you, asking “how could I possibly take another blow”, but as Kumpf states, “Stop focusing on the storm’s destroying power, and start focusing on God’s restoring power.”

I was encouraged by the quick read, and am looking forward to dwelling on God, seeking his help and trusting in His ultimate plan.

*** Disclosure of Material Connection: I received this book free from the publisher through the BookSneeze®.com <http://BookSneeze®.com> book review bloggers program. I was not required to write a positive review. The opinions I have expressed are my own. I am disclosing this in accordance with the Federal Trade Commission’s 16 CFR, Part 255 <http://www.access.gpo.gov/nara/cfr/waisidx_03/16cfr255_03.html> : “Guides Concerning the Use of Endorsements and Testimonials in Advertising.” ***

So far I’ve posted the following:

1rm jerk – 225 (coulda went higher but ran out of time)

1rm squat – 265

1rm bench – missed the workout

1rm weighted pullup – missed the workout

1rm deadlift – 385 (really wanted 400 but I held up at 385)

Outlaw Way:

BB Gymnastics:

1) 7×1 1 hang power snatch + 1 power snatch – 115, 125, 125, 125, 130, 135, 135

2) 7×1 2 power clean + 1 push jerk – 155, 155, 155, 160, 165, 165

Strength:

3x ME muscle ups – 1, 0, 1

3xME double arm kb snatch – 11, 10, 10 (40lb dumbells)

3×10 reverse hyper – NW, 10, 10

3×5 snatch grip push press – 110, 100, 100

BB Gymnastics:

1) 5×1 box snatch: 125, 125, 130, 135, 140

2) 5×1 box clean: 140, 155, 165, 165, 170

Strength:

1) 5×1 back squat: 230

2) 3×5 front squat: 155, 165, 175

Conditioning:

3 Rounds for Time: 12:43

10 2 box lateral jumps

15 HSPU

Row 250

BB Gymnastics:

1. 125 then 140 (failed first attempt, got second)

2. 170 then 190

Accessories:

1a) 100, 105, 110

1b) 120, 125, 130

Conditioning:

Three rounds + 10 burpees

BB Gymnastics

1) 95, 115, 125, 135, 145, 145, 150

2) 135, 155, 160, 160, 165, 170

Strength

1a) 12, 14, 13

1b) 6, 5, 5

1c) rx

1d) 95, 95, 95

As we get closer to redesigning the entire site for the brand, the responsive design will most likely be incorporated.

Natural Vines Mobile Site