added donation banner

Author: Stefterv

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

@@ -1,3 +1,9 @@
+body{
+  --donate-banner-dark: #182998;
+  --donate-banner-background: url('../../static/img/wallpaper.png')
+}
+
+
 .root {
   display: flex;
   flex-direction: column;