Skip to content

Instantly share code, notes, and snippets.

View patrickbeeson's full-sized avatar

Patrick Beeson patrickbeeson

18 followers · 61 following
View GitHub Profile
@patrickbeeson
patrickbeeson / 0_reuse_code.js
Created March 19, 2014 12:55
Here are some things you can do with Gists in GistBox.
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
@patrickbeeson
patrickbeeson / gist:06137e84caeb68d058fe
Created May 30, 2014 20:53
Sidenav animation update
// Cache the selector for performance
var $root = $('html, body');
// Animate the scroll from the nav
$('.sidebar_nav ul li a, .back-to-top').click(function() {
$root.animate({
scrollTop: $( $.attr(this, 'href') ).offset().top
}, 500);
return false;
});
@patrickbeeson
patrickbeeson / gist:11d1231fd6c914f041cb
Created May 30, 2014 20:57
Sidenav HTML update
// Note the body ID for each sig offering...
<body class="signature_offerings" id="beef_shoppe" data-spy="scroll" data-target=".sidebar_nav">
// Swap the "#top" href for the id of the body...
<a class="back-to-top" href="#beef_shoppe">Back to top<span class="glyphicon glyphicon-circle-arrow-up"></span></a>
@patrickbeeson
patrickbeeson / gist:17e2006f822c5f97beb4
Last active August 29, 2015 14:02
Sausage Works HTML update (for variety filter update)
<form action="/" class="sausage_type_list">
<label>
<input value="breakfast" type="checkbox" class="sausage_filter"> Breakfast
</label>
<label>
<input value="pork" type="checkbox" class="sausage_filter"> Pork
</label>
<label>
<input value="beef" type="checkbox" class="sausage_filter"> Beef
</label>
@patrickbeeson
patrickbeeson / gist:19f7963182f40209711d
Created May 30, 2014 21:20
Sausage Works CSS update (for variety filter update)
#flavors {
.sausage_type_list {
@extend .text-center;
label {
background: $lf-gray;
padding: 4px 20px 4px 10px; // Updated
color: #fff;
font-family: $font-sans;
@patrickbeeson
patrickbeeson / gist:6ad63255d36542577ef4
Created June 2, 2014 13:26
Chicken Kitchen mobile menu addition HTML
...
<li class="module" id="mobile_menu"><!-- Mobile menu -->
<div class="mobile_menu">
<h1>Menu</h1>
<p>Click the thumbnail to download a PDF of our menu.</p>
<div class="specials_image">
<a href="files/chicken_kitchen/chicken_kitchen_menu_mobile.pdf"><img src="images/chicken_kitchen/chicken_kitchen_menu_thumb.png" alt="menu"></a>
</div>
</div>
</li><!-- /Mobile menu -->
@patrickbeeson
patrickbeeson / gist:6313a29cdbbc02dcb5f1
Created June 2, 2014 13:31
Chicken Kitchen mobile menu SCSS
#chicken_kitchen {
...
.module {
...
&#deals, &#about, &#mobile_menu, &#recipes, &#testimonials, &#jokes, &#chicken_dance, &#chicken_sightings, &#fun_games {
...
}
@patrickbeeson
patrickbeeson / gist:f4b8317223cdf8b48f65
Last active August 29, 2015 14:02
Change to SausageWorks filter (checkbox to radio)
...
<h1 class="hidden-xs">A World of Wacky Flavors</h1>
<h1 class="visible-xs">World of Flavors</h1>
<p class="description">With tons of options daily, the best way to experience SausageWorks is to come by and try something new (flavors vary by store). Filter by type below:</p>
<form action="/" class="sausage_type_list">
<label>
<input value type="radio" name="sausageOptions" class="sausage_filter" checked> All
</label>
<label>
<input value="breakfast" type="radio" name="sausageOptions" class="sausage_filter"> Breakfast
@patrickbeeson
patrickbeeson / gist:fb02812b93672b3b294c
Created June 10, 2014 18:25
Change to Beef Cuts "A Cut Above" graphic for animated scrolling to cut list
// In main.js...
// Also required in HTML <script src="scripts/jquery.scrollTo.min.js"></script>
// Animate scrolling to the list of cuts from the Beef Shoppe A Cut Above graphic
$("#cow_nav li a").click(function() {
$('body').scrollTo('#cut_type_list',{duration:'slow'});
});
@patrickbeeson
patrickbeeson / gist:8402ca932e5f0aa4f934
Last active August 29, 2015 14:02
Meet the Den Master module (HTML)
<li class="module" id="den_mater"><!-- Den Master -->
<h1>Meet the Den Master</h1>
<img src="http://placehold.it/648x250" alt="Carousel slide alt text">
<div class="module_content">
<h2>Taming the wild world of beers</h2>
<h3>John T. | Den Master | Clemmons, NC</h3>
<p>Beers don’t pour themselves. Which is why the Den Master is on the spot. To help you decide between a stout or a porter or a lager or an ale. He can fill the best growler in the den or help you find the rarest of species. Got a question about beers? He’s got an answer. Got a question about flowers? Probably best to keep those to yourself. The Den Master is here for beer.</p>
</div>
</li><!-- /Den Master -->