diff --git a/website/core/Logo.js b/website/core/Logo.js new file mode 100644 index 00000000..d1c64654 --- /dev/null +++ b/website/core/Logo.js @@ -0,0 +1,50 @@ +import React from 'react'; + +const siteConfig = require(process.cwd() + '/siteConfig.js') + +const Logo = () => { + return ( + + React Leaflet + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ) +} + +module.exports = Logo; \ No newline at end of file diff --git a/website/pages/en/index.js b/website/pages/en/index.js index f2c8c5b7..2bdf5f17 100755 --- a/website/pages/en/index.js +++ b/website/pages/en/index.js @@ -13,6 +13,7 @@ const CompLibrary = require('../../core/CompLibrary.js') const Container = CompLibrary.Container const Code = require(process.cwd() + '/core/Code.js') +const Logo = require(process.cwd() + '/core/Logo.js') const siteConfig = require(process.cwd() + '/siteConfig.js') function docUrl(doc, language) { @@ -49,7 +50,7 @@ const SplashContainer = props => ( const ProjectTitle = () => (

- {siteConfig.title} + {siteConfig.tagline}

) diff --git a/website/siteConfig.js b/website/siteConfig.js index 5dfb673a..8b18fc8b 100644 --- a/website/siteConfig.js +++ b/website/siteConfig.js @@ -31,8 +31,10 @@ const siteConfig = { users: [], favicon: 'img/favicon.png', colors: { - primaryColor: '#1EB300', - secondaryColor: '#160', + logoPrimary: '#60BA9D', + logoSecondary: '#2A473E', + primaryColor: '#41957a', + secondaryColor: '#2C5145', }, copyright: 'Copyright © ' + new Date().getFullYear() + ' Paul Le Cam and contributors', diff --git a/website/static/css/custom.css b/website/static/css/custom.css index 9cc624ce..66a8417e 100644 --- a/website/static/css/custom.css +++ b/website/static/css/custom.css @@ -9,6 +9,12 @@ max-width: none; } +.logo { + width: 400px; + max-width: 100%; + height: auto; +} + @media only screen and (min-device-width: 360px) and (max-device-width: 736px) { }