From 12cf18eb98521d5ca888f3c03853827c0e462a11 Mon Sep 17 00:00:00 2001
From: warren yun <wyun2006@gmail.com>
Date: Tue, 1 Oct 2024 15:32:34 -0400
Subject: [PATCH] image arrangements

---
 assets/mobirise/css/mbr-additional.css | 102 ++++++++++++-------------
 index.html                             |  39 +++++-----
 project.mobirise                       |   2 +-
 3 files changed, 72 insertions(+), 71 deletions(-)

diff --git a/assets/mobirise/css/mbr-additional.css b/assets/mobirise/css/mbr-additional.css
index 48b4105..eab6c2d 100644
--- a/assets/mobirise/css/mbr-additional.css
+++ b/assets/mobirise/css/mbr-additional.css
@@ -96,13 +96,13 @@ body {
   border-radius: 4px;
 }
 .bg-primary {
-  background-color: #273043 !important;
+  background-color: #171717 !important;
 }
 .bg-success {
   background-color: #40b0bf !important;
 }
 .bg-info {
-  background-color: #273043 !important;
+  background-color: #171717 !important;
 }
 .bg-warning {
   background-color: #fdf0d5 !important;
@@ -112,8 +112,8 @@ body {
 }
 .btn-primary,
 .btn-primary:active {
-  background-color: #273043 !important;
-  border-color: #273043 !important;
+  background-color: #171717 !important;
+  border-color: #171717 !important;
   color: #ffffff !important;
   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
 }
@@ -156,8 +156,8 @@ body {
 }
 .btn-info,
 .btn-info:active {
-  background-color: #273043 !important;
-  border-color: #273043 !important;
+  background-color: #171717 !important;
+  border-color: #171717 !important;
   color: #ffffff !important;
   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
 }
@@ -276,21 +276,21 @@ body {
 .btn-black.focus,
 .btn-black.active {
   color: #ffffff !important;
-  background-color: #000000 !important;
-  border-color: #000000 !important;
+  background-color: #171717 !important;
+  border-color: #171717 !important;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
 }
 .btn-black.disabled,
 .btn-black:disabled {
   color: #ffffff !important;
-  background-color: #000000 !important;
-  border-color: #000000 !important;
+  background-color: #171717 !important;
+  border-color: #171717 !important;
 }
 .btn-primary-outline,
 .btn-primary-outline:active {
   background-color: transparent !important;
   border-color: transparent;
-  color: #273043;
+  color: #171717;
 }
 .btn-primary-outline:hover,
 .btn-primary-outline:focus,
@@ -304,8 +304,8 @@ body {
 .btn-primary-outline.disabled,
 .btn-primary-outline:disabled {
   color: #ffffff !important;
-  background-color: #273043 !important;
-  border-color: #273043 !important;
+  background-color: #171717 !important;
+  border-color: #171717 !important;
 }
 .btn-secondary-outline,
 .btn-secondary-outline:active {
@@ -332,7 +332,7 @@ body {
 .btn-info-outline:active {
   background-color: transparent !important;
   border-color: transparent;
-  color: #273043;
+  color: #171717;
 }
 .btn-info-outline:hover,
 .btn-info-outline:focus,
@@ -346,8 +346,8 @@ body {
 .btn-info-outline.disabled,
 .btn-info-outline:disabled {
   color: #ffffff !important;
-  background-color: #273043 !important;
-  border-color: #273043 !important;
+  background-color: #171717 !important;
+  border-color: #171717 !important;
 }
 .btn-success-outline,
 .btn-success-outline:active {
@@ -422,7 +422,7 @@ body {
 .btn-black-outline:focus,
 .btn-black-outline.focus,
 .btn-black-outline.active {
-  color: #000000 !important;
+  color: #171717 !important;
   background-color: transparent!important;
   border-color: transparent!important;
   box-shadow: none!important;
@@ -455,7 +455,7 @@ body {
   border-color: #fafafa !important;
 }
 .text-primary {
-  color: #273043 !important;
+  color: #171717 !important;
 }
 .text-secondary {
   color: #dd0426 !important;
@@ -464,7 +464,7 @@ body {
   color: #40b0bf !important;
 }
 .text-info {
-  color: #273043 !important;
+  color: #171717 !important;
 }
 .text-warning {
   color: #fdf0d5 !important;
@@ -516,7 +516,7 @@ a.text-white.active {
 a.text-black:hover,
 a.text-black:focus,
 a.text-black.active {
-  color: #000000 !important;
+  color: #171717 !important;
 }
 a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-caption) {
   position: relative;
@@ -532,7 +532,7 @@ a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-cap
   background-position: 0px 1.2em;
 }
 .nav-tabs .nav-link.active {
-  color: #273043;
+  color: #171717;
 }
 .nav-tabs .nav-link:not(.active) {
   color: #232323;
@@ -541,7 +541,7 @@ a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-cap
   background-color: #70c770;
 }
 .alert-info {
-  background-color: #273043;
+  background-color: #171717;
 }
 .alert-warning {
   background-color: #fdf0d5;
@@ -550,8 +550,8 @@ a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-cap
   background-color: #ff9966;
 }
 .mbr-gallery-filter li.active .btn {
-  background-color: #273043;
-  border-color: #273043;
+  background-color: #171717;
+  border-color: #171717;
   color: #ffffff;
 }
 .mbr-gallery-filter li.active .btn:focus {
@@ -559,7 +559,7 @@ a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-cap
 }
 a,
 a:hover {
-  color: #273043;
+  color: #171717;
 }
 .mbr-plan-header.bg-primary .mbr-plan-subtitle,
 .mbr-plan-header.bg-primary .mbr-plan-price-desc {
@@ -597,7 +597,7 @@ a:hover {
 .form-control:hover,
 .form-control:focus {
   box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px 0px, rgba(0, 0, 0, 0.07) 0px 1px 3px 0px, rgba(0, 0, 0, 0.03) 0px 0px 0px 1px;
-  border-color: #273043 !important;
+  border-color: #171717 !important;
 }
 .form-control:-webkit-input-placeholder {
   font-family: 'Montserrat', sans-serif;
@@ -609,19 +609,19 @@ a:hover {
   font-size: 1.375rem;
 }
 blockquote {
-  border-color: #273043;
+  border-color: #171717;
 }
 /* Forms */
 .jq-selectbox li:hover,
 .jq-selectbox li.selected {
-  background-color: #273043;
+  background-color: #171717;
   color: #ffffff;
 }
 .jq-number__spin {
   transition: 0.25s ease;
 }
 .jq-number__spin:hover {
-  border-color: #273043;
+  border-color: #171717;
 }
 .jq-selectbox .jq-selectbox__trigger-arrow,
 .jq-number__spin.minus:after,
@@ -633,14 +633,14 @@ blockquote {
 .jq-selectbox:hover .jq-selectbox__trigger-arrow,
 .jq-number__spin.minus:hover:after,
 .jq-number__spin.plus:hover:after {
-  border-top-color: #273043;
-  border-bottom-color: #273043;
+  border-top-color: #171717;
+  border-bottom-color: #171717;
 }
 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
   color: #ffffff !important;
-  background-color: #273043 !important;
+  background-color: #171717 !important;
   box-shadow: none !important;
 }
 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
@@ -718,7 +718,7 @@ a {
 }
 .cid-sgPI0rTtnd .dropdown-item:hover,
 .cid-sgPI0rTtnd .dropdown-item:focus {
-  background: #273043 !important;
+  background: #171717 !important;
   color: white !important;
 }
 .cid-sgPI0rTtnd .dropdown-item:first-child {
@@ -752,7 +752,7 @@ a {
 }
 .cid-sgPI0rTtnd .dropdown-menu,
 .cid-sgPI0rTtnd .navbar.opened {
-  background: #273043 !important;
+  background: #171717 !important;
 }
 .cid-sgPI0rTtnd .nav-item:focus,
 .cid-sgPI0rTtnd .nav-link:focus {
@@ -787,7 +787,7 @@ a {
   transition: all 0.3s;
   border-bottom: 1px solid transparent;
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
-  background: #273043;
+  background: #171717;
 }
 .cid-sgPI0rTtnd .navbar.opened {
   transition: all 0.3s;
@@ -932,7 +932,7 @@ a {
   padding: 0.667em 1.667em;
 }
 .cid-sgPI0rTtnd .navbar.navbar-expand-lg .dropdown .dropdown-menu {
-  background: #273043;
+  background: #171717;
 }
 .cid-sgPI0rTtnd .navbar.navbar-expand-lg .dropdown .dropdown-menu .dropdown-submenu {
   margin: 0;
@@ -1037,7 +1037,7 @@ a {
 .cid-sgPJ0TKe9q {
   padding-top: 3rem;
   padding-bottom: 3rem;
-  background-color: #273043;
+  background-color: #171717;
 }
 @media (max-width: 991px) {
   .cid-sgPJ0TKe9q .image-wrapper {
@@ -1057,7 +1057,7 @@ a {
 .cid-tih9EvSaF5 {
   padding-top: 5rem;
   padding-bottom: 0rem;
-  background-color: #273043;
+  background-color: #171717;
 }
 .cid-tih9EvSaF5 .mbr-section-title {
   color: #ffffff;
@@ -1068,7 +1068,7 @@ a {
 .cid-sgPJIlmBEv {
   padding-top: 0rem;
   padding-bottom: 5rem;
-  background-color: #273043;
+  background-color: #171717;
 }
 .cid-sgPJIlmBEv .card-wrapper {
   background: #9197ae;
@@ -1100,7 +1100,7 @@ a {
 .cid-t5rSAuN6jS {
   padding-top: 5rem;
   padding-bottom: 6rem;
-  background-color: #273043;
+  background-color: #171717;
 }
 .cid-t5rSAuN6jS img,
 .cid-t5rSAuN6jS .item-img {
@@ -1116,7 +1116,7 @@ a {
 .cid-t5rSAuN6jS .slide-content {
   position: relative;
   border-radius: 4px;
-  background: #273043;
+  background: #171717;
   height: 100%;
   display: flex;
   overflow: hidden;
@@ -1232,15 +1232,15 @@ a {
 }
 .cid-sU99xA04eV .mbr-section-subtitle {
   text-align: center;
-  color: #273043;
+  color: #171717;
 }
 .cid-sU99xA04eV .mbr-text {
-  color: #273043;
+  color: #171717;
 }
 .cid-tqAPe2NEkt {
   padding-top: 6rem;
   padding-bottom: 6rem;
-  background-color: #273043;
+  background-color: #171717;
 }
 .cid-tqAPe2NEkt .item {
   padding-bottom: 2rem;
@@ -1430,9 +1430,9 @@ a {
   width: 7px;
   height: 7px;
   margin: 3px;
-  background: #000000;
+  background: #171717;
   opacity: 0.5;
-  border: 4px solid #000000;
+  border: 4px solid #171717;
 }
 .cid-tqAPe2NEkt .carousel-indicators .active {
   background: #fff;
@@ -1494,7 +1494,7 @@ a {
 .cid-sU9iJiwiKR {
   padding-top: 0rem;
   padding-bottom: 8rem;
-  background-color: #273043;
+  background-color: #171717;
 }
 .cid-sU9iJiwiKR .mbr-section-title {
   color: #ffffff;
@@ -1522,19 +1522,19 @@ a {
   padding-left: 1rem;
   font-family: 'Moririse2' !important;
   font-size: 1.4rem !important;
-  color: #273043;
+  color: #171717;
 }
 .cid-sU9izjxqWU .panel-body,
 .cid-sU9izjxqWU .card-header {
   padding: 1rem 0;
 }
 .cid-sU9izjxqWU .panel-title-edit {
-  color: #000000;
+  color: #171717;
 }
 .cid-t5zRJx1DXX {
   padding-top: 5rem;
   padding-bottom: 5rem;
-  background-color: #273043;
+  background-color: #171717;
 }
 .cid-t5zRJx1DXX .image-wrapper {
   display: flex;
@@ -1559,7 +1559,7 @@ a {
 .cid-t5zRJx1DXX .mbr-iconfont {
   font-size: 2rem;
   padding-right: 1.5rem;
-  color: #273043;
+  color: #171717;
 }
 .cid-t5zRJx1DXX .mbr-section-title {
   color: #ffffff;
diff --git a/index.html b/index.html
index afe6c3b..2fc6281 100644
--- a/index.html
+++ b/index.html
@@ -92,7 +92,7 @@
       id="menu3-0"
     >
       <nav class="navbar navbar-dropdown navbar-fixed-top navbar-expand-lg">
-        <div class="container bg-black">
+        <div class="container bg-[#171717]">
           <div class="navbar-brand">
             <span class="navbar-logo">
               <a href="https://hack.wpi.edu">
@@ -100,14 +100,10 @@
                   src="assets/images/goathacks2024goat3-96x106.png"
                   alt="Hack@WPI 2021"
                   style="height: 3rem"
-                />
+            ckear   />
               </a>
             </span>
-            <span class="navbar-caption-wrap"
-              ><a class="navbar-caption text-white display-7" href="#top"
-                >GOATHACKS 2024</a
-              ></span
-            >
+     
           </div>
           <button
             class="navbar-toggler"
@@ -146,13 +142,6 @@
                   >Sponsors</a
                 >
               </li>
-              <li class="nav-item">
-                <a
-                  class="nav-link link show text-white display-4"
-                  href="index.html#content5-x"
-                  >Schedule</a
-                >
-              </li>
               <li class="nav-item">
                 <a
                   class="nav-link link show text-white display-4"
@@ -204,7 +193,7 @@
             /></a>
           </div>
         </div>
-        <div class="image-wrapper pr-8">
+        <div class="image-wrapper pr-12">
           <img src="assets/images/gh-logo-25.png" alt="Hack@WPI Logo" />
         </div>
       </div>
@@ -255,13 +244,13 @@
       </div>
     </section> -->
 
-    <section
+     <section
       data-bs-version="5.1"
       class="slider4 mbr-embla cid-t5rSAuN6jS"
       id="slider4-10"
       style="background-color: #171717"
     >
-      <div class="position-relative text-center">
+      <!-- <div class="position-relative text-center">
         <div class="mbr-section-head">
           <h4
             class="mbr-section-title mbr-fonts-style align-center mb-0 display-2"
@@ -441,8 +430,20 @@
             <span class="sr-only visually-hidden visually-hidden">Next</span>
           </button>
         </div>
+      </div> -->
+
+    <div class="item-wrapper">
+      <div class="item-img -ml-40">
+        <img
+          src="assets/images/14054333-3626242934684-2993608365764809290-o-708x469.jpg"
+          data-slide-to="7"
+          data-bs-slide-to="7"
+          style="width: 50%; height: auto; object-fit: cover;"
+        />
       </div>
-    </section>
+    </div>
+
+    </section> 
 
     <section
       data-bs-version="5.1"
@@ -455,7 +456,7 @@
           <h3
             class="mbr-section-title mbr-fonts-style align-center m-0 display-2"
           >
-            <strong class="text-white">Sponsors</strong>
+            <strong class="text-white border-b-2 border-[#880217]">Sponsors</strong>
           </h3>
         </div>
         <div class="row mbr-gallery mt-4">
diff --git a/project.mobirise b/project.mobirise
index e71c8af..df4fb40 100644
--- a/project.mobirise
+++ b/project.mobirise
@@ -6,7 +6,7 @@
       "name": "mobirise5",
       "title": "Mobirise 5",
       "styling": {
-        "primaryColor": "#273043",
+        "primaryColor": "#000000",
         "secondaryColor": "#dd0426",
         "successColor": "#40b0bf",
         "infoColor": "#273043",