Last active
August 29, 2015 13:58
-
-
Save iTonyYo/10019200 to your computer and use it in GitHub Desktop.
Layout(fixed and responsive) template with jade template engine. Jade ' extends ' allows you to use the contents with another jade file simply.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| mixin ie (sCondition, eCondition) | |
| |<!--[!{sCondition}> | |
| block | |
| |<!!{eCondition}]--> | |
| doctype html | |
| <!--[if IE 7]><html class="ie ie7 ie-lt10 ie-lt9 ie-lt8 no-js" lang="zh"><![endif]--> | |
| <!--[if IEMobile 7]><html class="no-js iem7" lang="zh" itemscope itemtype="http://schema.org/WebPage" manifest='../manifest.appcache'><![endif]--> | |
| <!--[if IE 8]><html class="ie ie8 ie-lt10 ie-lt9 no-js" lang="zh"><![endif]--> | |
| <!--[if IE 9]><html class="ie ie9 ie-lt10 no-js" lang="zh" itemscope itemtype="http://schema.org/WebPage"><![endif]--> | |
| <!--[if (gt IE 9)|(gt IEMobile 7)|!(IEMobile)]><!--> | |
| html(class="no-js", lang="zh", itemscope itemtype="http://schema.org/WebPage", manifest='../manifest.appcache') | |
| <!--<![endif]--> | |
| head | |
| // | |
| Maybe we can remove meta charset. | |
| Use the server configs or sets the proper value for the HTTP header. | |
| https://github.com/h5bp/html5-boilerplate/pull/1520 | |
| meta(charset='utf-8') | |
| meta(target='_self') | |
| block title | |
| // Pre-Resolve DNS Snippet | |
| include ../snippet/pre.resolve.dns.jade | |
| // Offical: IE = EmulateIE7, IE = 10, IE = edge, chrome = 1 | |
| meta(http-equiv='X-UA-Compatible', content='ie=edge, chrome=1') | |
| // | |
| IOS Safari: Fixed in iOS 7.1 beta 2, A property, minimal-ui, has been added for | |
| the viewport meta tag key that allows minimizing the top and bottom bars on the | |
| iPhone as the page loads. While on a page using minimal-ui, tapping the top bar | |
| brings the bars back. Tapping back in the content dismisses them again. | |
| Reference, | |
| http://www.everythingicafe.com/forum/threads/lets-talk-ios-7-1-beta-2.104595/ | |
| meta(name='viewport', content='width = device-width, initial-scale = 1, minimal-ui') | |
| meta(name='HandheldFriendly', content='true') | |
| // Microsoft introduced the MobileOptimized tag for the PocketPC | |
| meta(name='MobileOptimized', content='320') | |
| // | |
| Mobile Internet Explorer allows us to activate ClearType technology for | |
| smoothing fonts for easy reading | |
| meta(http-equiv='cleartype', content='on') | |
| link(rel='canonical', href='') | |
| meta(name='url', content='') | |
| meta(name='identifier-URL', content='') | |
| meta(name='linkage', content='') | |
| // production: content = "all"; development: content = "none". | |
| meta(name='Robots', content='none') | |
| // production: content = "public"; development: content = "no-cache". | |
| meta(http-equiv='cache-control', content='no-cache') | |
| // production: content = "max-age"; development: content = "0". | |
| meta(http-equiv='expires', content='0') | |
| meta(http-equiv='windows-Target', content='_top') | |
| meta(name='keywords', content='') | |
| meta(name='description', content='') | |
| meta(name='copyright', content='') | |
| // Site Icon | |
| include ../snippet/site.icon.meta.jade | |
| // Apple Meta Tag | |
| include ../snippet/apple.meta.jade | |
| link(rel='author', type='text/plain', href='') | |
| // Public stylesheet snippet. | |
| include ../snippet/public.stylesheet.jade | |
| // Private stylesheet snippet. | |
| block private-stylesheet | |
| // Public script snippet. | |
| include ../snippet/public.script.jade | |
| body | |
| block content | |
| block private-script | |
| include ../snippet/google.analytics.jade |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment