sass-site/source/layouts/layout.haml
2019-12-18 16:26:35 -08:00

183 lines
7.8 KiB
Plaintext

!!!5
%html.no-js(lang='en'){class: data.page.head_classes}
%head
%meta(charset='utf-8')
%meta(http-equiv='X-UA-Compatible' content='IE=edge')
%title= page_title
%meta(name='description' content='Syntatically Awesome Style Sheets')
%meta(name='viewport' content='width=device-width, initial-scale=1')
%link(rel="alternate" type="application/atom+xml" href="/feed.xml")
= stylesheet_link_tag 'https://fonts.googleapis.com/css?family=Source+Code+Pro|Source+Sans+Pro:300,400,600|Source+Serif+Pro'
= stylesheet_link_tag 'https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css'
= stylesheet_link_tag 'sass'
= yield_content :css
%noscript= stylesheet_link_tag 'noscript'
-# Old version of analytics (https://developers.google.com/analytics/devguides/collection/gajs/).
:javascript
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-535380-8']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
-# New version of analytics (https://developers.google.com/analytics/devguides/collection/analyticsjs/).
:javascript
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-535380-14', 'sass-lang.com');
ga('send', 'pageview');
= yield_content :js_head
%body{class: page_classes}
/[if lt IE 9]
%p.browserupgrade
You are using an
%strong outdated
browser. Please
= link_to 'upgrade your browser', 'https://browsehappy.com/'
to improve your experience and security.
.sl-c-alert.sl-c-alert--info
.sl-l-container
%p
%strong Sass just launched a brand new module system.
= succeed '!' do
= link_to '/blog/the-module-system-is-launched' do
Learn all about it on the Sass blog
.sl-c-pop-stripe
%header.sl-r-banner(itemtype='http://schema.org/WPHeader' itemscope='itemscope' role='banner')
.sl-c-alert.sl-c-alert--info
.sl-l-container
%p
Sass just launched a brand new module system.
= succeed '!' do
= link_to '/blog/the-module-system-is-launched' do
Learn all about the module system on the Sass blog
.sl-c-pop-stripe
.sl-l-container
.sl-l-grid.sl-l-grid--full.sl-l-large-grid--fit.sl-l-large-grid--center.sl-l-large-grid--gutters
%p.sl-l-grid__column.sl-r-banner__brand
= link_to '/' do
= image_tag 'logos/logo.svg', alt: 'Sass', height: '48'
%nav.sl-r-banner__navigation.sl-l-grid__column.sl-l-large-grid.sl-l-large-grid__column--auto-size.sl-c-list-horizontal-wrapper(itemtype='http://schema.org/SiteNavigationElement' itemscope='itemscope' role='navigation' aria-label='Site navigation')
:markdown
- [Install](/install)
- [Learn Sass](/guide)
- [Blog](/blog)
- [Documentation](/documentation)
- [Get Involved](/community)
- <label class="visuallyhidden" for="s">Search</label><input placeholder='Search' class='search' type='text' id="s" name="s">
%main{:class => "content", :id => "main-content"}(itemprop='mainContentOfPage' role='main')
%h1.sl-l-container
- if current_page.data.h1?
= Typogruby.improve(current_page.data.h1)
- elsif current_page.data.title
= Typogruby.improve(current_page.data.title)
- section_class = ''
- unless current_page.data.h1 == 'CSS with superpowers'
- section_class = 'sl-l-section'
.sl-l-container.sl-background--white{class: section_class}= yield
.sl-c-alert
.sl-l-container.sl-c-list-horizontal-wrapper(aria-labelledby='release-nav')
%ul.sl-l-grid--justify-center
%li#release-nav
Current Releases:
%li
%span.release-name<
= link_to 'Dart Sass', '/dart-sass'
-# Force space between the two links.
&#32;
= link_to impl_version(:dart) || '???', release_url(:dart)
%li
%span.release-name<
= link_to 'LibSass', '/libsass'
-# Force space between the two links.
&#32;
= link_to impl_version(:libsass) || '???', release_url(:libsass)
%li
%span.release-name<
= link_to 'Ruby Sass', '/ruby-sass'
-# Force space between the link and the coffin.
%span(role='presentation' aria-label='coffin')
&#32; ⚰
%li.sl-l-grid__column.sl-l-large-grid__column--auto-size
= link_to 'Implementation Guide', '/implementation'
- if content_for?(:section_bottom)
%section.sl-background--white.sl-l-container= Typogruby.improve(yield_content :section_bottom)
%footer.site-footer.contentinfo(itemtype='http://schema.org/WPFooter' itemscope='itemscope' role='contentinfo')
.sl-l-container.sl-l-section
.sl-l-grid.sl-l-grid--full.sl-l-large-grid--fit.sl-l-large-grid--center.sl-l-large-grid--gutters
.sl-l-grid__column
:markdown
Sass &copy; 2006&ndash;#{Date.today.year} [Hampton Catlin][hampton],
[Natalie Weizenbaum][natalie], [Chris Eppstein][chris],
[Jina Anne][jina], and numerous contributors. It is available for use
and modification under the [MIT&nbsp;License][license].
[hampton]: https://github.com/hcatlin
[natalie]: https://twitter.com/nex3
[chris]: http://chriseppstein.github.io/
[jina]: https://www.sushiandrobots.com
[license]: https://github.com/sass/dart-sass/blob/master/LICENSE
%nav.sl-c-list-horizontal-wrapper
:markdown
- [Sass on GitHub](https://github.com/sass)
- [Website Source Code](https://github.com/sass/sass-site)
- [Style Guide](/styleguide)
- [Community Guidelines](/community-guidelines)
.sl-l-grid__column.sl-l-large-grid__column--auto-size.sl-l-large-grid--justify-right
%a.twitter-follow-button(href='https://twitter.com/SassCSS' data-show-count='false' data-size='large')
Follow @SassCSS
:javascript
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
= javascript_include_tag 'https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js'
:javascript
docsearch({
apiKey: 'a409ff5d6a2476083c1a8dd1f8c04ec5',
indexName: 'sass-lang',
inputSelector: 'input.search',
transformData: function(hits) {
var domain = window.location.origin + "/";
hits.forEach(function(hit) {
if (!hit.url.startsWith(domain)) {
hit.url = hit.url.replace(/^https?:\/\/[^\/]+\//, domain);
}
});
return hits;
},
debug: false
});
= javascript_include_tag 'sass'
= yield_content :js_foot