Merge pull request #42 from erland-syafiq/style-adjustments

Style adjustments
erland-syafiq · Jun 24, 2024 · 035f7b0 · 035f7b0
2 parents 0d3a1aa + 2cc7a00
commit 035f7b0
Show file tree

Hide file tree

Showing 11 changed files with 44 additions and 47 deletions.
diff --git a/site/app/Home.css b/site/app/Home.css
@@ -3,7 +3,7 @@
     top: 0px;
     left: 0px;
     background-repeat: no-repeat;
-    background-image: url(/Images/Home1.jpg);
+    background-image: url(/Images/home.jpg);
     background-size: cover;
     height: 125vh;
     width: 100%;

diff --git a/site/app/about/page.jsx b/site/app/about/page.jsx
@@ -14,7 +14,7 @@ async function AboutUs() {
 
     return (
         <main className="container">
-            <section>
+            <section className="mt-3">
                 <div className="row">
                     <div className="col-12 text-center">
                         <h2 className="text-nowrap secretariatTitle">Secretariat</h2>

diff --git a/site/app/bootstrap.css b/site/app/bootstrap.css
@@ -1410,8 +1410,9 @@ pre {
   color: #495057;
   background-color: #fff;
   background-clip: padding-box;
-  border: 1px solid #ced4da;
-  border-radius: 0.25rem;
+  border: 1px solid #2B2B29;
+  border-radius: 5px;
+  background: #F8F8F8;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
   @media (prefers-reduced-motion: reduce) {
     .form-control {
@@ -1426,8 +1427,7 @@ pre {
     color: #495057;
     background-color: #fff;
     border-color: #e30070;
-    outline: 0;
-    box-shadow: 0 0 0 0.2rem rgba(99, 0, 49, 0.25); }
+    outline: 0;}
   .form-control::placeholder {
     color: #6c757d;
     opacity: 1; }

diff --git a/site/app/committees/Committees.css b/site/app/committees/Committees.css
@@ -1,17 +1,18 @@
 .committeesTitle {
     position: relative;
     display: inline-block;
-    padding-bottom: 10px;
+    margin-bottom: 40px;
+    margin-top: 30px;
 }
 
 .committeesTitle::after {
     background-color: #DEBB8F;
     content: '';
     position: absolute;
     left: 0;
-    bottom: 8px;
-    height: 20px;
-    width: 100%;
-    transform: scaleX(1.1);
+    bottom: 0px;
+    height: 100%;
+    width: 140px;
+    transform: translate(-10%, 5%);
     z-index: -1;
 }
diff --git a/site/app/committees/page.jsx b/site/app/committees/page.jsx
@@ -16,7 +16,7 @@ async function Committees() {
 
             <div className="row">
                 <div className="col-12 text-center">
-                    <h2 className="text-nowrap committeesTitle">Committees</h2>
+                    <h1 className="text-nowrap committeesTitle">The Committees</h1>
                 </div>
             </div>
             {

diff --git a/site/app/globals.css b/site/app/globals.css
@@ -5,9 +5,3 @@
     --secondary-background: #F2F1E8;
     --tertiary: #DEBB8F;
 }
-
-.form-control {
-    border-radius: 5px;
-    border: 1px solid #2B2B29;
-    background: #F8F8F8;
-}
diff --git a/site/app/page.jsx b/site/app/page.jsx
@@ -10,7 +10,7 @@ function Home() {
             <div className="heroHighlightBox"></div>
             <div className="heroContent">
                 <h3>
-                    Spring 2025
+                    Feb 28th - Mar 2nd
                 </h3>
                 <h1>
                     VTMUNC 2025

diff --git a/site/app/register/Register.css b/site/app/register/Register.css
@@ -15,7 +15,7 @@
     height: 125px !important;
 }
 
-.registerPage body {
+body .registerPage {
     background-color: var(--secondary-background);
 }
 

diff --git a/site/app/register/page.jsx b/site/app/register/page.jsx
@@ -9,36 +9,38 @@ export const metadata = {
 
 export default function RegisterPage() {
     return (
-        <main className="container registerPage">
-            <div className="row">
-                <div className="col-md-12">
-                    <h1>Registration</h1>
+        <main className="registerPage">
+            <div class="container mt-3">
+                <div className="row">
+                    <div className="col-md-12">
+                        <h1>Registration</h1>
 
-                    <div className="group">
-                        <h4>Dear Advisors and Independent Delegates,</h4>
-                        <p>Thank you for your registration for VTMUNC! For independent delegates that are staying in Blacksburg overnight, please contact Delaney Moran, our charge d'affairs on [email protected], so we can send you a liability waiver form.</p>
-                        <p>Note: * means a field is required</p>
-                    </div>
+                        <div className="group">
+                            <h4>Dear Advisors and Independent Delegates,</h4>
+                            <p>Thank you for your registration for VTMUNC! For independent delegates that are staying in Blacksburg overnight, please contact Delaney Moran, our charge d'affairs on [email protected], so we can send you a liability waiver form.</p>
+                            <p>Note: * means a field is required</p>
+                        </div>
 
-                    <div className="group">
-                        <h4>Payment Information,</h4>
-                        <p>
-                            Once you have completed this form, we will send you an invoice. Your delegation's registration will only be complete when you paid this invoice. Those invoices must be paid two weeks after the registration page.<br />
-                            Late registration: The latest to pay January 26th<br />
-                            <br />
-                            Individual Delegates<br />
-                            Early Registration: September to October 29th $50<br />
-                            Normal Registration: October 30th to December 10th $60<br />
-                            Late Registration: December 11th to January 19th $70<br />
-                            <br />
-                            Delegation Fees (a group of more than 3 people)<br />
-                            Early: $60<br />
-                            Normal: $70<br />
-                            Late: $80<br />
-                        </p>
-                    </div>
+                        <div className="group">
+                            <h4>Payment Information,</h4>
+                            <p>
+                                Once you have completed this form, we will send you an invoice. Your delegation's registration will only be complete when you paid this invoice. Those invoices must be paid two weeks after the registration page.<br />
+                                Late registration: The latest to pay January 26th<br />
+                                <br />
+                                Individual Delegates<br />
+                                Early Registration: September to October 29th $50<br />
+                                Normal Registration: October 30th to December 10th $60<br />
+                                Late Registration: December 11th to January 19th $70<br />
+                                <br />
+                                Delegation Fees (a group of more than 3 people)<br />
+                                Early: $60<br />
+                                Normal: $70<br />
+                                Late: $80<br />
+                            </p>
+                        </div>
 
-                    <RegisterForm />
+                        <RegisterForm />
+                    </div>
                 </div>
             </div>
         </main>

diff --git a/site/public/Images/Home1.jpg b/site/public/Images/Home1.jpg
diff --git a/site/public/Images/home.jpg b/site/public/Images/home.jpg