Octavio Amuchástegui octavioamu

Adaptive Image Element

This is an unofficial draft spec, not formally endorsed by the WHATWG. It is suitable only for reviewing the details of the proposed element.

	sethrefs = function () {

	if (document.querySelectorAll) {

	var datahrefs = document.querySelectorAll('[data-href]'),
	dhcount = datahrefs.length;

	while (dhcount-- > 0) {

	var ele = datahrefs[dhcount],

	<a target="_blank" href="https://twitter.com/intent/tweet?text=YOUR-TITLE&url=YOUR-URL&via=TWITTER-HANDLE">Tweet</a>

	<a target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=YOUR-URL">Share on Facebook</a>

	<a target="_blank" href="https://plus.google.com/share?url=YOUR-URL">Plus on Google+</a>

	<a target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&url=YOUR-URL&title=YOUR-TITLE&summary=YOUR-SUMMARY&source=YOUR-URL">Share on LinkedIn</a>

	<a target="_blank" href="http://pinterest.com/pin/create/button/?url=YOUR-URL&description=YOUR-DESCRIPTION&media=YOUR-IMAGE-SRC">Pin on Pinterest</a>

	$.fn.extend( {
	limiter: function(limit, elem) {
	$(this).on("keyup focus", function() {
	setCount(this, elem);
	});
	function setCount(src, elem) {
	var chars = src.value.length;
	if (chars > limit) {
	src.value = src.value.substr(0, limit);
	chars = limit;

	{
	"dictionary": "Packages/Language - English/en_US.dic",
	"font_face": "Source Code Pro",
	"font_options":
	[
	"subpixel_antialias"
	],
	"ignored_packages":
	[
	"Vintage"

	<svg height="0" xmlns="http://www.w3.org/2000/svg">
	<filter id="drop-shadow">
	<feGaussianBlur in="SourceAlpha" stdDeviation="2.2"/>
	<feOffset dx="12" dy="12" result="offsetblur"/>
	<feFlood flood-color="rgba(0,0,0,0.5)"/>
	<feComposite in2="offsetblur" operator="in"/>
	<feMerge>
	<feMergeNode/>
	<feMergeNode in="SourceGraphic"/>
	</feMerge>

	$(".collapsible-content").hide();
	$(".collapsible-head").toggle(function(){
	$(this).addClass("active");
	}, function () {
	$(this).removeClass("active");
	});
	$(".collapsible-head").off('click').on('click',function(){
	$(this).next(".collapsible-content").slideToggle(600);
	});

	<!DOCTYPE html>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

	<html>

	<head>
	<title>An HTML5 Layout That Works in IE</title>
	<!--[if lt IE 9]>
	<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
	<![endif]-->

	<nav class="main-nav">
	<ul>
	<li>
	<a href="/escola" title="" class="home">
	<i></i>
	<span>Início</span>
	</a>
	</li>

	<li class="dropdown">