Merge pull request #645 from Stefterv/main

SableRaf · web-flow · commit 435248d29da4 · 2024-11-30T21:58:06.000+01:00
added donation banner
diff --git a/src/content/banner/en.mdx b/src/content/banner/en.mdx
@@ -2,7 +2,7 @@
 # Give each new message a unique title so we know which one a user closed
 title: "old-site"
 link: "https://archive.p5js.org"
-hidden: false
+hidden: true
 ---
 
 Looking for the old p5.js site? Find it here!
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
@@ -84,6 +84,12 @@ const headerTopic = topic
       const htmlElement = document.documentElement;
       htmlElement.className = `${storedSettings.join(" ")} ${htmlElement.className}`;
     </script>
+    <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>
   </head>
   <body>
     <div class="top-layout-grid">
@@ -111,12 +117,15 @@ const headerTopic = topic
         }
       </header>
       <main id="main-content" class="relative">
-        {HeaderContent && (
-          <div class="px-5 md:px-lg pt-sm pb-lg">
-            <div class="rendered-markdown">
-              <HeaderContent />
+        <div id="processing-banner" style="margin-left: var(--nav-offset-x);">
+        </div>
+        {
+          HeaderContent && (
+            <div class="px-5 md:px-lg pt-sm pb-lg">
+              <div class="rendered-markdown">
+                <HeaderContent />
+              </div>
             </div>
-          </div>
         )}
         <div class={mainContentParentClass}>
           <slot />
diff --git a/styles/global.scss b/styles/global.scss
@@ -535,3 +535,9 @@ input[type="search"]::-webkit-search-results-decoration {
   padding: 10px;
   border: 2px solid #000;
 }
+
+// Donate banner custom properties
+body {
+  --donate-banner-dark: #c01c4c;
+  --donate-banner-background: var(--donate-p5-background);
+}
