Merge pull request #89 from code4lib/peri

Enabling peri-conference display

Author: escowles

_data/conf.yml

@@ -123,7 +123,7 @@ anonymous-form: 'https://css4csv.clir.org/anonymous-incident-report-form/'
 # - post:   for after the conference is over
 #
 ####################
-homepage-display: pre
+homepage-display: peri
 
 livestream:
   show: false
@@ -147,21 +147,39 @@ workshops:
   location: rabinowitz
 
 # Peri display descriptions and titles
-#peri:
-#  day1-am-title: 'Pre-Conference'
-#  day1-am-desc: 'Workshops'
-#  day1-pm-title: 'Newcomer Dinner'
-#  day1-pm-desc: 'Dine-Around'
-#  day2-am-title: 'Conference, Day 1'
-#  day2-am-desc: 'Opening Keynote & Talks'
-#  day2-pm-title: 'Reception'
-#  day2-pm-desc: 'Pearl Street Grill & Brewery'
-#  day3-am-title: 'Conference, Day 2'
-#  day3-am-desc: 'Awesome Talks'
-#  day3-pm-title: 'Game Night'
-#  day3-pm-desc: 'Board or Card Games'
-#  day4-am-title: 'Conference, Day 3'
-#  day4-am-desc: 'Closing Keynote & Talks'
+peri:
+  day0:
+    am:
+      title: 'Pre-Conference'
+      desc: 'Workshops'
+      link: '/workshops'
+    pm:
+      title: 'Newcomer Dinner'
+      desc: 'Dine-Around'
+      link: '/general-info/venues/#dinner'
+  day1:
+    am:
+      title: 'Conference, Day 1'
+      desc: 'Opening Keynote & Talks'
+      link: '/schedule/day-1'
+    pm:
+      title: 'Reception'
+      desc: 'Palmer House'
+      link: '/general-info/venues/#reception'
+  day2:
+    am:
+      title: 'Conference, Day 2'
+      desc: 'Awesome Talks'
+      link: '/schedule/day-2'
+    pm:
+      title: 'Game Night'
+      desc: 'Board or Card Games'
+      link: '/general-info/venues/#gaming'
+  day3:
+    am:
+      title: 'Conference, Day 3'
+      desc: 'Closing Keynote & Talks'
+      link: '/schedule/day-3'
 
 ###########
 # Sponsors

_includes/homepage/peri_conference.html

@@ -32,22 +32,22 @@
 
     <div class="col-md-3 event-day" data-date="{{ site.data.conf.days[0].date-data }}">
         <h2 class="text-center">{{site.data.conf.days[0].date | date: "%b %d"}}</h2>
-        {% include homepage/event_card.html icon='am' link='/workshops' title=site.data.conf.peri.day1-am-title description=site.data.conf.peri.day1-am-desc %}
-        {% include homepage/event_card.html icon='pm' link='/general-info/venues/#dinner' title=site.data.conf.peri.day1-pm-title description=site.data.conf.peri.day1-pm-desc %}
+        {% include homepage/event_card.html icon='am' link=site.data.conf.peri.day0.am.link title=site.data.conf.peri.day0.am.title description=site.data.conf.peri.day0.am.desc %}
+        {% include homepage/event_card.html icon='pm' link=site.data.conf.peri.day0.pm.link title=site.data.conf.peri.day0.pm.title description=site.data.conf.peri.day0.pm.desc %}
     </div>
     <div class="col-md-3 event-day" data-date="{{ site.data.conf.days[1].date-data }}">
         <h2 class="text-center">{{site.data.conf.days[1].date | date: "%b %d"}}</h2>
-        {% include homepage/event_card.html icon='am' link='/schedule/day-1' title=site.data.conf.peri.day2-am-title description=site.data.conf.peri.day2-am-desc %}
-        {% include homepage/event_card.html icon='pm' link='/general-info/venues/#reception' title=site.data.conf.peri.day2-pm-title description=site.data.conf.peri.day2-pm-desc %}
+        {% include homepage/event_card.html icon='am' link=site.data.conf.peri.day1.am.link title=site.data.conf.peri.day1.am.title description=site.data.conf.peri.day1.am.desc %}
+        {% include homepage/event_card.html icon='pm' link=site.data.conf.peri.day1.pm.link title=site.data.conf.peri.day1.pm.title description=site.data.conf.peri.day1.pm.desc %}
     </div>
     <div class="col-md-3 event-day" data-date="{{ site.data.conf.days[2].date-data }}">
         <h2 class="text-center">{{site.data.conf.days[2].date | date: "%b %d"}}</h2>
-        {% include homepage/event_card.html icon='am' link='/schedule/day-2' title=site.data.conf.peri.day3-am-title description=site.data.conf.peri.day3-am-desc %}
-        {% include homepage/event_card.html icon='pm' link='/general-info/social/#game-night' title=site.data.conf.peri.day3-pm-title description=site.data.conf.peri.day3-pm-desc %}
+        {% include homepage/event_card.html icon='am' link=site.data.conf.peri.day2.am.link title=site.data.conf.peri.day2.am.title description=site.data.conf.peri.day2.am.desc %}
+        {% include homepage/event_card.html icon='pm' link=site.data.conf.peri.day2.pm.link title=site.data.conf.peri.day2.pm.title description=site.data.conf.peri.day2.pm.desc %}
     </div>
     <div class="col-md-3 event-day" data-date="{{ site.data.conf.days[3].date-data }}">
         <h2 class="text-center">{{site.data.conf.days[3].date | date: "%b %d"}}</h2>
-        {% include homepage/event_card.html icon='am' link='/schedule/day-3' title=site.data.conf.peri.day4-am-title description=site.data.conf.peri.day4-am-desc %}
+        {% include homepage/event_card.html icon='am' link=site.data.conf.peri.day3.am.link title=site.data.conf.peri.day3.am.title description=site.data.conf.peri.day3.am.desc %}
     </div>
 
     <div class="col-12 text-center">

assets/_scss/_sections.scss

@@ -12,7 +12,7 @@ section:nth-of-type(3n+1) {
   color: $text-color;
   &.welcome {
     border-top: 2px solid $gray-light;
-    background: #002673;
+    background: #050505;
     color: $accent;
   }
 }