update deployment version

_data/media.yml

@@ -131,7 +131,7 @@
 
 - item_id: media_014
   item_type: image
-  item_location: https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/Dust_jacket%2C_first_edition_of_The_Rising_Tide_of_Color_Against_White_World-Supremacy.jpg/440px-Dust_jacket%2C_first_edition_of_The_Rising_Tide_of_Color_Against_White_World-Supremacy.jpg
+  item_location: /assets/images/media_014.jpg
   title: The Rising Tide of Color by Lothrop Stoddard
   creator: Lothrop Stoddard
   description: Image of the cover of The Rising Tide of Color by Lothrop Stoddard. It is black and red with silhouettes of stereotypical/racist images of BIPOC people marching across the globe
@@ -144,7 +144,7 @@
   item_location: /assets/images/media_015.jpg # path or src/url
   title: Helen Chapin's business card, with her Chinese name at the center
   creator: unknown
-  description: The pronunciation of Chapin's Chinese name is similar 
+  description: The pronunciation of Helen Chapin's Chinese name is similar 
   source: Archive 12H Chapin, Bryn Mawr College 
   accession_number: 
 
@@ -267,7 +267,7 @@
   creator: Grace Foresman
   date: 6 June 2023
   description: Photo of stone guardian lions on steps of Deanery guardian with a red circle around both lions. Left lion labeled male and right lion labeled female 
-  source: Bryn Mawr special collections 
+  source: Bryn Mawr Special Collections 
   accession_number: 
 
 - item_id: media_029
@@ -420,4 +420,114 @@
   date: August 4 2023
   description: Photo of the Chinese screen displayed in the Fong Reading Room in Carpenter Library. The screen is black with gold painting
   source: 
-  accession_number:
+  accession_number:
+
+- item_id: media_044
+  item_type: image
+  item_location: /assets/images/media_044.jpg
+  title: Canton Ware
+  creator: Bryn Mawr Special Collections
+  date: 1935
+  description: Photo of a 20th century Caton ware plate. The ceramic plate is white with dark blue detailing depicting a trees and a fence. 
+  source: Bryn Mawr Special Collections
+  accession_number: W.406  
+
+- item_id: media_045
+  item_type: image
+  item_location: /assets/images/media_045.jpg
+  title: Clerical Script Calligraphy on Vermillion Silver-flecked Paper
+  creator: Shi Yandao
+  date: 1925
+  description: A transcription of a Chinese poem gifted to Helen Chapin. 
+  source: Bryn Mawr Special Collections
+  accession_number: 2011.27.45 
+
+- item_id: media_046
+  item_type: image
+  item_location: /assets/images/media_046.jpg
+  title: Opium Pipe
+  creator: 
+  date: 19th century - early 20th century
+  description: A small opium pipe from Helen Chapin's collection donated to the college. 
+  source: Bryn Mawr Special Collections
+  accession_number: TN.168  
+
+- item_id: media_047
+  item_type: image
+  item_location: /assets/images/media_047.jpg
+  title: Shoe for Lady's Bound Foot
+  creator: Bryn Mawr Special Collections
+  date: Late 19th century - early 20th century
+  description: A small shoe for a bound foot. Part of Helen Chapin's colelction donated to the college.
+  source:
+  accession_number: TN.180
+
+- item_id: media_048
+  item_type: image
+  item_location: /assets/images/media_048.jpg
+  title: Buddha Statue 
+  creator: Bryn Mawr Special Collections
+  date: Early 20th century
+  description: Buddha statue from the Deanery
+  source:
+  accession_number: 2007.3.16 
+
+- item_id: media_049
+  item_type: image
+  item_location: /assets/images/media_049.jpg
+  title: Plant Stand
+  creator: A. A. Vantine & Co.
+  date: 
+  description: Teakwood plant stand from A. A. Vantine that Thomas used to decorate the Deanery
+  source: Bryn Mawr Special Collections
+  accession_number: F.211
+
+- item_id: media_050
+  item_type: image
+  item_location: /assets/images/media_050.jpg
+  title: A. A. Vantine 1917 Catalogue Page
+  creator: A. A. Vantine & Co. 
+  date: 1917
+  description: Catalogue page showing different Asian-inspired plant stands. 
+  source: Internet Archive 
+  accession_number: 
+
+- item_id: media_051
+  item_type: image
+  item_location: /assets/images/media_051.jpg
+  title: Japanese Garden Seat
+  creator: Unknown
+  date: 
+  description: This ceramic seat was one of many that Thomas usesd to decorate the Deanery garden (Taft Garden)
+  source: Bryn Mawr Special Collections
+  accession_number: Deanery.184
+
+- item_id: media_052
+  item_type: image
+  item_location: /assets/images/media_052.jpg
+  title: Student production of The Mikado
+  creator: 
+  date: 1916
+  description: White Bryn Mawr students dressed up in Japanese attire for the Glee Club's prodcution of The Mikado, a satirical play mocking Japanese people. 
+  source: Bryn Mawr Special Collections
+  accession_number: PAE Plays 3 folder 
+
+- item_id: media_053
+  item_type: image
+  item_location: /assets/images/media_053.jpg
+  title: Playbook from Bryn Mawr's Chinese Lantern production
+  creator: 
+  date: 1915
+  description: The sophomore class put on a production of the Chinese Lantern by Laurence Housman, which mocked Chinese people and culture.  
+  source: Bryn Mawr Special Collections
+  accession_number: 
+
+- item_id: media_054
+  item_type: image
+  item_location: /assets/images/media_054.jpg
+  title: The Revolt Against Civilization
+  creator: Lothrop Stoddard
+  date: 1922
+  description: Book cover
+  source: Internet Archive
+  accession_number:  

