add blue box in committees

about/index.html

@@ -120,8 +120,56 @@
           <a class="dropdown-item" href="/explore" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">Explore SF</a>
         </div>
       </li>
-      <li class="nav-item">
-        <a class="nav-link bg-textcolor" href="/committees" style="width: max-content; max-width: 80vw; white-space: normal; color:aliceblue;">COMMITTEES</a>
+      </li>
+
+      <li class="nav-item dropdown">
+
+        <a
+          class="nav-link dropdown-toggle bg-textcolor"
+          href="/committees"
+          id="COMMITTEESNavbarDropdown"
+          role="button"
+          data-toggle="dropdown"
+          aria-haspopup="true"
+          aria-expanded="false"
+          style="color:aliceblue;"
+        >
+          COMMITTEES
+        </a>
+        <div
+          class="dropdown-menu"
+          aria-labelledby="COMMITTEESNavbarDropdown"
+          style="max-height: 300px; overflow-y: auto; white-space: normal; bg-white; color: #032c4e;"
+        >
+          <a class="dropdown-item" href="/committees" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">Overview</a>
+          <div class="dropdown-divider"></div>
+          <a class="dropdown-item disabled" href="/committees" style="width: max-content; max-width: 80vw; white-space: normal; color: #032c4e;">
+            LARGE GENERAL ASSEMBLIES
+          </a>
+          <a class="dropdown-item" href="/committee/ilo" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">International Labour Organization</a>
+          <a class="dropdown-item" href="/committee/who" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">World Health Organization</a>
+          <div class="dropdown-divider"></div>
+          <a class="dropdown-item disabled" href="/committees" style="width: max-content; max-width: 80vw; white-space: normal; color: #032c4e;">
+            MIDSIZE GENERAL ASSEMBLIES/SPECIALIZED BODIES
+          </a>
+          <a class="dropdown-item" href="/committee/food" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">Caviar, Champagne, and Truffles: Les Excellentes Cuisines du Monde</a>
+          <a class="dropdown-item" href="/committee/hollywood" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">Lines of Dissent: The 2023 Hollywood Strikes</a>
+          <a class="dropdown-item" href="/committee/adhoc_ga" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">Ad-Hoc General Assembly of the Director-General</a>
+          <div class="dropdown-divider"></div>
+          <a class="dropdown-item disabled" href="/committees" style="width: max-content; max-width: 80vw; white-space: normal; color: #032c4e;">
+            CRISIS COMMITTEES
+          </a>
+          <a class="dropdown-item" href="/committee/alexander" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">Alexander the Not-So-Great: The Macedonian Invasion of India, 327 BCE</a>
+          <a class="dropdown-item" href="/committee/theranos" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">Now We&#39;ve Got Bad Blood: Theranos Board of Directors</a>
+          <a class="dropdown-item" href="/committee/pedro" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">Little Prince, Big Problems: The Brazilian Regency Era, 1831</a>
+          <a class="dropdown-item" href="/committee/stranger_things" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">Stranger Things Have Happened: Hawkins City Council, 1986</a>
+          <a class="dropdown-item" href="/committee/mafia" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">Pasta and Pistols: The Sicilian Mafia, 1865</a>
+          <a class="dropdown-item" href="/committee/britain" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">White Ship Wrecked: The British Anarchy Period, 1135</a>
+          <a class="dropdown-item" href="/committee/unsc" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">This is Guinea-Bissau Crazy: United Nations Security Council, 2013</a>
+          <a class="dropdown-item" href="/committee/zombies" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">JCC–Brainz over Brawn: The Siege of San Francisco, Zombies</a>
+          <a class="dropdown-item" href="/committee/humans" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">JCC–Brainz over Brawn: The Siege of San Francisco, Humans</a>
+          <a class="dropdown-item" href="/committee/adhoc" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">Ad-Hoc Committee of the Secretary-General</a>
+        </div>
       </li>
       <li class="nav-item">
         <a class="nav-link bg-textcolor" href="/register" style="width: max-content; max-width: 80vw; white-space: normal; color:aliceblue;">REGISTRATION</a>

awards/index.html

@@ -120,8 +120,56 @@
           <a class="dropdown-item" href="/explore" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">Explore SF</a>
         </div>
       </li>
