Add logos from impurepics (#385)

.gitignore

@@ -1,6 +1,7 @@
 target/
 .DS_Store
 .idea/
+.bloop
 
 # website stuff
 processed-pages/

README.md

@@ -1,3 +1,7 @@
+<div align="center">
+<img src="docs/website/static/logos/impure-logos-almond-1.svg" alt="logo" width="40%">
+</div>
+
 # almond
 
 *almond* is a [Scala](https://scala-lang.org) kernel for [Jupyter](https://jupyter.org).

docs/website/pages/en/index.js

@@ -41,7 +41,7 @@ const SplashContainer = props => (
 
 const Logo = props => (
   <div className="projectLogo">
-    <img src={props.img_src} />
+    <img src={props.img_src} alt="Project Logo" />
   </div>
 );
 
@@ -65,6 +65,7 @@ class HomeSplash extends React.Component {
     let language = this.props.language || '';
     return (
       <SplashContainer>
+        <Logo img_src={`${siteConfig.baseUrl}logos/impure-logos-almond-1.svg`} />
         <div className="inner">
           <ProjectTitle />
           <PromoSection>

docs/website/siteConfig.js

@@ -22,6 +22,8 @@ const siteConfig = {
 
   users: [],
 
+  headerIcon: 'logos/impure-logos-almond-1.svg',
+
   colors: {
     primaryColor: '#287cdc',
     secondaryColor: '#3498DB',

docs/website/static/css/custom.css

@@ -9,3 +9,17 @@
 .fixedHeaderContainer {
   background-color: rgb(0, 0, 0);
 }
+
+/* override default docusaurus logo placement */
+@media all {
+  .homeContainer .homeWrapper .projectLogo {
+    display: block;
+    position: static;
+    padding: 0;
+  }
+}
+
+.homeContainer .homeWrapper .projectLogo img {
+  height: 100%;
+  max-height: 250px;
+}