From b583823ee3979be3d438cbd73295661b85998d87 Mon Sep 17 00:00:00 2001
From: Jarrod Millman <jarrod.millman@gmail.com>
Date: Fri, 1 Mar 2024 09:14:00 -0800
Subject: [PATCH] Remove custom youtube shortcode

---
 assets/theme-css/videos.css      |  64 -------------------
 doc/content/video-page.md        |   9 ---
 layouts/partials/javascript.html |  19 ------
 layouts/shortcodes/youtube.html  | 103 -------------------------------
 4 files changed, 195 deletions(-)
 delete mode 100644 assets/theme-css/videos.css
 delete mode 100644 doc/content/video-page.md
 delete mode 100644 layouts/shortcodes/youtube.html

diff --git a/assets/theme-css/videos.css b/assets/theme-css/videos.css
deleted file mode 100644
index f0dfcab2..00000000
--- a/assets/theme-css/videos.css
+++ /dev/null
@@ -1,64 +0,0 @@
-.youtube {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-}
-
-.youtube iframe {
-  width: 640px;
-  max-width: 100%;
-  height: 360px;
-  margin-top: 1rem;
-  margin-bottom: 0rem;
-}
-
-.youtube .video-meta {
-  padding-top: 0.75rem;
-  padding-bottom: 1.5rem;
-  font-weight: bold;
-  padding-bottom: 0.5rem;
-}
-
-.youtube .video-title {
-}
-
-.youtube .video-about {
-}
-
-.video-transcript-button {
-  width: 640px;
-  max-width: 100%;
-  background-color: #ddd;
-  color: #444;
-  cursor: pointer;
-  padding: 1rem;
-  border: none;
-  text-align: left;
-  outline: none;
-  font-size: 1.25rem;
-}
-
-.video-transcript-button:hover {
-  background-color: #bbb;
-}
-
-/* The little triangle on the transcript button */
-.video-transcript-button-pointer {
-}
-
-.video-transcript-button .video-transcript-button-pointer::before {
-  content: "▶";
-}
-
-.video-transcript-button.active .video-transcript-button-pointer::before {
-  content: "▼";
-}
-
-.video-transcript {
-  max-width: 640px;
-  width: 100%;
-  display: none;
-  overflow: auto;
-  background-color: #f1f1f1;
-  padding: 1rem;
-}
diff --git a/doc/content/video-page.md b/doc/content/video-page.md
deleted file mode 100644
index dac329ab..00000000
--- a/doc/content/video-page.md
+++ /dev/null
@@ -1,9 +0,0 @@
----
-youtube_id: EmGSSbwdCZQ
-title: "YouTube: video from a page"
-date: 2022-03-15
-author: Somename of Someone
-venue: Venue in preamble
----
-
-This is the transcript from `video-page.md`.
diff --git a/layouts/partials/javascript.html b/layouts/partials/javascript.html
index 15cf995d..0609cf95 100644
--- a/layouts/partials/javascript.html
+++ b/layouts/partials/javascript.html
@@ -17,25 +17,6 @@
 
 <script type="text/javascript">setupShortcuts(maxLevel={{ default 2 .Page.Params.shortcutDepth }});</script>
 
-{{- if .HasShortcode "youtube" }}
-<script type="text/javascript">
-  var buttons = document.getElementsByClassName("video-transcript-button");
-  var i;
-
-  for (i = 0; i < buttons.length; i++) {
-    buttons[i].addEventListener("click", function() {
-      this.classList.toggle("active");
-      var content = this.nextElementSibling;
-      if (content.style.display === "block") {
-        content.style.display = "none";
-      } else {
-        content.style.display = "block";
-      }
-    });
-  }
-</script>
-{{ end -}}
-
 {{- if .Page.Store.Get "hasMermaid" }}
 <script type="module">
   import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@10.8.0/dist/mermaid.esm.min.mjs';
