Global Header and Footer used for inclusion within the hudsonpacificproperties.com site.
npm install @modop/hpp-corp-globalbash
npm install @modop/hpp-corp-global -S
`
Local Development
When modifications are needed to the global header and footer you will want to develop locally.
But, you can't see this on a browser by running npm start only. You need to "start" this project and then go
to a project that uses it and link each other. This way you can modify it here while seing it there.
To accomplish this you'll need to do the following steps.
NPM Updates
For steps to push changes to npm, check NPM_Update.md
HPP Corp Global Project (this one)
`bash
npm install
npm link # this adds the project to the local repository so that it can be shared amongst other projects
npm start
`
Projects that are using the HPP Corp Global (HPP Corp, HPP Corp Static)
`bash
This command should be run within the project that you're working on
npm link @modop/hpp-corp-global
`
Usage
There are three primary exports of the project. In order to use the project you must add the link command. This should not be done in this project, but the project that you're using this in. For example, within the Hudson Corporate site repository you will need to run the following. This will need to be run after every install command.
`javascript
import Global from 'hpp-corp-global';
// includes the header tag wrappers as well as the logo overlay
const Header = Global.header;
// includes the footer content
const Footer = Global.footer;
// includes only the navigation menu. Useful when using for mobile / sub-templates
const Menu = Global.menu;
``