created and added a new logo for react leaflet. updated the primary a…

…nd secondary color to match logo scheme
PaulLeCam · Oct 12, 2019 · b01fb5d · b01fb5d
1 parent b7b6ef2
commit b01fb5d
Show file tree

Hide file tree

Showing 4 changed files with 62 additions and 3 deletions.
diff --git a/website/core/Logo.js b/website/core/Logo.js
diff --git 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 = () => (
   <h2 className="projectTitle">
-    {siteConfig.title}
+    <Logo />
     <small>{siteConfig.tagline}</small>
   </h2>
 )

diff --git 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
@@ -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) {
 }