To get started with Fleet, you’ll need to add the styles. This can be done with:
<!--[if !IE]><!-->
<link rel="stylesheet" type="text/css" href="https://patterns.boston.gov/css/public.css" />
<!--<![endif]-->
<!--[if lt IE 10]>
<link media="all" rel="stylesheet" href="https://patterns.boston.gov/css/ie.css">
<![endif]-->
This will give you all of the fonts that you need as well as all Fleet stylings.
While we strive for no required javascript, there are a few places where it is necessary. Some components like the nav and video use inline scripts. If integrating those, make sure to include those scripts (for now).
Other components can have their scripts included with:
<script src="https://patterns.boston.gov/scripts/all.js"></script>
Boston.gov also provides a prebuilt header / footer layout for use with your applications. This can be used from:
https://www.boston.gov/api/v1/layouts/app
This template needs to be used in a dynamic manner. For example, during an application’s build process, the layout could be downloaded and applied to the application. An example of this can be reviewed on Boston’s 311 website code.
The benefit of adding this into an application is that it will more seamlessly fit within the Boston.gov ecosystem and automatically includes Fleet.