Skip to content

Instantly share code, notes, and snippets.

<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;
/*
$(document).ready(function() {
$('.menu-container ul li a').on('click', function() {
$('.menu-container ul li').removeClass('active');
$(this).parent('li').addClass('active');
$('.content-container .content').html('<p>Loading...</p>');
$.get($(this).attr('href'), function(data) {
$('.content-container .content').html(data);