I ended up building a funky bottom-fixed nav which had a full-width submenu. This example includes the "slide-up" CSS3 animation as well as the inclusion of the HoverIntent plugin.
A Pen by Joshua P. Larson on CodePen.
/* | |
* This is a NodeJS app using the official MailChimp API wrapper. | |
* I want to grab this data and display it in a custom view, but without a giant callback-y mess. Ideas? | |
*/ | |
exports.view = function(req, res){ | |
mc.campaigns.list({campaign_id: req.params.id}, function(campaignData) { | |
var campaign = campaignData.data[0]; | |
mc.reports.summary({cid:req.params.id}, function(reportData) { | |
mc.lists.list({ list_id: campaignData.list_id }, function(listData) { |
// Use Gists to store code you would like to remember later on | |
console.log(window); // log the "window" object to the console |
/* | |
* jQuery pageSlide | |
* Version 2.0 | |
* EDITED BY @jplhomer to enable the toggling of the menu by touching the main content area. | |
* http://srobbin.com/jquery-pageslide/ | |
* | |
* jQuery Javascript plugin which slides a webpage over to reveal an additional interaction pane. | |
* | |
* Copyright (c) 2011 Scott Robbin (srobbin.com) | |
* Dual licensed under the MIT and GPL licenses. |
<?php if ( $events = get_field( 'events' ) ) : | |
// Re-order our events just in case | |
if ( get_field('sort_order') == 'Date Descending') { | |
usort( $events, 'sort_by_date_descending'); | |
} else { | |
usort( $events, 'sort_by_date_ascending'); | |
} | |
// Set a year checker to see if we should print a new year | |
$year = 0; |
I hereby claim:
To claim this, I am signing this object:
<?php | |
// single.php or whatever template you'd like | |
// 1. Get the ID of the current thumbnail for the post | |
$attachment_id = get_post_thumbnail_id(); | |
// 2. Get the tags associated to the image | |
$tags = wp_get_post_terms($attachment_id, 'tmt_tag'); |
$favorite-color: green; | |
$pad: 1em; | |
#app { | |
background-color: $favorite-color; | |
h1 { | |
font-size: $pad * 5; | |
} | |
} |
<?php | |
// Your theme's functions.php file... | |
function custom_tag_taxonomy( $slug ) { | |
return 'YOUR_CUSTOM_SLUG'; | |
} | |
add_filter( 'tmt_tag_taxonomy', 'custom_tag_taxonomy', 10, 1 ); |
<!-- Our font file is fonts.css --> | |
<script> | |
/*! | |
loadCSS: load a CSS file asynchronously. | |
[c]2014 @scottjehl, Filament Group, Inc. | |
Licensed MIT | |
*/ | |
/* exported loadCSS */ |