[Docs] A footer.
This commit is contained in:
parent
897649757f
commit
665dacf637
@ -4,6 +4,8 @@
|
|||||||
|
|
||||||
@import defaults
|
@import defaults
|
||||||
@import slideshow
|
@import slideshow
|
||||||
|
@import compass/layout
|
||||||
|
@import compass/utilities
|
||||||
|
|
||||||
/* @group STRUCTURE
|
/* @group STRUCTURE
|
||||||
|
|
||||||
@ -132,13 +134,27 @@ aside[role="sidebar"]
|
|||||||
+leader(1,14px)
|
+leader(1,14px)
|
||||||
+trailer(1,14px)
|
+trailer(1,14px)
|
||||||
|
|
||||||
|
$footer-height: 4em + $base-rhythm-unit
|
||||||
|
+sticky-footer($footer-height, "#wrap", "#wrap-footer", "footer")
|
||||||
|
|
||||||
footer[role="contentinfo"]
|
footer[role="contentinfo"]
|
||||||
+container
|
+container
|
||||||
+leader(3)
|
// This height adjustment is because of the leading border
|
||||||
|
height: $footer-height - $base-rhythm-unit
|
||||||
color: #999999
|
color: #999999
|
||||||
.license
|
+leading-border(2px)
|
||||||
+full
|
.legalese
|
||||||
|
+columns(3)
|
||||||
|
+alpha
|
||||||
+adjust-font-size-to(14px)
|
+adjust-font-size-to(14px)
|
||||||
|
p
|
||||||
|
margin: 0 0 1em 0
|
||||||
|
.links
|
||||||
|
+columns(9)
|
||||||
|
+omega
|
||||||
|
+adjust-font-size-to(14px)
|
||||||
|
ul
|
||||||
|
+horizontal-list
|
||||||
|
|
||||||
/* @end
|
/* @end
|
||||||
|
|
||||||
|
19
doc-src/layouts/basic.haml
Normal file
19
doc-src/layouts/basic.haml
Normal file
@ -0,0 +1,19 @@
|
|||||||
|
!!!5
|
||||||
|
- # This template is just the stuff until the body tag.
|
||||||
|
%html.no-js{:dir => "ltr", :lang => "en"}
|
||||||
|
%head
|
||||||
|
%meta{:charset => "utf-8"}/
|
||||||
|
%meta{:content => "chrome=1", "http-equiv" => "X-UA-Compatible"}
|
||||||
|
%link(rel="shortcut icon" type="image/png" href="/docs/images/compass_icon.png")
|
||||||
|
%title
|
||||||
|
#{@item[:title]} | Compass Documentation
|
||||||
|
<!--[if !IE 6]><!-->
|
||||||
|
%link{:charset => "utf-8", :href => "/docs/stylesheets/screen.css", :rel => "stylesheet", :type => "text/css"}
|
||||||
|
<!--<![endif]-->
|
||||||
|
/[if gte IE 7]
|
||||||
|
%link{:charset => "utf-8", :href => "/docs/stylesheets/ie.css", :rel => "stylesheet", :type => "text/css"}
|
||||||
|
/[if IE 6]
|
||||||
|
%link{:charset => "utf-8", :href => "http://universal-ie6-css.googlecode.com/files/ie6.0.3.css", :rel => "stylesheet", :type => "text/css"}
|
||||||
|
- if @item[:content_for_additional_css]
|
||||||
|
%style(type="text/css")= @item[:content_for_additional_css]
|
||||||
|
%body{body_attributes(@item)}= yield
|
@ -1,21 +1,5 @@
|
|||||||
!!!5
|
- render "basic" do
|
||||||
%html.no-js{:dir => "ltr", :lang => "en"}
|
#wrap
|
||||||
%head
|
|
||||||
%meta{:charset => "utf-8"}/
|
|
||||||
%meta{:content => "chrome=1", "http-equiv" => "X-UA-Compatible"}
|
|
||||||
%link(rel="shortcut icon" type="image/png" href="/docs/images/compass_icon.png")
|
|
||||||
%title
|
|
||||||
#{@item[:title]} | Compass Documentation
|
|
||||||
<!--[if !IE 6]><!-->
|
|
||||||
%link{:charset => "utf-8", :href => "/docs/stylesheets/screen.css", :rel => "stylesheet", :type => "text/css"}
|
|
||||||
<!--<![endif]-->
|
|
||||||
/[if gte IE 7]
|
|
||||||
%link{:charset => "utf-8", :href => "/docs/stylesheets/ie.css", :rel => "stylesheet", :type => "text/css"}
|
|
||||||
/[if IE 6]
|
|
||||||
%link{:charset => "utf-8", :href => "http://universal-ie6-css.googlecode.com/files/ie6.0.3.css", :rel => "stylesheet", :type => "text/css"}
|
|
||||||
- if @item[:content_for_additional_css]
|
|
||||||
%style(type="text/css")= @item[:content_for_additional_css]
|
|
||||||
%body{body_attributes(@item)}
|
|
||||||
%nav#skip-links
|
%nav#skip-links
|
||||||
%a{:href => "#content"} skip to content
|
%a{:href => "#content"} skip to content
|
||||||
%header#banner{:role => "banner"}
|
%header#banner{:role => "banner"}
|
||||||
@ -53,6 +37,8 @@
|
|||||||
- if @item[:content_for_module_nav]
|
- if @item[:content_for_module_nav]
|
||||||
%nav#module-nav= @item[:content_for_module_nav]
|
%nav#module-nav= @item[:content_for_module_nav]
|
||||||
#page= yield
|
#page= yield
|
||||||
|
#wrap-footer
|
||||||
|
%footer(role="contentinfo")= render "partials/footer"
|
||||||
%script(src="/docs/javascripts/jquery-1.3.2.min.js")
|
%script(src="/docs/javascripts/jquery-1.3.2.min.js")
|
||||||
%script(src="/docs/javascripts/fixups.js" deferred)
|
%script(src="/docs/javascripts/fixups.js" deferred)
|
||||||
= render "partials/analytics"
|
= render "partials/analytics"
|
||||||
|
@ -1,7 +1,11 @@
|
|||||||
.legalese
|
.legalese
|
||||||
%p
|
%p
|
||||||
This website is Copyright © 2010 Christopher Eppstein.<br>
|
:plain
|
||||||
It is licensed under XXX TODO XXX.
|
<a rel="license" href="/docs/copyright/"
|
||||||
|
id="cc-logo"><img alt="Creative Commons License" style="border-width:0"
|
||||||
|
src="http://i.creativecommons.org/l/by-nc-sa/3.0/us/88x31.png" /></a>
|
||||||
|
%br
|
||||||
|
by Christopher M. Eppstein.
|
||||||
- if @item[:content_for_footer]
|
- if @item[:content_for_footer]
|
||||||
%hr
|
%hr
|
||||||
= @item[:content_for_footer]
|
= @item[:content_for_footer]
|
||||||
|
Loading…
Reference in New Issue
Block a user