adding video banner

thecdil · Feb 27, 2024 · 6275f22 · 6275f22
1 parent 1a08872
commit 6275f22
Show file tree

Hide file tree

Showing 8 changed files with 74 additions and 9 deletions.
diff --git a/_data/config-nav.csv b/_data/config-nav.csv
@@ -1,5 +1,5 @@
 display_name,stub,dropdown_parent
-Home,/,
+Taylor Wilderness Research Station Archive,/,
 About,
 About the Colleciton,/about.html,About
 About the Interviews,/about_interviews.html,About

diff --git a/_data/theme.yml b/_data/theme.yml
@@ -8,7 +8,7 @@
 #
 # featured image is used in home page banner and in meta markup to represent the collection
 # use either an objectid (from an item in this collect), a relative location of an image in this repo, or a full url to an image elsewhere
-featured-image: twrs238
+featured-video-id: "https://www.youtube.com/watch?v=eKYyentx7Nc"
 # optional: add extra padding around collection title for a larger image feature. 
 home-title-y-padding: 12em # the margin from the top your title portion will appear.
 # optional: change position of background image, center, top, bottom

diff --git a/_includes/collection-nav.html b/_includes/collection-nav.html
@@ -1,5 +1,5 @@
 <nav class="navbar navbar-expand-lg {{ site.data.theme.navbar-color | default: 'navbar-dark' }} {{ site.data.theme.navbar-background | default: 'bg-dark' }}">
-    <div class="container">
+    <div class="container-fluid">
         <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#page-nav" aria-controls="page-nav" aria-expanded="false" aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>

diff --git a/_includes/custom-banner.html b/_includes/custom-banner.html
@@ -0,0 +1,26 @@
+{% if page.layout == "taylor-home" %}
+{% include collection-nav.html %}
+<div id="home-banner" class="container-fluid mb-0 p-0">
+    <h1 class="visually-hidden">{{ site.title }}</h1>
+    <div class="w-100 ratio ratio-16x9">
+        <iframe title="" src="https://www.youtube-nocookie.com/embed/eKYyentx7Nc?rel=0&modestbranding=1" allowfullscreen></iframe>
+    </div>
+</div>
+{%- else -%}
+<div class="container-fluid">
+    <div class="row align-items-center">
+        <div id="title" class="{% if site.organization-logo-banner %}col-md-9{% else %}col-12{% endif %}">
+            <h1><a class="text-dark font-weight-normal" href="{{ site.baseurl }}/" >{{ site.title }}</a></h1>     
+            {% if site.tagline %}<p>{{ site.tagline }}</p>{% endif %}
+        </div>
+        {% if site.organization-logo-banner %}
+        <div class="col-md-3 d-none d-lg-block text-end">
+            <a class="btn btn-dark" href="{{ site.organization-link }}" title="{{ site.organization-name | escape }} home" target="_blank" rel="noopener">
+                <img class="img-fluid" src="{{ site.organization-logo-banner | relative_url }}" alt="{{ site.organization-name | escape }}" style="max-height:100px">
+            </a>
+        </div>
+        {% endif %}
+    </div>
+</div>
+{% include collection-nav.html %}
+{%- endif -%}
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -5,8 +5,9 @@
   </head>
   <body class="d-flex flex-column h-100">
     <div id="skip-to-content"><a href="#maincontent">Skip to main content</a></div>
-    {% include collection-banner.html %}
-    {% include collection-nav.html %}
+
+    {% include custom-banner.html %}
+
     <main id="maincontent" role="main" class="flex-shrink-0">
       {{ content }}
     </main>

diff --git a/_layouts/home-infographic.html b/_layouts/home-infographic.html
@@ -11,9 +11,9 @@
 
     <h2>A Sense of Place</h2>
 
-    Watch this mapped excerpt of the Maurice Hornocker interview, where he describes a four day search with fellow researcher Wilbur Wiles, looking for his favorite dog Little Red in cougar country throughout the Taylor Wilderness area.
+    Watch this mapped excerpt of the Maurice Hornocker interview, where he describes a four day search with fellow researcher Wilbur Wiles, looking for his favorite dog Little Red in cougar country throughout the Frank Church River of No Return Wilderness that surrounds the Taylor Wilderness Research Station.
 
-    {% include feature/video.html objectid="https://youtube.com/watch?v=5FZX3YfoON4" %}
+    {% include feature/video.html objectid="https://www.youtube.com/watch?v=EEFYBcwY4Bg" %}
 
     <a href='/items/hornocker_2.html'>Watch the full video here</a> or <a href='https://earth.google.com/earth/d/12-SnHkcpTIu5pNVLQROautGsJRaknTKw?usp=sharing' target="_blank">explore the space on your own.</a>
 

diff --git a/_layouts/taylor-home.html b/_layouts/taylor-home.html
@@ -0,0 +1,39 @@
+---
+# Default home page with boxes providing collection stats
+layout: page
+---
+{%- assign items = site.data[site.metadata] | where_exp: 'item','item.objectid' -%}
+
+<div class="row">
+
+  <div class="col-md-12 mb-5">
+    {% include feature/timelinejs.html json="/assets/data/taylor-ds-timeline.json" %}
+
+    <h2>A Sense of Place</h2>
+
+    Watch this mapped excerpt of the Maurice Hornocker interview, where he describes a four day search with fellow researcher Wilbur Wiles, looking for his favorite dog Little Red in cougar country throughout the Frank Church River of No Return Wilderness that surrounds the Taylor Wilderness Research Station.
+
+    {% include feature/video.html objectid="https://www.youtube.com/watch?v=eKYyentx7Nc" %}
+
+    <a href='/items/hornocker_2.html'>Watch the full video here</a> or <a href='https://earth.google.com/earth/d/12-SnHkcpTIu5pNVLQROautGsJRaknTKw?usp=sharing' target="_blank">explore the space on your own.</a>}}
+
+    </div>
+  <div class="col-md-8">
+
+    {% include index/description.html %}
+
+  </div>
+  <div class="col-md-4">  
+
+    {% include index/featured-terms.html field="subject" title="Top Subjects" btn-color="payette-blue" %}
+
+    {% include index/objects.html %}
+
+  </div>
+  <div class="col-md-12">
+
+    {% include index/data-download.html %}
+
+  </div>
+
+</div>
diff --git a/pages/index.md b/pages/index.md
@@ -1,6 +1,5 @@
 ---
-layout: home-infographic
+layout: taylor-home
 title: Home
 permalink: /
 ---
-