From 55a9e8170da2bd0e3ca9171ea5e06798d8878718 Mon Sep 17 00:00:00 2001
From: Jae Young Ahn <jahn35@my.bcit.ca>
Date: Fri, 2 May 2025 11:27:34 -0700
Subject: [PATCH] assignment page scss upadated

---
 src/pages/AssignmentPage.jsx         |  2 +-
 src/scss/components/_assignment.scss | 31 +++++++++++++++++++++-------
 2 files changed, 25 insertions(+), 8 deletions(-)

diff --git a/src/pages/AssignmentPage.jsx b/src/pages/AssignmentPage.jsx
index 11f94e2..65f9ccd 100644
--- a/src/pages/AssignmentPage.jsx
+++ b/src/pages/AssignmentPage.jsx
@@ -76,7 +76,7 @@ const AssignmentPage = () => {
   return (
     <div className="assignment-page">
       <div className="assignment-header-box">
-        <h2>📘 Assignments</h2>
+        <h2>Assignments</h2>
         <button onClick={() => { resetForm(); setShowModal(true); }}>➕ Add New</button>
       </div>
 
diff --git a/src/scss/components/_assignment.scss b/src/scss/components/_assignment.scss
index ac21492..ff3fe9b 100644
--- a/src/scss/components/_assignment.scss
+++ b/src/scss/components/_assignment.scss
@@ -238,19 +238,22 @@
 }
 
 .assignment-header-box {
-  background: #0f0f1a; // dark navy background
-  border: 2px solid #00bfff; // deep sky blue
+  background: #0f0f1a;
+  border: 2px solid #00bfff;
   border-radius: 12px;
   padding: 50px;
   text-align: center;
   margin-bottom: 2rem;
-  box-shadow: 0 0 20px #00bfff;
+  // box-shadow: 0 0 20px #00bfff;
+  box-shadow: rgb(211, 0, 197) 0px 0px 15px, rgb(255, 42, 109) 0px 0px 25px;
+    border: 1px solid rgb(211, 0, 197);
   animation: pulseNeonBlue 2s infinite alternate;
 
   h2 {
     color: #00bfff;
     margin-bottom: 1rem;
     font-weight: bold;
+    // text-shadow: rgb(5, 217, 232) 0px 0px 5px;
   }
 
   button {
@@ -271,12 +274,26 @@
   }
 }
 
-@keyframes pulseNeonBlue {
+// @keyframes pulseNeonBlue {
+//   from {
+//     box-shadow: 0 0 10px #00bfff, 0 0 20px #00bfff;
+//   }
+//   to {
+//     box-shadow: 0 0 25px #00bfff, 0 0 40px #00bfff;
+//   }
+// }
+
+@keyframes pulseNeonHybrid {
   from {
-    box-shadow: 0 0 10px #00bfff, 0 0 20px #00bfff;
+    box-shadow: 
+      0 0 10px rgba(211, 0, 197, 0.7),
+      0 0 20px rgba(255, 42, 109, 0.7),
+      0 0 10px rgba(0, 191, 255, 0.7);
   }
   to {
-    box-shadow: 0 0 25px #00bfff, 0 0 40px #00bfff;
+    box-shadow: 
+      0 0 25px rgba(211, 0, 197, 0.9),
+      0 0 40px rgba(255, 42, 109, 0.9),
+      0 0 30px rgba(0, 191, 255, 0.9);
   }
 }
-