From f5bc87ae3bb157e73cd07b5e81d6adfdd6351823 Mon Sep 17 00:00:00 2001
From: Bobby <bobbyskhs@gmail.com>
Date: Sat, 6 May 2023 20:13:52 -0400
Subject: Updated main page layout looking kinda good now

---
 static/css/home.css                                |  24 +++++++++++++++------
 static/images/backgrounds/announcements.png        | Bin 171442 -> 248204 bytes
 static/images/backgrounds/announcements_border.png | Bin 175090 -> 1704685 bytes
 static/images/backgrounds/welcome-banner.gif       | Bin 0 -> 482854 bytes
 static/images/backgrounds/welcome-banner.png       | Bin 574048 -> 0 bytes
 5 files changed, 17 insertions(+), 7 deletions(-)
 create mode 100644 static/images/backgrounds/welcome-banner.gif
 delete mode 100644 static/images/backgrounds/welcome-banner.png

(limited to 'static')

diff --git a/static/css/home.css b/static/css/home.css
index 88d25fb3..3a710ad7 100644
--- a/static/css/home.css
+++ b/static/css/home.css
@@ -1,20 +1,21 @@
 #welcome {
     width: 730px;
     height: 262px;
-    background: url('../images/backgrounds/welcome-banner.png') no-repeat;
+    background: url('../images/backgrounds/welcome-banner.gif') no-repeat;
     background-size: 730px 262px;
     margin: 0px auto 20px auto;
     border: 0px;
     position: relative;
     margin-top: 15px;
     text-align: justify;
+    border-radius: 8px;
 }
 
 #welcome > p {
     width: 500px;
-    margin: 12px 0px 12px 142px;
+    margin: 12px 0px 12px 100px;
     position: relative;
-    top: 80px;
+    top: 69px;
 }
 
 #announcements {
@@ -30,20 +31,29 @@
     height: 14px;
     display: block;
     position: relative;
-    left: 68px;
+    left: 118px;
     top: 11px;
 }
 
 marquee {
     border: 15px solid transparent;
-    border-radius: 4px;
     padding: 15px;
-    border-image: url('../images/backgrounds/announcements_border.png') 50 round;
+    border-image: url('https://image.slidesdocs.com/responsive-images/docs/pop-art-bubble-dialog-in-shades-of-pink-and-purple-page-border-background-word-template_1ed12b1322__1131_1600.jpg') 45 round;
     width: 480px;
     height: 180px;
     position: relative;
-    left: 70px;
+    left: 120px;
     top: 23px;
+    background-color: rgba(0, 0, 0, 0.5);
+}
+
+marquee::after {
+    position: absolute;
+    top: -4px; bottom: -4px;
+    left: -4px; right: -4px;
+    content: '';
+    z-index: -1;
+    border-radius: 16px;
 }
 
 marquee > ul {
diff --git a/static/images/backgrounds/announcements.png b/static/images/backgrounds/announcements.png
index 7c173882..16f052b7 100644
Binary files a/static/images/backgrounds/announcements.png and b/static/images/backgrounds/announcements.png differ
diff --git a/static/images/backgrounds/announcements_border.png b/static/images/backgrounds/announcements_border.png
index 92cc03a6..b758c1b7 100644
Binary files a/static/images/backgrounds/announcements_border.png and b/static/images/backgrounds/announcements_border.png differ
diff --git a/static/images/backgrounds/welcome-banner.gif b/static/images/backgrounds/welcome-banner.gif
new file mode 100644
index 00000000..25dc7577
Binary files /dev/null and b/static/images/backgrounds/welcome-banner.gif differ
diff --git a/static/images/backgrounds/welcome-banner.png b/static/images/backgrounds/welcome-banner.png
deleted file mode 100644
index 19c77c11..00000000
Binary files a/static/images/backgrounds/welcome-banner.png and /dev/null differ
-- 
cgit v1.2.3