-      <li class="nav-item">
-        <a class="nav-link bg-textcolor" href="/committees" style="width: max-content; max-width: 80vw; white-space: normal; color:aliceblue;">COMMITTEES</a>
+      </li>
+
+      <li class="nav-item dropdown">
+
+        <a
+          class="nav-link dropdown-toggle bg-textcolor"
+          href="/committees"
+          id="COMMITTEESNavbarDropdown"
+          role="button"
+          data-toggle="dropdown"
+          aria-haspopup="true"
+          aria-expanded="false"
+          style="color:aliceblue;"
+        >
+          COMMITTEES
+        </a>
+        <div
+          class="dropdown-menu"
+          aria-labelledby="COMMITTEESNavbarDropdown"
+          style="max-height: 300px; overflow-y: auto; white-space: normal; bg-white; color: #032c4e;"
+        >
+          <a class="dropdown-item" href="/committees" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">Overview</a>
+          <div class="dropdown-divider"></div>
+          <a class="dropdown-item disabled" href="/committees" style="width: max-content; max-width: 80vw; white-space: normal; color: #032c4e;">
+            LARGE GENERAL ASSEMBLIES
+          </a>
+          <a class="dropdown-item" href="/committee/ilo" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">International Labour Organization</a>
+          <a class="dropdown-item" href="/committee/who" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">World Health Organization</a>
+          <div class="dropdown-divider"></div>
+          <a class="dropdown-item disabled" href="/committees" style="width: max-content; max-width: 80vw; white-space: normal; color: #032c4e;">
+            MIDSIZE GENERAL ASSEMBLIES/SPECIALIZED BODIES
+          </a>
+          <a class="dropdown-item" href="/committee/food" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">Caviar, Champagne, and Truffles: Les Excellentes Cuisines du Monde</a>
+          <a class="dropdown-item" href="/committee/hollywood" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">Lines of Dissent: The 2023 Hollywood Strikes</a>
+          <a class="dropdown-item" href="/committee/adhoc_ga" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">Ad-Hoc General Assembly of the Director-General</a>
+          <div class="dropdown-divider"></div>
+          <a class="dropdown-item disabled" href="/committees" style="width: max-content; max-width: 80vw; white-space: normal; color: #032c4e;">
+            CRISIS COMMITTEES
+          </a>
+          <a class="dropdown-item" href="/committee/alexander" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">Alexander the Not-So-Great: The Macedonian Invasion of India, 327 BCE</a>
+          <a class="dropdown-item" href="/committee/theranos" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">Now We&#39;ve Got Bad Blood: Theranos Board of Directors</a>
+          <a class="dropdown-item" href="/committee/pedro" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">Little Prince, Big Problems: The Brazilian Regency Era, 1831</a>
+          <a class="dropdown-item" href="/committee/stranger_things" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">Stranger Things Have Happened: Hawkins City Council, 1986</a>
+          <a class="dropdown-item" href="/committee/mafia" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">Pasta and Pistols: The Sicilian Mafia, 1865</a>
+          <a class="dropdown-item" href="/committee/britain" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">White Ship Wrecked: The British Anarchy Period, 1135</a>
+          <a class="dropdown-item" href="/committee/unsc" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">This is Guinea-Bissau Crazy: United Nations Security Council, 2013</a>
+          <a class="dropdown-item" href="/committee/zombies" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">JCC–Brainz over Brawn: The Siege of San Francisco, Zombies</a>
+          <a class="dropdown-item" href="/committee/humans" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">JCC–Brainz over Brawn: The Siege of San Francisco, Humans</a>
+          <a class="dropdown-item" href="/committee/adhoc" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">Ad-Hoc Committee of the Secretary-General</a>
+        </div>
       </li>
       <li class="nav-item">
         <a class="nav-link bg-textcolor" href="/register" style="width: max-content; max-width: 80vw; white-space: normal; color:aliceblue;">REGISTRATION</a>

committee/adhoc/index.html

@@ -26,7 +26,7 @@
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
     <link rel="stylesheet" href="/static/style.css">
     <title>
-       Ad&ndash;Hoc Committee of the Secretary&ndash;General - Committees  - UCBMUN XXVIII
+       Ad&ndash;Hoc Committee of the Secretary&ndash;General - Committees  - UCBMUN XXIX
     </title>
   </head>
   <body style="padding-top: 0px; width: 100%; overflow-x: hidden;">
@@ -90,7 +90,6 @@
           <a class="dropdown-item" href="/staff" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">Secretariat</a>
           <a class="dropdown-item" href="/schedule" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">Schedule</a>
           <a class="dropdown-item" href="/events" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">Conference Events</a>
-          <a class="dropdown-item" href="/covid" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">COVID-19 Policies</a>
         </div>
       </li>
       </li>
@@ -196,8 +195,6 @@
       <br>
       <img src="/static/comm_overview/adhoc.png" style="width: 30vw;"
         >
-      <br>
-      <br>
       <h1>
         Ad&ndash;Hoc Committee of the Secretary&ndash;General
       </h1>
@@ -221,7 +218,21 @@ <h3>
     </p>
     </div>
   </div>
-  <div class="col" style="text-align: left;">
+  <div class="col" style="          float: center;
+  width: 98%;
+  min-width: 300px;
+  text-align: left;
+  background-color: #032c4e;
+  padding: 5%;
+  margin: -3%;
+  margin-left: 1%;
+  margin-right: -5%; 
+  padding-right: 5%; 
+  padding-left:5%; 
+  padding-top: 3%; 
+  padding-bottom: 3%
+  "
+>
     <p>&quot;It's a great huge game of chess that's being played&mdash;all over the world&mdash;if this is the world at all, you know.&quot;</p>
 
 <p>The Ad&ndash;Hoc of the Secretary&ndash;General is a premier committee of high&ndash;caliber debate at UCBMUN XXIX. The committee's topic itself will remain hidden and will be announced shortly before the conference begins!</p>

