boilerplate.md

layout	title	permalink
page	Boilerplate	/boilerplate/

#Boilerplate

Use this template to get up and running fast! It includes:

• Absolute paths to Phila.gov Pattern CSS and Javascript files
• Absolute path to the phila.gov logo
• CDN links to:
  • jQuery
  • Modernizr
  • foundation.min.js
  • Font Awesome
  • Ionicons CSS (optional, font files not included)
• Standard header & footer markup
• Empty div for your main content

##Full-width applications

Change the page wrapper from

to

{% highlight html %}

<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %} | phila.gov</title>
<link rel='icon' type='image/x-icon' href="//cityofphiladelphia.github.io/patterns/images/favicon.ico">
<meta name="description" content="">

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!--Ionicons are optional-->
<link rel="stylesheet" href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">

<!--pattern stylesheet includes foundation css -->
<link rel="stylesheet" href="//cityofphiladelphia.github.io/patterns/dist/{{ site.version }}/css/patterns.css">

<link rel="canonical" href="">

<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.js"></script>

{{ site.patterns | where:"title" : "Header with Breadcrumbs" }}

{{ site.patterns | where:"title" : "Footer" }} <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/foundation/5.5.1/js/foundation.min.js"></script> <script src="//cityofphiladelphia.github.io/patterns/dist/{{ site.version }}/js/patterns.min.js"></script> <script> $(document).foundation(); </script>

{% endhighlight %}