The Best Commencement Speeches, Ever

kshf_config.json

{
  "domID": "#demo_Browser",
  "itemName": "Speeches",
  "source": {
    "url": "http://apps.npr.org/commencement/",
    "dirPath": "https://ca480fa8cd553f048c65766cc0d0f07f93f6fe2f.googledrive.com/host/0By6LdDWgaqgNfmpDajZMdHMtU3FWTEkzZW9LTndWdFg0Qk9MNzd0ZW9mcjA4aUJlV0p1Zk0/",
    "fileType": "json",
    "tables": [
      {
        "name": "commencement-speeches",
        "id": "id"
      }
    ]
  },
  "summaries": [
    {
      "name": "University",
      "panel": "left",
      "value": "school"
    },
    {
      "name": "Featured",
      "panel": "right",
      "value": "function (){ return this.featured!==\"\"?\"Featured <span class='fa fa-star'></span>\":null}"
    },
    {
      "name": "Field",
      "panel": "right",
      "value": "field"
    },
    {
      "name": "Tags",
      "panel": "right",
      "value": "tags"
    },
    {
      "name": "img_credit",
      "panel": "right"
    },
    {
      "name": "Year",
      "panel": "bottom",
      "value": "year",
      "intervalScale": "linear"
    }
  ],
  "leftPanelLabelWidth": 220,
  "rightPanelLabelWidth": 110,
  "middlePanelLabelWidth": 115,
  "recordDisplay": {
    "displayType": "list",
    "textSearch": "name",
    "recordView": "youtube_id",
    "sortBy": "Year",
    "sortColWidth": 40,
    "detailsToggle": "off"
  }
}

kshf_style.css

#demo_Browser{ height: calc(100vh - 85px); }
.speaker_name{
  font-size: 1.2em;
  font-weight: 700;
}
.speaker_school{
  display: inline-block;
  margin: 0px 5px;
}
.speaker_school:before{
  content: "at";
  margin-right: 5px;
  font-weight: 300;
  font-style: 0.9em;
}
.full_text{
  display: inline-block;
  margin-left: 5px;
  font-size: 1em;
  color: gray;
}
.money_quote{
  font-weight: 300;
  font-size: 0.9em;
  font-style: italic;
}
.content a:hover{ text-decoration: underline; }
.money_quote:before{
  content: "\"";
  font-weight: 700;
  font-size: 1.1em;
}
.money_quote:after{
  content: "\"";
  font-weight: 700;
  font-size: 1.1em;
}
.video_url{
  display: inline-block;
  margin: 0px 3px;
  font-size: 1.1em;
  color: orangered;
  text-decoration: none;
}
.audio_url{
  display: inline-block;
  margin: 0px 3px;
  font-size: 1.1em;
  color: orangered;
  text-decoration: none;   
}
.content{ margin-bottom: 3px; }