diff --git a/layouts/shortcodes/youtube.html b/layouts/shortcodes/youtube.html
deleted file mode 100644
index 556bdab8..00000000
--- a/layouts/shortcodes/youtube.html
+++ /dev/null
@@ -1,103 +0,0 @@
-{{- $id := .Get "id" -}}
-{{- $title := "" -}}
-{{- $about := "" -}}
-{{- $venue := "" -}}
-{{- $author := "" -}}
-{{- $date := "" -}}
-{{- $transcript := "" -}}
-
-{{- if $id }}
-
-{{- $title = .Get "title" -}}
-{{- $venue = .Get "venue" -}}
-{{- $author = .Get "author" -}}
-{{- $date = .Get "date" -}}
-{{- $transcript = .Inner -}}
-
-{{- else -}}
-
-{{- $pageName := printf "%s.md" (.Get "page") -}}
-{{- $pageInBundle := .Page.Resources.GetMatch $pageName -}}
-{{- $pageInSite := .Site.GetPage $pageName -}}
-{{- $page := or $pageInBundle $pageInSite -}}
-
-{{- $id = $page.Params.youtube_id -}}
-{{- $title = $page.Params.title -}}
-{{- $about = $page.Params.about -}}
-{{- $venue = $page.Params.venue -}}
-{{- $author = $page.Params.author -}}
-{{ if $page.Params.date }}
-  {{- $date = time.Format "Jan 2, 2006" $page.Params.date -}}
-{{ end }}
-{{- $transcript = $page.RawContent -}}
-
-{{- end -}}
-
-
-{{/* Adjust the indentation of the transcript according to levelOffset */}}
-{{/* See https://discourse.gohugo.io/t/option-to-shift-headings/6136/2 */}}
-
-{{ $levelOffset := default 2 (.Get "levelOffset") }}
-
-{{/* get the Markdown without front matter  */}}
-{{ $s := $transcript }}
-
-{{/* the regex of start of line `^` doesn't work. (GoLang has a subset of regex)
-     Need to specify newlines via `\n`
-     Need to ensure  newlines at start and end of content */}}
-{{ $s :=  delimit (slice "\n" $s "\n") "" }}
-
-{{/*
-Search for any Markdown headings `#` at start of line
-and add (levelOffset - 2) `#`s to start of line.
-
-Why -1? Because the offsetLevel specifies the level for the title.
-Other headings start with ##, ###, etc.
-We want to shift the content so that it is one deeper than the title,
-and since there are already two, we need to add a further
-(levelOffset - 1) hashes.
-*/}}
-
-{{ $header_padding := (strings.Repeat (sub $levelOffset 1) "#") }}
-{{ $new_header := (printf "\n%s$1 " $header_padding) }}
-{{ $s := $s | replaceRE "\n(#+) " $new_header }}
-
-{{/* render the Markdown to HTML
-     declare it to be safe HTML and return */}}
-{{ $transcript := $s | markdownify | safeHTML }}
-
-<div class="youtube">
-  <h{{ $levelOffset }} id="transcript-{{ $title | anchorize }}" class="video-title">
-    {{ $title }}
-  </h{{ $levelOffset }}>
-  <div class="video-about">
-    {{ $about }}
-  </div>
-  <iframe src="https://www.youtube.com/embed/{{ $id }}?enablejsapi=1&modestbranding=0" allowfullscreen class="youtube"></iframe>
-  {{ if $transcript }}
-  <button type="button" class="yp-video-transcript-button video-transcript-button">
-    <span class="video-transcript-button-pointer"></span>
-    Transcript
-  </button>
-  <div class="video-transcript">
-    {{ $transcript }}
-  </div>
-  {{ end }}
-  <div class="video-meta">
-    {{ if $author }}
-    <div class="video-author">
-      {{ $author }}
-    </div>
-    {{ end }}
-    {{ if $venue }}
-    <div class="video-venue">
-      {{ $venue }}
-    </div>
-    {{ end }}
-    {{ if $date }}
-    <div class="video-date">
-      {{ $date }}
-    </div>
-    {{ end }}
-  </div>
-</div>