Add Tidelift banner
parent
17d9653d9f
commit
65daff16cf
|
@ -40,9 +40,18 @@ Button.propTypes = {
|
||||||
children: PropTypes.any
|
children: PropTypes.any
|
||||||
};
|
};
|
||||||
|
|
||||||
|
function Tidelift() {
|
||||||
|
return (
|
||||||
|
<a className="tidelift" href={siteConfig.tideliftUrl}>
|
||||||
|
GET PROFESSIONAL SUPPORT FOR PRETTIER
|
||||||
|
</a>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
const HomeSplash = props => {
|
const HomeSplash = props => {
|
||||||
return (
|
return (
|
||||||
<div className="homeContainer">
|
<div className="homeContainer">
|
||||||
|
<Tidelift />
|
||||||
<div className="homeSplashFade">
|
<div className="homeSplashFade">
|
||||||
<div className="wrapper homeWrapper">
|
<div className="wrapper homeWrapper">
|
||||||
<div className="animatedLogoWrapper">
|
<div className="animatedLogoWrapper">
|
||||||
|
|
|
@ -29,6 +29,8 @@ const siteConfig = {
|
||||||
users,
|
users,
|
||||||
editors,
|
editors,
|
||||||
supportedLanguages,
|
supportedLanguages,
|
||||||
|
tideliftUrl:
|
||||||
|
"https://tidelift.com/subscription/pkg/npm-prettier?utm_source=npm-prettier&utm_medium=referral&utm_campaign=website",
|
||||||
/* base url for editing docs, usage example: editUrl + 'en/doc1.md' */
|
/* base url for editing docs, usage example: editUrl + 'en/doc1.md' */
|
||||||
editUrl: `${GITHUB_URL}/edit/master/docs/`,
|
editUrl: `${GITHUB_URL}/edit/master/docs/`,
|
||||||
headerLinks: [
|
headerLinks: [
|
||||||
|
|
Binary file not shown.
After Width: | Height: | Size: 5.0 KiB |
|
@ -16,6 +16,20 @@ em {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.tidelift {
|
||||||
|
font-family: Avenir Next, Avenir, Helvetica Neue, Helvetica, Arial, sans-serif;
|
||||||
|
background: #f6914d url(/images/tidelift-small.png) 10px center no-repeat;
|
||||||
|
background-size: 24px;
|
||||||
|
color: #000000;
|
||||||
|
position: absolute;
|
||||||
|
margin-top: -15px;
|
||||||
|
right: 0;
|
||||||
|
font-size: 13px;
|
||||||
|
border-radius: 13px 0 0px 13px;
|
||||||
|
padding: 7px 15px 5px 45px;
|
||||||
|
z-index: 9999 !important;
|
||||||
|
}
|
||||||
|
|
||||||
/* Note: CSS on body bg-color for index page is set inside landing.js, not here */
|
/* Note: CSS on body bg-color for index page is set inside landing.js, not here */
|
||||||
|
|
||||||
.post p a {
|
.post p a {
|
||||||
|
@ -87,6 +101,7 @@ em {
|
||||||
|
|
||||||
.homeContainer {
|
.homeContainer {
|
||||||
background: #1a2b34;
|
background: #1a2b34;
|
||||||
|
padding-top: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mainContainer.landingContainer {
|
.mainContainer.landingContainer {
|
||||||
|
@ -136,7 +151,7 @@ em {
|
||||||
.mainContainer .tldrSection ul li {
|
.mainContainer .tldrSection ul li {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
list-style-position: inside;
|
list-style-position: inside;
|
||||||
line-height: 1.0;
|
line-height: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mainContainer .tldrSection ul li a {
|
.mainContainer .tldrSection ul li a {
|
||||||
|
|
Loading…
Reference in New Issue