Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mbta/dotcomchrome
Header and footer for mbta.com site
https://github.com/mbta/dotcomchrome
Last synced: about 1 month ago
JSON representation
Header and footer for mbta.com site
- Host: GitHub
- URL: https://github.com/mbta/dotcomchrome
- Owner: mbta
- Created: 2018-06-18T14:26:36.000Z (over 6 years ago)
- Default Branch: main
- Last Pushed: 2023-07-27T19:55:31.000Z (over 1 year ago)
- Last Synced: 2023-07-27T20:44:38.365Z (over 1 year ago)
- Language: HTML
- Size: 4.93 MB
- Stars: 1
- Watchers: 29
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://www.github.com/mbta/dotcom) and described in detail in [https://www.notion.so/mbta-downtown-crossing/Headerfooter-e147234029a045afab4ece4dcf41a087](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`](head.html) and [`scripts.html`](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`](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.