Jonathan Schofield watershed

watershed / A menu experiment with slanting list items for #pfmeet

Created July 13, 2011 12:20

skew_whiff.html

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8" />
	<title>A menu experiment with slanting list items</title>

	<style type="text/css" title="text/css" media="screen">
	<!--

	* {margin: 0; padding: 0;}

watershed / compare_cell_example.html

Created June 4, 2011 07:45

Compare table cell example

	<!-- Example cell with JavaScript on -->
	<td class="linked">
	<a href="/Datasheets/redPOWER_R4/100-400W_RS_series.aspx?" title="View RS datasheet">
	<a title="View RS datasheet" href="/Datasheets/redPOWER_R4/100-400W_RS_series.aspx?">
	<em class="good">Good</em>
	</a>
	</a>
	</td>

	<!-- Same cell with JavaScript off (HTML sent to browser) -->

watershed / add_skip.js

Created February 9, 2011 12:58

Add skip to section links

	// Add skip links to sections
	SECT.add_skip = function() {
	// Create a placeholder we can append to
	var $skip = $('<div class="skip"></div>');

	$('.body .section').each(function(){
	_section = $(this);

	// Check the section has an id we can link to and a subheading
	if (_section.attr('id').length && (_section.find('h2').length > 0) ) {

watershed / sales_vcard.html

Created February 8, 2011 20:45

	<div id="sales" class="sub_banner">
	<div class="max">
	<h2>Contact [CountryName] support</h2>
	<a href="[callback_url]" class="callback">Arrange callback</a>
	<ul class="contacts">
	<li id="hcard-[forename]-[surname]" class="vcard{if usr_region}{if (usr_region != region)} secondary{endif}{endif}">
	<h3 class="fn"><a href="mailto:[forename].[surname]@spilasers.com" class="email" title="Email [Forename]">[Forename] [Surname]</a></h3>
	<ul>
	<li class="img"><img class="photo" src="foo" alt="[Forename] [Surname]"></li>
	{if region}<li class="title">[CountryName] [Region]</li>{endif}

watershed / google_jquery_cdn__fallback.js

Created February 3, 2011 13:25

	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js" type="text/javascript"></script>

	<script type="text/javascript">
	if (typeof jQuery === 'undefined') {
	var e = document.createElement('script');
	e.src = 'js/jquery-1.4.3-min.js';
	e.type='text/javascript';
	document.getElementsByTagName('head')[0].appendChild(e);
	}
	</script>