Header and Footer Templates for mbta.com
The contents of this repository are generated manually by a script, currently in the export-headerfooter
branch on Dotcom and described in detail in https://www.notion.so/mbta-downtown-crossing/Headerfooter-e147234029a045afab4ece4dcf41a087.
Directory Structure
Files generated via mix export.header_footer
task run in the Dotcom repository. Hash numbers in filenames subject to change.
fonts/
| (all font files)**
|
images/
| (images)**
|
languages/
| (contains translated content - WIP)
|
favicon.ico**
footer.html**
head.html**
header.b2fee8c6f272e94d70dd.js**
header.b2fee8c6f272e94d70dd.js.map**
header.html**
index.html
index.njk
README.md
scripts.html**
styles.105dc30b074592c46ad9.css**
styles.105dc30b074592c46ad9.css.map**
styles.1d0bb3f99e53cb784f6b.min.css**
styles.1d0bb3f99e53cb784f6b.min.css.map**
head.html
and scripts.html
will always link to the latest minified JS and CSS.
How to preview
npm install
npm run copy-assets
npm run preview
The index.njk
file in the preview
folder holds a template containing a skeleton HTML page for displaying the header and footer - you'll need to compile and view it using a webserver for it to display properly.