From 8e818a125ce194fa8e7ff58b5bd20f3707783d59 Mon Sep 17 00:00:00 2001
From: genshen <genshenchu@gmail.com>
Date: Fri, 7 Jul 2023 16:35:57 +0800
Subject: [PATCH] add announcement bar and show archived notice in announcement
 bar

---
 .gitignore                                            |  1 +
 assets/scss/template.scss                             |  8 ++++++++
 .../partials/hooks/head-start/announcement-bar.html   | 11 +++++++++++
 3 files changed, 20 insertions(+)
 create mode 100644 layouts/partials/hooks/head-start/announcement-bar.html

diff --git a/.gitignore b/.gitignore
index 4fa17c5..e7e9517 100644
--- a/.gitignore
+++ b/.gitignore
@@ -5,3 +5,4 @@
 /resources/
 public/
 assets/jsconfig.json
+.vercel
diff --git a/assets/scss/template.scss b/assets/scss/template.scss
index 35bfe82..2fb133d 100644
--- a/assets/scss/template.scss
+++ b/assets/scss/template.scss
@@ -14,3 +14,11 @@
 .home-hero .bg-image {
   background-repeat: repeat;
 }
+
+// for header announcementBar
+.announcement_bar {
+  --site-announcement-bar-stripe-color1: hsl(167 68% 85%);
+  --site-announcement-bar-stripe-color2: hsl(167 68% 95%);
+  background: repeating-linear-gradient(35deg,var(--site-announcement-bar-stripe-color1),var(--site-announcement-bar-stripe-color1) 20px,var(--site-announcement-bar-stripe-color2) 10px,var(--site-announcement-bar-stripe-color2) 40px);
+  font-weight: 700;
+}
\ No newline at end of file
diff --git a/layouts/partials/hooks/head-start/announcement-bar.html b/layouts/partials/hooks/head-start/announcement-bar.html
new file mode 100644
index 0000000..8732d35
--- /dev/null
+++ b/layouts/partials/hooks/head-start/announcement-bar.html
@@ -0,0 +1,11 @@
+<div class="announcement_bar"
+    style="display: flex; flex-direction: column; align-items: center; justify-content: center; height: 80px;">
+    <div style="text-align: center; color: rgb(198, 16, 95);">
+        <b>We moved to a <a href="https://hpcde.hpcer.dev">New Site</a>.
+            This site will NOT UPDATE any more.
+        </b>
+    </div>
+    <div style="text-align: center; color: rgb(198, 16, 95);">
+        <b>Please visit <a href="https://hpcde.hpcer.dev">https://hpcde.hpcer.dev</a> for latest news.</b>
+    </div>
+</div>
\ No newline at end of file