Skip to content

Instantly share code, notes, and snippets.

@mdw
Created October 30, 2015 09:55
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mdw/18641d6ee48fa9df4fd8 to your computer and use it in GitHub Desktop.
Save mdw/18641d6ee48fa9df4fd8 to your computer and use it in GitHub Desktop.
jade example for website <head> sections, used in grunt-init template
//- head section for pages
- var sizes = ["180x180", "152x152", "144x144", "120x120", "57x57"]
mixin write_apple_favicons(sizes_array)
each s in sizes_array
link(
rel="apple-touch-icon-precomposed"
sizes= s
href="/icon/apple-icon-#{s}.png"
)
head
meta(charset="utf-8")
meta(name="description", content="")
meta(name="viewport", content="width=device-width, initial-scale=1.0")
meta(http-equiv="X-UA-Compatible", content="IE=edge")
block title
title #{company name}
+write_apple_favicons(sizes)
meta(name="msapplication-TileColor", content="ffffff")
meta(name="msapplication-TileImage", content="/icon/ms-icon-144x144.png")
link(rel="icon", sizes="32x32", href="/icon/favicon-32x32.png")
// if lt IE 9
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
block stylesheets
link(rel="stylesheet", href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css")
link(rel="stylesheet", href="css/main.css")
link(rel="stylesheet", media="not print", href="css/mq.css")
link(rel="stylesheet", href="css/animate.css")
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment