🤝 Merge pull request #126 from tim-schilling/youtube-speaking-template

Draft youtube speaking template.

Author: jefftriplett

src/_includes/youtube-copy-and-paste.html

@@ -0,0 +1,21 @@
+{% if session.templateContent %}{{ session.templateContent }}
+{% endif %}
+This talk was presented at: {{ site.domain }}{{ session.permalink }}
+
+LINKS:{% if session.presenter_slugs %}{% for presenter_slug in session.presenter_slugs %}{% assign presenter = collections.presenters | find:presenter_slug %}{% assign presenter = presenter.data %}
+Follow {{ presenter.name }} 👇
+{% if presenter.social.github %}On GitHub: https://github.com/{{ presenter.social.github }}
+{% endif %}{% if presenter.social.mastodon %}On Mastodon: {{ presenter.social.mastodon }}
+{% endif %}{% if presenter.social.twitter %}On Twitter: https://twitter.com/{{ presenter.social.twitter }}
+{% endif %}{% if presenter.social.website %}Website: {{ presenter.social.website }}
+{% endif %}
+{% endfor %}{% endif %}
+
+Follow DjangoCon US 👇
+{{ site.social.mastodon }}
+{{ site.social.twitter }}
+
+Follow DEFNA 👇
+https://www.defna.org/
+
+Video production by the presenter and DjangoCon US 2024 volunteers.

src/youtube-talks.html

@@ -0,0 +1,57 @@
+---
+title: Speaking Template for YouTube Videos
+layout: default
+description: |
+  Our Speaking Template for YouTube Videos (this should not be in our sitemaps
+  file)
+
+sitemap: false
+
+permalink: /speaking/youtube/
+---
+
+<script src="https://cdn.tailwindcss.com"></script>
+
+<div class="pb-2 hero">
+  <div class="wrapper">
+    <h1 class="text-center pageheading">{{ title }}</h1>
+  </div>
+</div>
+
+<div class="pt-6 block-container">
+  <div class="wrapper">
+
+    {% for day in collections.sessionsByDateAndTime %}
+      {% if forloop.index0 > 0 %}
+        {% for slot in day[1] %}
+          {% for session in slot.sessions %}
+            {% if session.presenter_slugs %}
+              <div class="event-byline mt-2 mb-2">
+              <h4>{{ day[0] | formatDateTime: "LLL d " }}{{ slot.start | formatDateTime: "h:mm aaa" }} EDT - {{ session.title }}</h4>
+
+              <div>
+                <a href="{{ post.video_url }}">On YouTube</a>
+              </div>
+
+              <textarea rows="10" id="copy-{{ session.fileSlug }}">
+                {% include "youtube-copy-and-paste.html", session:session %}
+              </textarea>
+
+              <button class="btn bg-blue-200 border-solid border-2 border-grey-800 rounded-lg px-2 py-1" data-clipboard-action="copy" data-clipboard-target="#copy-{{ session.fileSlug }}">
+                Copy to clipboard
+              </button>
+              </div>
+              <hr>
+            {% endif %}
+          {% endfor %}
+        {% endfor %}
+      {% endif %}
+    {% endfor %}
+
+  </div>
+</div>
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js"></script>
+<script>
+  new ClipboardJS('.btn');
+</script>