committee/adhoc_ga/index.html

@@ -26,7 +26,7 @@
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
     <link rel="stylesheet" href="/static/style.css">
     <title>
-       Ad&ndash;Hoc General Assembly of the Director&ndash;General - Committees  - UCBMUN XXVIII
+       Ad&ndash;Hoc General Assembly of the Director&ndash;General - Committees  - UCBMUN XXIX
     </title>
   </head>
   <body style="padding-top: 0px; width: 100%; overflow-x: hidden;">
@@ -90,7 +90,6 @@
           <a class="dropdown-item" href="/staff" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">Secretariat</a>
           <a class="dropdown-item" href="/schedule" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">Schedule</a>
           <a class="dropdown-item" href="/events" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">Conference Events</a>
-          <a class="dropdown-item" href="/covid" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">COVID-19 Policies</a>
         </div>
       </li>
       </li>
@@ -196,8 +195,6 @@
       <br>
       <img src="/static/comm_overview/adhoc_ga.png" style="width: 30vw;"
         >
-      <br>
-      <br>
       <h1>
         Ad&ndash;Hoc General Assembly of the Director&ndash;General
       </h1>
@@ -207,7 +204,7 @@ <h1>
   <div class="row">
     <div class="col">
     <p class="text-light">
-          <em>Background Guide coming soon!</em>
+      <em>Background Guide coming soon!</em>
       <br>
       <p> 
 
@@ -221,7 +218,21 @@ <h3>
     </p>
     </div>
   </div>
-  <div class="col" style="text-align: left;">
+  <div class="col" style="          float: center;
+  width: 98%;
+  min-width: 300px;
+  text-align: left;
+  background-color: #032c4e;
+  padding: 5%;
+  margin: -3%;
+  margin-left: 1%;
+  margin-right: -5%; 
+  padding-right: 5%; 
+  padding-left:5%; 
+  padding-top: 3%; 
+  padding-bottom: 3%
+  "
+>
     <p>The Ad&ndash;Hoc General Assembly of the Director&ndash;General is a premier committee of high&ndash;caliber debate at UCBMUN XXIX. The committee's topic itself will remain hidden and will be announced shortly before the conference begins!</p>
 
 <p>Note: This is a <b><u>double-delegate</u></b> committee.</p>

committee/alexander/index.html

@@ -27,7 +27,7 @@
     <link rel="stylesheet" href="/static/style.css">
     <title>
        Alexander the Not-So-Great: The Macedonian Invasion of India, 327 BCE
- - Committees  - UCBMUN XXVIII
+ - Committees  - UCBMUN XXIX
     </title>
   </head>
   <body style="padding-top: 0px; width: 100%; overflow-x: hidden;">
@@ -91,7 +91,6 @@
           <a class="dropdown-item" href="/staff" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">Secretariat</a>
           <a class="dropdown-item" href="/schedule" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">Schedule</a>
           <a class="dropdown-item" href="/events" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">Conference Events</a>
-          <a class="dropdown-item" href="/covid" style="width: max-content; max-width: 150vw; white-space: normal; color:#032c4e;">COVID-19 Policies</a>
         </div>
       </li>
       </li>
@@ -197,8 +196,6 @@
       <br>
       <img src="/static/comm_overview/alexander.png" style="width: 30vw;"
         >
-      <br>
-      <br>
       <h1>
         Alexander the Not-So-Great: The Macedonian Invasion of India, 327 BCE
 
@@ -209,7 +206,7 @@ <h1>
   <div class="row">
     <div class="col">
     <p class="text-light">
-          <em>Background Guide coming soon!</em>
+      <em>Background Guide coming soon!</em>
       <br>
       <p> 
 
@@ -223,7 +220,21 @@ <h3>
     </p>
     </div>
   </div>
-  <div class="col" style="text-align: left;">
+  <div class="col" style="          float: center;
+  width: 98%;
+  min-width: 300px;
+  text-align: left;
+  background-color: #032c4e;
+  padding: 5%;
+  margin: -3%;
+  margin-left: 1%;
+  margin-right: -5%; 
+  padding-right: 5%; 
+  padding-left:5%; 
+  padding-top: 3%; 
+  padding-bottom: 3%
+  "
+>
     <p>Shortly after becoming king of the mighty Macedonian Empire at age 20, Alexander the Great set out to conquer the Achaemenid Perisan Empire. He launched a series of military campaigns, taking over territories such as Asia Minor and Egypt before finally overthrowing Darius III, the last Achaemenid king. Wanting to continue spreading Hellenistic influence, Alexander continued eastward with his sights set on India.</p>
 
 <p>The year is 327 BCE, and India must prepare to counter Alexander&rsquo;s impending invasion or risk losing critical territory, resources, and power. However, India is far from unified, instead splintered into several smaller states that often clash with one another. </p>