Permalink
Switch branches/tags
Nothing to show
Find file
Fetching contributors…
Cannot retrieve contributors at this time
142 lines (87 sloc) 4.12 KB
<!doctype html>
<!--[!
MADE BY PAUL IRISH
<input type="color"> OH SHIT YES I DID.
all <3 goes to david desandro, who popularized this and many other amazing things.
it probably needs more features too. you can help: http://github.com/paulirish/mothereffingtextshadow
-->
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]> <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]> <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]> <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
Remove this if you use the .htaccess -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>MOTHER EFFING TEXT-SHADOW</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Mobile viewport optimized: j.mp/bplateviewport -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Place favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<!-- CSS : implied media="all" -->
<link rel="stylesheet" href="css/style.css?v=2">
<!-- Range Element -->
<link rel="stylesheet" href="html5widgets/css/slider.css">
<!--[if lte IE 6]>
<link rel="stylesheet" href="html5widgets/css/slider_ie.css">
<![endif]-->
<!-- Uncomment if you are specifically targeting less enabled mobile browsers
<link rel="stylesheet" media="handheld" href="css/handheld.css?v=2"> -->
<!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
<script src="js/libs/modernizr-1.6pre.js"></script>
</head>
<body>
<fieldset>
<input type="range" id="lenSE" min="0" max="50" value="11">
<input type="range" id="lenSW" min="0" max="50" value="0">
<input type="range" id="lenNW" min="0" max="50" value="0">
<input type="range" id="lenNE" min="0" max="50" value="0">
<input type=color>
<label><input type=checkbox> wtf</label>
<button>all the way</button>
<button>3D</button>
</fieldset>
<h1 contenteditable>MOTHER EFFING TEXT-SHADOW</h1>
<textarea></textarea>
<div class="presetwrap">
<h3 class="presets">My Presets <small>[<a href="#">save new preset</a>]</small></h3>
<ol>
</ol>
</div>
<br><br><tt>Made by <a href=http://paulirish.com>Paul Irish</a></tt>
<!-- Javascript at the bottom for fast page loading -->
<!-- Grab Google CDN's jQuery. fall back to local if necessary -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
<script>!window.jQuery && document.write(unescape('%3Cscript src="js/libs/jquery-1.4.2.js"%3E%3C/script%3E'))</script>
<!-- scripts concatenated and minified via ant build script-->
<script src="js/plugins.js"></script>
<!-- Color Element -->
<script src="js/mylibs/jscolor/jscolor.js"></script>
<script src="js/mylibs/frequency-decoder.com/slider.js"></script>
<script src="js/mylibs/EventHelpers.js"></script>
<script src="js/mylibs/html5Widgets.js"></script>
<script src="js/script.js"></script>
<!-- end concatenated and minified scripts-->
<!--[if lt IE 7 ]>
<script src="js/libs/dd_belatedpng.js"></script>
<script> DD_belatedPNG.fix('img, .png_bg'); //fix any <img> or .png_bg background-images </script>
<![endif]-->
<!-- asynchronous google analytics: mathiasbynens.be/notes/async-analytics-snippet
change the UA-XXXXX-X to be your site's ID -->
<script>
var _gaq = [['_setAccount', 'UA-18857974-1'], ['_trackPageview']];
(function(d, t) {
var g = d.createElement(t),
s = d.getElementsByTagName(t)[0];
g.async = true;
g.src = ('https:' == location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
s.parentNode.insertBefore(g, s);
})(document, 'script');
</script>
</body>
</html>