Skip to content

Instantly share code, notes, and snippets.

View curtiswilkinson's full-sized avatar

Curtis Tate Wilkinson curtiswilkinson

View GitHub Profile
@curtiswilkinson
curtiswilkinson / terminal
Created October 25, 2015 00:42
Dev environment console list
sudo add-apt-repository ppa:webupd8team/sublime-text-3
sudo apt-get update
sudo apt-get install sublime-text-installer
sudo apt-get install software-properties-common
sudo apt-add-repository ppa:brightbox/ruby-ng
sudo apt-get update
sudo apt-get install ruby2.2 ruby2.2-dev
sudo apt-get install ruby-switch
sudo apt-get install bundler
@curtiswilkinson
curtiswilkinson / template.html
Created November 2, 2015 02:36
Target DOM element loaded by AJAX with function
<script>
$.load_ajax_template('_images',
{'sku': '[@sku@]'},
{'onLoad':function(){
$('.carousel-example').carousel("pause");
}
});
</script>
@curtiswilkinson
curtiswilkinson / style.css
Last active September 18, 2018 23:02
transition carousel with a fade in/fade out
#homepageCarousel .carousel-inner .item {
left: 0 !important;
-webkit-transition: opacity 0.9s;
transition: opacity 0.9s;
}
#homepageCarousel .carousel-inner .next.left,
#homepageCarousel .carousel-inner .prev.right {
opacity: 1;
z-index: 1;
}
@curtiswilkinson
curtiswilkinson / custom.js
Created November 20, 2015 00:59
Bootstrap Carousel Interval
$('.carousel').carousel({
interval: 2000
})
@curtiswilkinson
curtiswilkinson / whatever.html
Last active September 18, 2018 23:01
Shit for toggling caret on sidebar
sidebar element
<i class="fa fa-angle-down"></i>
style.css
<style>
#left-sidebar i.fa-angle-down, #left-sidebar .fa-angle-up {
font-size: 21px;
line-height: 1.5em;
cursor: pointer;
}
@curtiswilkinson
curtiswilkinson / template.html
Last active April 7, 2016 05:34
List ebooks on account page
<div class="col-xs-12">
<hr>
<h1>Digital Downloads Available On Your Account</h1>
<div id="ebook-list">
<div class="row">
[%site_value id:'footer_javascript'%]
[%thumb_list type:'orders' %]
[%param *header%]
[%/param%]
[%param *body%]
@curtiswilkinson
curtiswilkinson / home.template.html
Last active December 8, 2015 04:25
Adding slick stuff in
header:
<link rel="stylesheet" type="text/css" href="[%ntheme_asset%]plugins/slick-1.5.9/slick/slick.css[%end ntheme_asset%]"/>
<link rel="stylesheet" type="text/css" href="[%ntheme_asset%]plugins/slick-1.5.9/slick/slick-theme.css[%end ntheme_asset%]"/>
footer (or in site value):
<script type="text/javascript" src="[%ntheme_asset%]plugins/slick-1.5.9/slick/slick.min.js[%end ntheme_asset%]"/></script>
target area
<script>
$('.responsive').slick({
@curtiswilkinson
curtiswilkinson / styler.css
Created December 13, 2015 14:06
Fix Chrome Rendering Blur on parallaxing images
*,:before,:after {
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-backface-visibility:hidden;
}
@curtiswilkinson
curtiswilkinson / styler.css
Created December 13, 2015 14:52
Crappily fixing the irritating issue with border-radius not working with overflow:hidden in certain browsers
-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
@curtiswilkinson
curtiswilkinson / template.html
Created December 16, 2015 01:24
javascript for validating component min/max values
<script type="text/javascript" language="javascript">
$('.component-qty-input').keyup(function(){
if ($('.component-qty-input').attr('min')> $(this).val() ){
$(this).val($(this).attr('min'));
}
if ($('.component-qty-input').attr('max') < $(this).val() ){
$(this).val($(this).attr('max'));
}
});
</script>