|
11 | 11 | <title>Compass fancy-hover</title>
|
12 | 12 | <meta content='' name='description'>
|
13 | 13 | <meta content='' name='author'>
|
14 |
| - <meta content='width=device-width, initial-scale=1.0' name='viewport'> |
| 14 | + <!-- %meta{:name =>"viewport", :content => "width=device-width, initial-scale=1.0"} --> |
15 | 15 | <link href='/favicon.ico' rel='shortcut icon'>
|
16 |
| - <link href='/stylesheets/style.css?v=2' rel='stylesheet'> |
| 16 | + <link href='/apple-touch-icon.png' rel='apple-touch-icon'> |
| 17 | + <link href='/stylesheets/style.css?v=1' rel='stylesheet'> |
17 | 18 | <script src='/javascripts/libs/modernizr-1.7.min.js'></script>
|
18 | 19 | </head>
|
19 | 20 | <body>
|
@@ -43,20 +44,41 @@ <h1>Here are some fancy hovers:</h1>
|
43 | 44 | <p>They use <a href="http://www.alistapart.com/articles/understanding-css3-transitions/">CSS3 transitions</a> to ramp the opacity of the hover state. Pretty slick, eh?</p>
|
44 | 45 | </section>
|
45 | 46 | <section>
|
46 |
| - <h1>Here's the <a href="http://compass-style.org/">Compass</a>-generated <a href="http://compass-style.org/help/tutorials/spriting/">spritesheet</a>:</h1> |
| 47 | + <h1>Here's the <a href="http://compass-style.org/">Compass</a> generated <a href="http://compass-style.org/help/tutorials/spriting/">spritesheet</a>:</h1> |
47 | 48 | <div id='sprite'>
|
48 |
| - <img alt='the generated sprite' src='/images/hovertest-7cd2242a05.png'> |
| 49 | + <img alt='Compass-generated spritesheet' src='/images/my_sprites-767a2f24d0.png'> |
49 | 50 | </div>
|
50 | 51 | <p>Didn't have to make this by hand. Thanks Compass!</p>
|
51 | 52 | </section>
|
52 | 53 | <section>
|
53 |
| - <h1> |
54 |
| - Get the source code for this mixin |
55 |
| - <a href='https://gist.github.com/959764'>here</a> |
56 |
| - </h1> |
| 54 | + <h1>Get the source code for this mixin <a href="https://gist.github.com/959764">here</a>.</h1> |
57 | 55 | </section>
|
58 | 56 | </div>
|
59 | 57 | <footer></footer>
|
60 | 58 | </div>
|
| 59 | + <script src='//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js'></script> |
| 60 | + <script> |
| 61 | + //<![CDATA[ |
| 62 | + window.jQuery || document.write("<script src='javascripts/libs/jquery-1.5.1.min.js'>\x3C/script>") |
| 63 | + //]]> |
| 64 | + </script> |
| 65 | + <!-- %script{:src => "/javascripts/plugins.js"} --> |
| 66 | + <!-- %script{:src => "/javascripts/script.js"} --> |
| 67 | + <!--[if lt IE 7 ]> |
| 68 | + <script src='/javascripts/libs/dd_belatedpng.js'></script> |
| 69 | + <script> |
| 70 | + //<![CDATA[ |
| 71 | + DD_belatedPNG.fix("img, .png_bg"); // Fix any <img> or .png_bg bg-images. Also, please read goo.gl/mZiyb |
| 72 | + //]]> |
| 73 | + </script> |
| 74 | + <![endif]--> |
| 75 | + <script> |
| 76 | + //<![CDATA[ |
| 77 | + var _gaq=[["_setAccount","UA-XXXXX-X"],["_trackPageview"]]; |
| 78 | + (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1; |
| 79 | + g.src=("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js"; |
| 80 | + s.parentNode.insertBefore(g,s)}(document,"script")); |
| 81 | + //]]> |
| 82 | + </script> |
61 | 83 | </body>
|
62 | 84 | </html>
|
0 commit comments