62 lines
2.3 KiB
Plaintext
62 lines
2.3 KiB
Plaintext
|
!!!
|
||
|
|
%html{ :lang => "en" }
|
||
|
|
%head
|
||
|
|
%meta{ :content => "text/html; charset=utf-8", "http-equiv" => "Content-Type" }
|
||
|
|
%title
|
||
|
|
Blueprint Link Icons Sample Page
|
||
|
|
/
|
||
|
|
Framework CSS
|
||
|
|
%link{ :href => "../stylesheets/screen.css", :rel => "stylesheet", :media => "screen, projection", :type => "text/css" }
|
||
|
|
%link{ :href => "../stylesheets/print.css", :rel => "stylesheet", :media => "print", :type => "text/css" }
|
||
|
|
/
|
||
|
|
[if IE]><link rel="stylesheet" href="../stylesheets/ie.css" type="text/css" media="screen, projection"><![endif]
|
||
|
|
%link{ :href => "../stylesheets/link_icons.css", :rel => "stylesheet", :media => "screen, projection", :type => "text/css" }
|
||
|
|
%body
|
||
|
|
.container
|
||
|
|
%h1
|
||
|
|
A Link Icons Example Page
|
||
|
|
%hr
|
||
|
|
%h2.alt
|
||
|
|
This sample page demonstrates what you can do with the Link Icons plugin.
|
||
|
|
%hr
|
||
|
|
.span-12
|
||
|
|
%h3
|
||
|
|
External Links
|
||
|
|
%a{ :href => "http://www.no-such-website.com/" }
|
||
|
|
A Normal External Link
|
||
|
|
%a{ :href => "http://www.google.com" }
|
||
|
|
A Visited External Link
|
||
|
|
%a{ :href => "mailto:donald@duck.com" }
|
||
|
|
An Email Link
|
||
|
|
.span-12.last
|
||
|
|
%h3
|
||
|
|
Document Links
|
||
|
|
%a{ :href => "http://www.no-such-website.com/sample.pdf" }
|
||
|
|
A .pdf Link
|
||
|
|
%a{ :href => "http://www.no-such-website.com/sample.doc" }
|
||
|
|
A .doc Link
|
||
|
|
%a{ :href => "http://www.no-such-website.com/sample.xls" }
|
||
|
|
A .xls Link
|
||
|
|
.span-12
|
||
|
|
%h3
|
||
|
|
Misc Links
|
||
|
|
%a{ :href => "http://www.no-such-website.com/sample.rss" }
|
||
|
|
An RSS Link
|
||
|
|
%a{ :href => "http://www.no-such-website.com/sample.rdf" }
|
||
|
|
An Atom Link
|
||
|
|
%a{ :href => "aim:chatmeup" }
|
||
|
|
A Instant Messenger Link
|
||
|
|
.span-12.last
|
||
|
|
%h3
|
||
|
|
Turning Icons Off
|
||
|
|
%a.noicon{ :href => "http://www.no-such-website.com/" }
|
||
|
|
A Normal External Link
|
||
|
|
%a.noicon{ :href => "http://www.google.com" }
|
||
|
|
A Visited External Link
|
||
|
|
%a.noicon{ :href => "mailto:donald@duck.com" }
|
||
|
|
An Email Link
|
||
|
|
.span-24
|
||
|
|
%p
|
||
|
|
%a.noicon{ :href => "http://validator.w3.org/check?uri=referer" }
|
||
|
|
%img.top{ :src => "valid.png", :height => "31", :alt => "Valid HTML 4.01 Strict", :width => "88" }
|