Added Modal with page has been removed info

th-koeln · Feb 15, 2024 · 60b893a · 60b893a
1 parent c2cb0a1
commit 60b893a
Show file tree

Hide file tree

Showing 5 changed files with 32 additions and 0 deletions.
diff --git a/ordnungen/bpo4-auslaufordnung-v0-cn.docx b/ordnungen/bpo4-auslaufordnung-v0-cn.docx
diff --git a/ordnungen/bpo5-mi-bachelor-v0-cn.docx b/ordnungen/bpo5-mi-bachelor-v0-cn.docx
diff --git a/src/_layouts/components/page-footer.11ty.js b/src/_layouts/components/page-footer.11ty.js
@@ -36,5 +36,16 @@ exports.getPageFooter = (eleventy, data) => {
     <div data-js-size-indicator-small></div>
     <div data-js-size-indicator-large></div>
 
+    <div class="modal-wrap">
+      <div class="modal-content">
+        <h2>Die Seite ist umgezogen…</h2>
+        <p>… und das Repo auch. Beides liegt jetzt innerhalb der TH Infrastruktur.</p>
+        <ul>
+          <li><a href="https://medieninformatik.pages.archi-lab.io/po5/reakkreditierung/">Website</a></li>
+          <li><a href="https://git.archi-lab.io/medieninformatik/po5/reakkreditierung">Repository</a></li>
+        </ul>
+      </div>
+    </div>
+
   `;
 };
diff --git a/src/assets/styles/scss/components/dialog.scss b/src/assets/styles/scss/components/dialog.scss
@@ -0,0 +1,18 @@
+.modal-wrap{
+  position: fixed;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0 !important;
+  background-color: rgb(0 0 0 / 80%);
+  inset: 0;
+  *{ color: var(--lightest);}
+
+  a:visited{
+    color: var(--light);
+  }
+
+  .modal-content{
+    padding: var(--fluid-space-s);
+  }
+}
diff --git a/src/assets/styles/scss/main.scss b/src/assets/styles/scss/main.scss
@@ -1,3 +1,5 @@
+ /* stylelint-disable */
+
 @import 'global/reset';
 @import 'global/fonts';
 @import 'global/icons';
@@ -27,6 +29,7 @@
 @import 'components/scroll-to-top';
 @import 'components/quotes';
 @import 'components/cards';
+@import 'components/dialog';
 
 @import 'layouts/content-blocks';
 @import 'layouts/article';