brianblakely/gist:581868

## gistfile1.html
<!DOCTYPE html>

<!-- Helpful things to keep in your <head/>
  // Brian Blakely, 360i
  // http://twitter.com/brianblakely/
-->
  <head>

    <!-- Disable automatic DNS prefetching.

    	 WARNING: THIS MAY MAKE YOUR SITE SLOWER IF YOU RELY ON RESOURCES FROM FOREIGN DOMAINS. -->
	<meta http-equiv="x-dns-prefetch-control" content="off">

	<!-- Make a DNS handshake with a foreign domain before the user needs to access it.
		 This happens in parallel with other connections, and can speed up your site.

		 More information: https://github.com/paulirish/html5-boilerplate/wiki/DNS-Prefetching -->
	<link rel="dns-prefetch" href="//example.com">

    <!-- According to Heather Champ, former community manager at flickr,
         you should not allow search engines to index your "Contact Us"
         or "Complaints" page if you value your sanity. This is an HTML-
         centric way of achieving that.

         WARNING: DO NOT INCLUDE ON PAGES THAT SHOULD APPEAR IN SEARCH ENGINES. -->
    <meta name="robots" content="noindex" />

    <!-- Suppress IE6's pop-up-on-mouseover toolbar for images, that can
         interfere with certain designs. -->
    <meta http-equiv="imagetoolbar" content="false" />


    <!-- IE9 Pinned Site Settings!
         Documentation: http://msdn.microsoft.com/en-ca/library/gg131029(VS.85).aspx
         See the documentation for JavaScript APIs, as well. -->

    <!-- Pinned site name, as Windows sees it - this will be the page title
         by default, unless you include this rule. -->
    <meta name="application-name" content="Sample Title" />

    <!-- Pinned shortcuts also get a tooltip - this is it. -->
    <meta name="msapplication-tooltip" content="A description of what this site does." />

    <!-- If the site should go to a specific URL when it is pinned (such as
         the homepage), enter it here.
         One idea is to send it to a special URL so you can track # of pinned users,
         like so: http://www.example.com/index.html?pinned=true -->
    <meta name="msapplication-starturl" content="" />

    <!-- IE9 will automatically use the overall color of your site's favicon to
         shade its browser buttons.  UNLESS you give it another color here.
         Only use named colors ("red") or hex colors ("#f00"). -->
    <meta name="msapplication-navbutton-color" content=""/>

    <!-- If the site should open at a certain window size once
         pinned, you can specify the dimensions here.
         It only supports static pixel dimensions. 800x600 minimum. -->
    <meta name="msapplication-window" content="width=800;height=600"/>

    <!-- Define Jump List tasks that will appear when the pinned site's
         icon gets a right-click. Each "task" goes to the specified URL,
         and gets its own mini icon (essentially a favicon, a 16x16 .ICO). -->
    <meta name="msapplication-task" content="name=Task 1;action-uri=http://host/Page1.html;icon-uri=http://host/icon1.ico"/>
    <meta name="msapplication-task" content="name=Task 2;action-uri=http://microsoft.com/Page2.html;icon-uri=http://host/icon2.ico"/>


    <!-- Facebook will use the following data to represent your site
         when it is shared.
         Facebook documentation (includes info on sharing more specific
         media types): http://developers.facebook.com/docs/share -->
    <meta property="og:title" content="" />
    <meta property="og:description" content="" />
    <meta property="og:image" content="" />

    <!-- Signal to search engines and others "Use this URL for this page!"
         Useful when URLs are dynamically generated. -->
    <link rel="canonical" href="" />

    <!-- Signal to the world "This is the shortURL for this page!"
         Poorly supported at this time.

         http://microformats.org/wiki/rel-shortlink -->
    <link rel="shortlink" href="" />


    <!-- Sites with search functionality should be strongly considered for a
         browser search plugin.

         How to make a browser search plugin:
         http://www.google.com/search?ie=UTF-8&q=how+to+make+browser+search+plugin -->
    <link rel="search" title="" type="application/opensearchdescription+xml" href="" />

    <!-- Direct search spiders to your sitemap.
    	 Learn to make a sitemap here: http://www.sitemaps.org/protocol.php -->
    <link rel="sitemap" type="application/xml" title="Sitemap" href="/sitemap.xml">

    <!-- Have an RSS feed? Link to it here.
    	 Learn how to write your own: http://www.rssboard.org/rss-specification -->
    <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml">

    <!-- Or maybe you have an Atom feed?
    	 See what that's all about: http://www.atomenabled.org/developers/protocol/ -->
    <link rel="alternate" type="application/x.atom+xml" title="Atom" href="/atom.xml">

    <!-- Your server may be notified when another site links to yours.
    	 The href attribute should contain the location of your pingback service.

    	 * High-level explanation: http://codex.wordpress.org/Introduction_to_Blogging#Pingbacks

    	 * Step-by-step example case: http://www.hixie.ch/specs/pingback/pingback-1.0#TOC5

    	 * PHP pingback service:
    	   http://blog.perplexedlabs.com/2009/07/15/xmlrpc-pingbacks-using-php/ -->
    <link rel="pingback" href="">

  </head>

  <body>


    <!--  ... -->


    <!-- Let's help Mother Nature and link to a local copy of jQuery
         until our project is ready for launch. -->
    <!--script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script-->
    <script src="js/jquery.js"></script>

    <!-- jQuery Lint for the performance-tweaking stages of your project.
         Notifies of inefficient selectors and other ego-breaking things.

         WARNING: THIS CAN BREAK STUFF IN IE.
                  TAKE IT OUT WHEN YOU MOVE TO DEBUGGING. -->
    <script src="js/jquery.lint.js"></script>

  </body>
	<!DOCTYPE html>

	<!-- Helpful things to keep in your <head/>
	// Brian Blakely, 360i
	// http://twitter.com/brianblakely/
	-->
	<head>

	<!-- Disable automatic DNS prefetching.

	WARNING: THIS MAY MAKE YOUR SITE SLOWER IF YOU RELY ON RESOURCES FROM FOREIGN DOMAINS. -->
	<meta http-equiv="x-dns-prefetch-control" content="off">

	<!-- Make a DNS handshake with a foreign domain before the user needs to access it.
	This happens in parallel with other connections, and can speed up your site.

	More information: https://github.com/paulirish/html5-boilerplate/wiki/DNS-Prefetching -->
	<link rel="dns-prefetch" href="//example.com">

	<!-- According to Heather Champ, former community manager at flickr,
	you should not allow search engines to index your "Contact Us"
	or "Complaints" page if you value your sanity. This is an HTML-
	centric way of achieving that.

	WARNING: DO NOT INCLUDE ON PAGES THAT SHOULD APPEAR IN SEARCH ENGINES. -->
	<meta name="robots" content="noindex" />

	<!-- Suppress IE6's pop-up-on-mouseover toolbar for images, that can
	interfere with certain designs. -->
	<meta http-equiv="imagetoolbar" content="false" />


	<!-- IE9 Pinned Site Settings!
	Documentation: http://msdn.microsoft.com/en-ca/library/gg131029(VS.85).aspx
	See the documentation for JavaScript APIs, as well. -->

	<!-- Pinned site name, as Windows sees it - this will be the page title
	by default, unless you include this rule. -->
	<meta name="application-name" content="Sample Title" />

	<!-- Pinned shortcuts also get a tooltip - this is it. -->
	<meta name="msapplication-tooltip" content="A description of what this site does." />

	<!-- If the site should go to a specific URL when it is pinned (such as
	the homepage), enter it here.
	One idea is to send it to a special URL so you can track # of pinned users,
	like so: http://www.example.com/index.html?pinned=true -->
	<meta name="msapplication-starturl" content="" />

	<!-- IE9 will automatically use the overall color of your site's favicon to
	shade its browser buttons. UNLESS you give it another color here.
	Only use named colors ("red") or hex colors ("#f00"). -->
	<meta name="msapplication-navbutton-color" content=""/>

	<!-- If the site should open at a certain window size once
	pinned, you can specify the dimensions here.
	It only supports static pixel dimensions. 800x600 minimum. -->
	<meta name="msapplication-window" content="width=800;height=600"/>

	<!-- Define Jump List tasks that will appear when the pinned site's
	icon gets a right-click. Each "task" goes to the specified URL,
	and gets its own mini icon (essentially a favicon, a 16x16 .ICO). -->
	<meta name="msapplication-task" content="name=Task 1;action-uri=http://host/Page1.html;icon-uri=http://host/icon1.ico"/>
	<meta name="msapplication-task" content="name=Task 2;action-uri=http://microsoft.com/Page2.html;icon-uri=http://host/icon2.ico"/>


	<!-- Facebook will use the following data to represent your site
	when it is shared.
	Facebook documentation (includes info on sharing more specific
	media types): http://developers.facebook.com/docs/share -->
	<meta property="og:title" content="" />
	<meta property="og:description" content="" />
	<meta property="og:image" content="" />

	<!-- Signal to search engines and others "Use this URL for this page!"
	Useful when URLs are dynamically generated. -->
	<link rel="canonical" href="" />

	<!-- Signal to the world "This is the shortURL for this page!"
	Poorly supported at this time.

	http://microformats.org/wiki/rel-shortlink -->
	<link rel="shortlink" href="" />


	<!-- Sites with search functionality should be strongly considered for a
	browser search plugin.

	How to make a browser search plugin:
	http://www.google.com/search?ie=UTF-8&q=how+to+make+browser+search+plugin -->
	<link rel="search" title="" type="application/opensearchdescription+xml" href="" />

	<!-- Direct search spiders to your sitemap.
	Learn to make a sitemap here: http://www.sitemaps.org/protocol.php -->
	<link rel="sitemap" type="application/xml" title="Sitemap" href="/sitemap.xml">

	<!-- Have an RSS feed? Link to it here.
	Learn how to write your own: http://www.rssboard.org/rss-specification -->
	<link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml">

	<!-- Or maybe you have an Atom feed?
	See what that's all about: http://www.atomenabled.org/developers/protocol/ -->
	<link rel="alternate" type="application/x.atom+xml" title="Atom" href="/atom.xml">

	<!-- Your server may be notified when another site links to yours.
	The href attribute should contain the location of your pingback service.

	* High-level explanation: http://codex.wordpress.org/Introduction_to_Blogging#Pingbacks

	* Step-by-step example case: http://www.hixie.ch/specs/pingback/pingback-1.0#TOC5

	* PHP pingback service:
	http://blog.perplexedlabs.com/2009/07/15/xmlrpc-pingbacks-using-php/ -->
	<link rel="pingback" href="">

	</head>

	<body>



	<!-- ... -->



	<!-- Let's help Mother Nature and link to a local copy of jQuery
	until our project is ready for launch. -->
	<!--script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script-->
	<script src="js/jquery.js"></script>

	<!-- jQuery Lint for the performance-tweaking stages of your project.
	Notifies of inefficient selectors and other ego-breaking things.

	WARNING: THIS CAN BREAK STUFF IN IE.
	TAKE IT OUT WHEN YOU MOVE TO DEBUGGING. -->
	<script src="js/jquery.lint.js"></script>

	</body>