_data/menu.yml

@@ -2,7 +2,5 @@
   navigation:
     - title: Disoriented
       url: /current/disoriented/
-    - title: Blog
-      url: /current/blog/
     - title: Team
       url: /current/team/

_includes/carousel.html

@@ -0,0 +1,84 @@
+<head>
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
+      integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
+      crossorigin="anonymous"
+    />
+    <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/style.css" />
+    <script
+      src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
+      integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
+      crossorigin="anonymous"
+    ></script>
+    <script
+      src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
+      integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
+      crossorigin="anonymous"
+    ></script>
+    <script
+      src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
+      integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
+      crossorigin="anonymous"
+    ></script>
+  </head>
+
+  <div
+    id="carouselControls"
+    class="carousel slide"
+    data-ride="carousel"
+    data-interval="0"
+  >
+
+    <div class="carousel-inner">
+      {% for item in page.carousel %}
+
+      <div class="{{ item.class | default: carousel-item }}">
+        <img
+          class="d-block w-100"
+          src="{{ item.path | relative_url }}" 
+          alt="{{ item.alt }}"
+        />
+        {% if item.caption %}
+        <div class="carousel-caption d-none d-md-block">
+          <p style="margin:.75rem">{{ item.caption }}</p>
+        </div>
+        {% endif %}
+      </div>
+
+      {% endfor %}
+
+      <a
+        class="carousel-control-prev"
+        href="#carouselControls"
+        role="button"
+        data-slide="prev"
+      >
+        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+        <span class="sr-only">Previous</span>
+      </a>
+      <a
+        class="carousel-control-next"
+        href="#carouselControls"
+        role="button"
+        data-slide="next"
+      >
+        <span class="carousel-control-next-icon" aria-hidden="true"></span>
+        <span class="sr-only">Next</span>
+      </a>
+    </div>
+    <ol class="carousel-indicators">
+      <!--adds an indicator for every slide-->
+      {% for item in page.carousel %}
+      {% if forloop.first %}
+      <li
+        data-target="#carouselControls"
+        data-slide-to="0"
+        class="active"
+      ></li>
+      {% else %}
+      <li data-target="#carouselControls" data-slide-to="{{ forloop.index0 }}"></li>
+      {% endif %}
+      {% endfor %}
+    </ol>
+  </div>

_includes/phase-grid.html

@@ -7,7 +7,7 @@
                 </div>
                 <div class="col-md-7">
                     <h3><a href="{{ '/current/' | relative_url}}">Who Built Bryn Mawr, current</a></h3>
-                    <p>Exhibit on campus and blog</p>
+                    <p>Exhibit on campus</p>
                     <a class="link-button" style="font-size: 1rem;" href="{{ '/current/' | relative_url}}">Explore</a>
                 </div>
             </div>

_sass/wbbm.scss

@@ -169,4 +169,100 @@ h1 {
 
 .media-container .metadata-container td {
     color: white;
-}
+}
+
+/* ----- Cards ----- */
+
+.card.wide-card {
+    width: 100%;
+    height: 10rem;
+    margin-bottom: 1rem;
+
+    .card-img {
+        height: 100%;
+        object-fit: cover;
+    }
+
+    a {
+        width: 100%;
+        height: 100%;
+
+        .card-img-overlay {
+            background-color: #0000009f;
+            text-align: center;
+
+            h2 {
+                color: white;
+                margin: 0;
+                position: absolute;
+                top: 50%;
+                left: 50%;
+                transform: translate(-50%, -50%);
+            }
+        }
+
+        .card-img-overlay:hover {
+            background-color: #00000062;
+        }
+    }
+}
+
+/* ----- Bottom Nav ----- */
+ul.bottom-nav {
+    list-style-type: none;
+    display: inline;
+    margin-bottom: 1rem;
+
+    li {
+        margin-bottom: 1rem;
+    }
+}
+
+/* ----- Blockquote ----- */
+blockquote {
+    font-size: larger;
+}
+
+
+/* ----- Carousel ----- */
+
+.carousel {
+    margin-bottom: 1.5em;
+    background-color: black;
+  }
+
+  .carousel-control-next, .carousel-control-prev {
+    background-color: transparent !important;
+  }
+
+  .carousel-indicators {
+    position: absolute;
+    right: 0;
+    bottom: -20px;
+    left: 0;
+    margin: 0 !important;
+  }
+
+  .carousel-item {
+    img {
+      margin: 0;
+      height: 40vh;
+      object-fit: cover;
+      object-position: 50% 50%;
+    }
+  }
+
+  .carousel-caption {
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    left: 0;
+    width: 100%;
+    z-index: 10;
+    padding-top: 5px;
+    padding-bottom: 5px;
+    color: #fff;
+    background-color: rgba(0, 0, 0, 0.499);
+    text-align: center;
+    display: block !important;
+  }