Alex Rice ricealexander

## transcript-extractor.js
// Transcripts
// One possible way to associate transcripts with Grove posts may involve Shared Modules
//   1. Insert a Module at the bottom of the news post.
//   2. Select Shared Module and create a new Shared Module.
//   3. Select RichText Module and give it a subhead at the top titled "Transcript".
//   4. Copy/Paste the transcript from Google Docs into the RichText body.
//   5. Publish!
//
// This provides some benefits for us over other strategies:
//   * Text is the most accessible format for our audience.

## grove-embeddable-audio-player.html
<!doctype html>
<html>
<head>
  <title>Audio Player</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aplayer/1.10.1/APlayer.min.css">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/aplayer/1.10.1/APlayer.min.js"></script>
</head>
<body>
<!--
  This demo is built on top of APlayer

## talk-toast-taste-ticket-table.html
<table id="talk-toast-tickets-table" border="1">
  <style>
  #talk-toast-tickets-table {
    background-color: white;
    border: 1px solid #d5dce1;
    margin: 1rem 0;
  }

  #talk-toast-tickets-table th {
    background-color: #e1e6ea;

## un-allcaps-ifier.js
const sponsors = [
  'BARNES JEWISH HOSPITAL',
  'BARNES JEWISH WEST COUNTY HOSPITAL',
  'BELLEVILLE NEWS DEMOCRAT',
  'BESPOKE APPAREL',
  'BETTER BUSINESS BUREAU',
  'BIG BOW EVENTS',
  'BIG O LIQUEUR',
]

## grove.css
.Figure-content .Link {
  color: var(--linkColor);
}

.Figure-content .Link:hover {
  color: var(--linkHoverColor);
}

## transcript-instructions-template.html
<div class="box">
  <h3>Request a Transcript</h3>
  <p>
    Transcripts for St. Louis Public Radio produced programming are available upon request.
    <br><br>

    To request a transcript for <em>{PROGRAM NAME}</em>,
    let us know the episode date and contact {CONTACT NAME}
    at <a href="mailto:{CONTACT EMAIL}">{CONTACT EMAIL}</a>.
  </p>

## getFacebookStats.js
// This function simplifies totalling up Reactions, Comments, and Shares in Facebook Insights
// To get the Reactions/Comments/Shares state, you must have the React Developer Tools Extension

// 1. Navigate to Page Insights > Reach
// 2. Set the date range at the top right of the view to the target range
// 3. Inspect the "Reactions, Comments, Shares and More" chart
// 4. In the React Components tool, navigate to c [from HubbleAreaLineChart] within HubbleChart
// 5. In the props, right click on "lines" and "Copy value to clipboard"
// The state of Reactions/Comments/Shares is now a nested array within your clipboard

## getItem.js
function getItem (array, index) {
  if (typeof index !== 'number' || Number.isNaN(index)) {
    throw new TypeError(`Expected index to be a Number. Instead got "${index}"`)
  }
  if (Math.abs(index) === Infinity) {
    throw new ReferenceError(`Cannot access item at index "${index}"`)
  }

  const {length} = array
  let wrappedIndex = index

## semicolon-indentation.js
{
;;;;// Helper Functions
;;;;async function asyncMap (array, callback) {
;;;;;;;;const results = []
;;;;;;;;for (const item of array) {
;;;;;;;;;;;;results.push(await callback(item))
;;;;;;;;}
;;;;;;;;return results
;;;;}
;

## grove-reddit-sharing.js
function redditShareLink () {
  const { storyTitle } = window.Glade.getMetadata()

  const title = storyTitle ?? document.title
  const url = document.location.href

  return `https://www.reddit.com/submit?url=${encodeURIComponent(url)}&title=${encodeURIComponent(title)}`
}
	// Transcripts
	// One possible way to associate transcripts with Grove posts may involve Shared Modules
	// 1. Insert a Module at the bottom of the news post.
	// 2. Select Shared Module and create a new Shared Module.
	// 3. Select RichText Module and give it a subhead at the top titled "Transcript".
	// 4. Copy/Paste the transcript from Google Docs into the RichText body.
	// 5. Publish!
	//
	// This provides some benefits for us over other strategies:
	// * Text is the most accessible format for our audience.
	<!doctype html>
	<html>
	<head>
	<title>Audio Player</title>
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aplayer/1.10.1/APlayer.min.css">
	<script src="https://cdnjs.cloudflare.com/ajax/libs/aplayer/1.10.1/APlayer.min.js"></script>
	</head>
	<body>
	<!--
	This demo is built on top of APlayer
	<table id="talk-toast-tickets-table" border="1">
	<style>
	#talk-toast-tickets-table {
	background-color: white;
	border: 1px solid #d5dce1;
	margin: 1rem 0;
	}

	#talk-toast-tickets-table th {
	background-color: #e1e6ea;
	const sponsors = [
	'BARNES JEWISH HOSPITAL',
	'BARNES JEWISH WEST COUNTY HOSPITAL',
	'BELLEVILLE NEWS DEMOCRAT',
	'BESPOKE APPAREL',
	'BETTER BUSINESS BUREAU',
	'BIG BOW EVENTS',
	'BIG O LIQUEUR',
	]
	.Figure-content .Link {
	color: var(--linkColor);
	}

	.Figure-content .Link:hover {
	color: var(--linkHoverColor);
	}
	<div class="box">
	<h3>Request a Transcript</h3>
	<p>
	Transcripts for St. Louis Public Radio produced programming are available upon request.
	<br><br>

	To request a transcript for <em>{PROGRAM NAME}</em>,
	let us know the episode date and contact {CONTACT NAME}
	at <a href="mailto:{CONTACT EMAIL}">{CONTACT EMAIL}</a>.
	</p>
	// This function simplifies totalling up Reactions, Comments, and Shares in Facebook Insights
	// To get the Reactions/Comments/Shares state, you must have the React Developer Tools Extension

	// 1. Navigate to Page Insights > Reach
	// 2. Set the date range at the top right of the view to the target range
	// 3. Inspect the "Reactions, Comments, Shares and More" chart
	// 4. In the React Components tool, navigate to c [from HubbleAreaLineChart] within HubbleChart
	// 5. In the props, right click on "lines" and "Copy value to clipboard"
	// The state of Reactions/Comments/Shares is now a nested array within your clipboard
	function getItem (array, index) {
	if (typeof index !== 'number' \|\| Number.isNaN(index)) {
	throw new TypeError(`Expected index to be a Number. Instead got "${index}"`)
	}
	if (Math.abs(index) === Infinity) {
	throw new ReferenceError(`Cannot access item at index "${index}"`)
	}

	const {length} = array
	let wrappedIndex = index
	{
	;;;;// Helper Functions
	;;;;async function asyncMap (array, callback) {
	;;;;;;;;const results = []
	;;;;;;;;for (const item of array) {
	;;;;;;;;;;;;results.push(await callback(item))
	;;;;;;;;}
	;;;;;;;;return results
	;;;;}
	;
	function redditShareLink () {
	const { storyTitle } = window.Glade.getMetadata()

	const title = storyTitle ?? document.title
	const url = document.location.href

	return `https://www.reddit.com/submit?url=${encodeURIComponent(url)}&title=${encodeURIComponent(title)}`
	}