0.4.6 • Published 3 months ago
nine-immersive-header v0.4.6
nine-immersive-header
npm package for dynamic nine immersive header
instructions
- add
<header>
and<footer>
tags to html - If using more then one
<header>
or<footer>
, add classmasthead
- add canonical url
- import nine-immersive-header and add config
- config accepts object with properties : headerConfig and footerConfig
- both configs accept
- logoColor, bgColor, textColor, css
- css is object with name = css property and value = css value
example
import nineHeader from "nine-immersive-header";
nineHeader({
headerConfig: {
logoColor: "white",
bgColor: "transparent",
css: {
position: "absolute",
borderBottom: "solid 1px black"
}
},
footerConfig: {
bgColor: "#fff"
}
});
masthead override
- By default, masthead logo logic is getting pulled from window.location.hostname. You can add an override by using a meta tag with the name of "masthead" then choose a masthead by adding content prop. See all possible values in src/js/site/config.js
- e.g to show nine celebrity logo:
<meta name="masthead" content="celebrity" />
0.4.5
3 months ago
0.4.4
3 months ago
0.4.6
3 months ago
0.6.6
7 months ago
0.7.0
6 months ago
0.6.5
9 months ago
0.6.3
10 months ago
0.6.2
10 months ago
0.6.4
9 months ago
0.5.0
1 year ago
0.6.1
10 months ago
0.6.0
10 months ago
0.4.1
1 year ago
0.4.0
1 year ago
0.4.3
1 year ago
0.4.2
1 year ago
0.3.4
3 years ago
0.3.2
4 years ago
0.3.1
4 years ago
0.3.0
4 years ago
0.2.8
4 years ago
0.2.6
4 years ago
0.0.1
4 years ago