Merge pull request #582 from Stefterv/donate-banner

added donation banner

Author: SableRaf

src/components/Layout.js

@@ -69,6 +69,9 @@ const Layout = ({ children, withSidebar, withBreadcrumbs, mainClassName }) => {
 
   return (
     <div className={css.root}>
+      <div id="processing-banner" />
+      <link rel="stylesheet" href="https://foundation-donate-banner.netlify.app/static/css/main.css" />
+      <script src="https://foundation-donate-banner.netlify.app/static/js/main.js" ></script>
       <LayoutContext.Provider value={{ headerScrolled, currentHeading }}>
         <Helmet titleTemplate="%s / Processing.org" />
         <Header siteTitle="Processing" scrolled={headerScrolled} />

src/components/Layout.module.css

@@ -22,4 +22,10 @@
 
 .withBreadcrumbs {
   padding-top: var(--vertical-margin-xsmall);
+}
+
+/* Foundation donate banner custom properties */
+body{
+  --donate-banner-dark: #182998;
+  --donate-banner-background: var(--donate-processing-background)
 }