/dotcomchrome

Header and footer for mbta.com site

Primary LanguageHTML

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.