Skip to content

Instantly share code, notes, and snippets.

@richgcook
richgcook / overlays.js
Created February 4, 2016 16:09
Cookie with modal
function overlays() {
if (!Cookies.get('mailing_list')) {
$('.mailing-list-popup').show();
} else {
$('.mailing-list-popup').hide();
}
$('.mailing-list-popup .close').on('click touchstart', function(e) {
Cookies.set('mailing_list', '1', { expires: 7 });
$('.mailing-list-popup').fadeOut(250, function() {
$('.mailing-list-popup').removeAttr('style');
<li><?php if ($page->prev->id) : ?><a href="<?php echo $page->prev->url; ?>">Previous</a><?php endif; ?><?php if ($page->id === $page->siblings->last->id || $page->id === $page->siblings->first->id) : ?><?php else : ?>/<?php endif; ?><?php if ($page->next->id) : ?><a href="<?php echo $page->next->url; ?>">Next</a><?php endif; ?></li>
@richgcook
richgcook / gist:acdfd3eada85bc9f55ff
Created June 26, 2015 21:49
Get distance from a point to city centre using Google Maps API (v3)
$(document).ready(function() {
var latLngA = new google.maps.LatLng(<?php echo $page->article_location_lat; ?>,<?php echo $page->article_location_long; ?>);
var latLngB = new google.maps.LatLng(53.381129, -1.470085);
var directionsService = new google.maps.DirectionsService();
var request = {
origin: latLngA,
destination: latLngB,
travelMode: google.maps.DirectionsTravelMode.DRIVING
};
directionsService.route(request, function (response, status) {
function preloadImages() {
var imgs = [];
var iterate = function (i) {
if (imgs.length > i) {
var img = new Image();
img.src = templateUrl + 'css/' + imgs[i];
//console.log("loading: " + img.src);
img.onLoad = function () {
iterate(i + 1);
}();
@richgcook
richgcook / gist:d848f33e80e8d9dd05a5
Last active November 19, 2015 14:45
Active body/menu links
$('ul.navigation-list li, ul.tag-list li').each(function() {
var classes = this.classList;
for (var i=0,len=classes.length; i<len; i++) {
if ($('body').hasClass(classes[i])) {
$(this).addClass('active');
}
}
});
$('.menu-section-container ul li').each(function() {
@richgcook
richgcook / gist:12694e4318b62efbc3b7
Created May 14, 2015 10:46
Simple cookie to modal setup
<script src="jquery.cookie.js"></script>
<script>
$(document).ready(function() {
if ( !$.cookie('the_cookie' ) ) {
$('.temp-modal').show();
}
else {
$('.temp-modal').hide();
}
});
@richgcook
richgcook / gist:f0f1d0973c8badf27164
Last active August 29, 2015 14:21
Processwire JSON example
<?php
$projects = $pages->find('template=project-detail, sort=sort');
$projects_array = array();
foreach ($projects as $project) {
$title = $project->title;
$summary = $project->project_summary;
$long = $project->project_location_marker_long;
$lat = $project->project_location_marker_lat;
Header add Access-Control-Allow-Origin "*"
-webkit-transition: -webkit-transform 0.5s ease-in-out;
-moz-transition: -moz-transform 0.5s ease-in-out;
transition: transform 0.5s ease-in-out;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
transform: translateX(100%);
@richgcook
richgcook / gist:ba22877b7104bf8aa8fa
Created April 3, 2015 14:02
Text indent future proofing
text-indent: -1000vw;