Update header.html (#140)

iamdamion · pre-commit-ci[bot] · Remi-Gau · web-flow · commit 8998f02d84f2 · 2024-09-12T19:50:43.000+02:00
* Update header.html New BIDS website notification (temporary format) * [pre-commit.ci] auto fixes from pre-commit.com hooks for more information, see https://pre-commit.ci * fix * [pre-commit.ci] auto fixes from pre-commit.com hooks for more information, see https://pre-commit.ci --------- Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com> Co-authored-by: Remi Gau <remi_gau@hotmail.com>
diff --git a/_includes/header.html b/_includes/header.html
@@ -10,6 +10,7 @@
   <div class="panel-main">
     <div class="panel-main__inner panel-inverted">
       <div class="panel-main__content">
+
         <img src="{{ site.baseurl }}/images/BIDS_apps_logo_black.jpg" class="user-image" alt="BIDS Apps logo" />
         <h1 class="panel-cover__title panel-title">{{ site.title }}</h1>
         <hr class="panel-cover__divider" />
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -3,6 +3,22 @@
   {% include head.html %}
 
   <body>
+
+    <div class="banner">
+        <h3>THIS SITE IS BEING MOVED</h3>
+        <p>The BIDS group is currently working to merge our existing websites.</p>
+        <p>
+          The BIDS-app website will be moved into the <a href="https://bids-website.readthedocs.io"
+          target="_blank"
+          title="New BIDS Website (https://bids-website.readthedocs.io)"
+          class="custom-link">new BIDS website</a>.
+          It is still being finalized,
+          but we encourage feedback, suggestions,
+          and comments via the giscus form on the bottom of the main page as we consolidate BIDS resources.
+        </p>
+      </div>
+    </div>
+
     {% include header.html %}
 
     <div class="content-wrapper">
diff --git a/css/main.css b/css/main.css
@@ -73,3 +73,11 @@ td {
   text-align: left;
   vertical-align: middle;
 }
+
+.banner {width: 60%;
+         display: flex;
+         justify-content: center;
+         margin-left: 20%;
+         padding: 1em;
+         flex-direction: column
+        }
