Shelob9’s gists

Shelob9 / dabblet.css

Created May 16, 2013 22:13

Arc movement

	/* Arc movement */

	.wrapper {
	width: 500px;
	margin: 300px 0 0;
	transition: all 1s;
	transform-origin: 50% 50%;
	}
	.inner {
	display: inline-block;

Shelob9 / dabblet.css

Created May 16, 2013 22:13

Arc movement

	/* Arc movement */

	.wrapper {
	width: 500px;
	margin: 300px 0 0;
	transition: all 1s;
	transform-origin: 50% 50%;
	}
	.inner {
	display: inline-block;

Shelob9 / reveal_trigger.php

Created May 27, 2013 01:52

For triggering reveal modals from Foundation 4 in WordPress. I'm using this to pop post content out of the post list. Add reveal_trigger() to the container who's links will trigger the reveal modal inside the loop. This is probably <article>. Use reveal_content() at the end of the loop. It calls a template part for the content of the modal. I cr…

	function reveal_trigger() {
	$id = get_the_id();
	$modalID = 'mod'.$id;
	echo 'data-reveal-id="'.$modalID.'"';
	}
	function reveal_content($size, $part1, $part2) {
	$id = get_the_id();
	$modalID = 'mod'.$id;

	echo '<div id="'.$modalID.'" class="reveal-modal '.$size.'">';

Shelob9 / foundation-shortcodes.php

Created May 27, 2013 22:07

2 WordPress shortcodes for use with Foundation. One for tooltips and one for blockquotes. Check out https://github.com/drewsymo/Foundation/blob/master/inc/shortcodes.php for some good grid shortcodes.

	//shortcode for tool-tip drop-down
	// [tooltip dropdown="What goes in drop down"]content[/tooltip]
	function jp_tooltip($atts, $content = null) {
	extract(shortcode_atts(array(
	'dropdown' => ' '
	), $atts));

	return '<span data-tool-tip class="has-tip" title="'.$dropdown.'">'.$content.'</span>';
	}
	add_shortcode("tooltip", "jp_tooltip");

Shelob9 / orbit-arrow-flash.js

Created May 28, 2013 07:35

CSS to make the Orbit slider in Foundation 4 less obtrusive to content, but a little more noticeable when hovering over the arrows, and jQuery to make the arrows flash on mouseover over .orbit-container so the user notices it's a slider.

	$('.orbit-container').hover(function () {
	$('.orbit-prev').fadeOut("medium");
	$('.orbit-next').fadeOut("medium");
	$('.orbit-prev').fadeIn("medium");
	$('.orbit-next').fadeIn("medium");

	});

Shelob9 / alert-box-function.php

Last active December 18, 2015 00:18

Foundation alert code short code and function. Automatically adds .alert-box, optional additional classes and thing to close alert. Default text also set. http://foundation.zurb.com/docs/components/alert-boxes.html

	function slug_alert_box($content,$class) {
	if ($content == '') {
	//use this to set a default alert or take out to allow shortcodes without content to be just blank boxes.
	$content = 'DEFAULT ALERT TEXT';
	}
	if ($class == '') {
	$classes = 'alert-box';
	}
	else {
	$class = 'alert-box '.$class;

Shelob9 / foundation-interchange.php

Last active July 31, 2023 16:01

Function to use Foundation's Interchange to make WordPress images automatically responsive. Also included is a function to add Interchange to the theme if Foundation is not already being used. http://foundation.zurb.com/docs/components/interchange.html

	add_filter('post_thumbnail_html', 'slug_responsive_img', 5, 5);
	//Image sizes for Interchange
	add_image_size( 'fd-lrg', 1024, 99999);
	add_image_size( 'fd-med', 768, 99999);
	add_image_size( 'fd-sm', 320, 9999);

	function slug_responsive_img($html, $post_id, $post_thumbnail_id, $size, $attr) {
	//make image links
	$attachment_id = $post_thumbnail_id;
	$default = wp_get_attachment_image_src($attachment_id);

Shelob9 / bad.htm

Last active December 19, 2015 03:49

Adding WordPress to Foundation, the right and wrong ways.

	<script>
	document.write('<script src=/js/vendor/'
	+ ('__proto__' in {} ? 'zepto' : 'jquery')
	+ '.js><\/script>');
	</script>
	<script src="/js/foundation.min.js"></script>
	<script>
	$(document).foundation();
	</script>

Shelob9 / foundation-collapse-topbar.js

Created July 17, 2013 04:32

jQuery function to collapse Foundation's Topbar when clicking on an item. I got this from looking at lines 174-176 of Foundation's topbar.js. Notes: 1) The .page_item selector is added by WordPress, not Foundation, you will need to change this if not using WordPress. 2) This can makes problems for multi-level menus. 3) To apply this to only one …

Shelob9 / jquery.sidr.min.js

Created July 26, 2013 01:59

JQuery sidr plugin by Alberto Varela with a fix for compaatiblity with jQuery 1.8+ by MaddinXx (https://github.com/MaddinXx) all nice and minimized for you. (c) 2013 Alberto Varela. MIT License. https://github.com/artberri/sidr

	/*
	* Sidr
	* https://github.com/artberri/sidr
	*
	* Copyright (c) 2013 Alberto Varela
	* Licensed under the MIT license.
	*
	* Using fixed version (curtesy of MaddinXx) compatible with jQuery 1.8+ found at: https://raw.github.com/MaddinXx/sidr/master/src/jquery.sidr.js
	* tested with jQuery 1.10.2
	*/

	$('.page_item').click(function() {
	$('.top-bar, [data-topbar]').css('height', '').removeClass('expanded');
	});

Josh Pollock Shelob9