🚜 Updates youtube checklists

djangocon · Nov 20, 2023 · 705a47f · 705a47f
1 parent 434a29a
commit 705a47f
Show file tree

Hide file tree

Showing 2 changed files with 50 additions and 37 deletions.
diff --git a/_includes/youtube-copy-and-paste-checklist.html b/_includes/youtube-copy-and-paste-checklist.html
@@ -0,0 +1,16 @@
+- [ ] YouTube Premiere time set: {{ post.date | date: "%b %d %l:%M %p %Z" }}
+- [ ] Did the link above open the correct video?
+- [ ] Set title from this page
+- [ ] Set description from this page
+- [ ] Is it on the DjangoCon US 2023 Playlist?
+- [ ] Set to "not made for kids"
+- [ ] Set as "contains paid promotion"
+- [ ] Language set appropriately
+- [ ] Caption certification "has never aired on television"
+- [ ] Verify license is correct (YouTube Standard)
+- [ ] Allow embedding enabled
+- [ ] Publish to feed and notify subscribers enabled
+- [ ] Category: Education
+- [ ] Comments disabled
+- [ ] "show how many viewers like and dislike this video" disabled
+- [ ] English captions uploaded
diff --git a/_pages/speaking-youtube-checklists.md b/_pages/speaking-youtube-checklists.md
@@ -17,57 +17,54 @@ title: Speaking Checklists for YouTube Videos
 <section class="event-byline py-8 flex flex-col gap-4">
 <h2 class="text-3xl font-bold">Video Checklist</h2>
 
+<div class="relative">
 {% capture youtube-copy-title %}copy-{{ post.slug | slugify }}-youtube{% endcapture %}
-
-<h4 class="text-2xl font-bold">{{ post.date | date: "%b %d %l:%M %p %Z" }} - <span id="{{ youtube-copy-title }}">{{ post.title }}</span></h4>
-
-<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="#{{ youtube-copy-title }}">
-Copy title to clipboard
+<h4 class="text-2xl font-bold">{{ post.date | date: "%b %d %l:%M %p %Z" }} - <span id="{{ youtube-copy-title }}">{{ post.title }}</span>
+</h4>
+<button class="absolute top-0 right-2 btn bg-blue-200 border-solid border-2 border-grey-800 rounded-lg px-2 py-1" data-clipboard-action="copy" data-clipboard-target="#{{ youtube-copy-title }}">
+📋 Copy to clipboard
 </button>
+</div>
 
-<div>
-  {% if post.video_url %}
+{% if post.video_url %}
+  <div>
     <a class="btn bg-blue-200 border-solid border-2 border-grey-800 rounded-lg px-2 py-1" href="{{ post.video_url }}">
       On YouTube
     </a>
-  {% endif %}
-  {% if post.additional_video_url %}
-    <a class="btn bg-blue-200 border-solid border-2 border-grey-800 rounded-lg px-2 py-1" href="{{ post.additional_video_url }}">
+  </div>
+{% endif %}
+
+{% if post.additional_video_url %}
+  <div>
+    <a class="absolute top-2 right-2 btn bg-blue-200 border-solid border-2 border-grey-800 rounded-lg px-2 py-1" href="{{ post.additional_video_url }}">
       Also on YouTube
     </a>
-  {% endif %}
-</div>
+  </div>
+{% endif %}
 
-<div class="border-2 border-black round-2xl p-2">
-    <ul>
-      <li><input type="checkbox"> YouTube Premiere time set: {{ post.date | date: "%b %d %l:%M %p %Z" }}</li>
-      <li><input type="checkbox"> Did the link above open the correct video?</li>
-      <li><input type="checkbox"> Set title from this page</li>
-      <li><input type="checkbox"> Set description from this page</li>
-      <li><input type="checkbox"> Is it on the DjangoCon US 2023 Playlist?</li>
-      <li><input type="checkbox"> Set to "not made for kids"</li>
-      <li><input type="checkbox"> Set as "contains paid promotion"</li>
-      <li><input type="checkbox"> Language set appropriately</li>
-      <li><input type="checkbox"> Caption certification "has never aired on television"</li>
-      <li><input type="checkbox"> Verify license is correct (YouTube Standard)</li>
-      <li><input type="checkbox"> Allow embedding enabled</li>
-      <li><input type="checkbox"> Publish to feed and notify subscribers enabled</li>
-      <li><input type="checkbox"> Category: Education</li>
-      <li><input type="checkbox"> Comments disabled</li>
-      <li><input type="checkbox"> "show how many viewers like and dislike this video" disabled</li>
-      <li><input type="checkbox"> English captions uploaded</li>
-    </ul>
+<div class="border-4 border-black rounded-2xl relative">
+{% capture youtube-copy-checklist %}copy-{{ post.slug | slugify }}-youtube-checklist{% endcapture %}
+<pre class="p-2" id="{{ youtube-copy-checklist }}">
+{%- include youtube-copy-and-paste-checklist.html post=post presenter_slugs=post.presenter_slugs -%}
+</pre>
+
+<button class="absolute top-2 right-2 btn bg-blue-200 border-solid border-2 border-grey-800 rounded-lg px-2 py-1" data-clipboard-action="copy" data-clipboard-target="#{{ youtube-copy-checklist }}">
+📋 Copy to clipboard
+</button>
 </div>
 
+<div class="border-4 border-black rounded-2xl bg-yellow-100 relative">
 {% capture youtube-copy-link %}copy-{{ post.slug | slugify }}-youtube-link{% endcapture %}
+<pre class="p-2" id="{{ youtube-copy-link }}">
+{%- include youtube-copy-and-paste.html post=post presenter_slugs=post.presenter_slugs -%}
+</pre>
 
-<textarea class="border-2 border-black bg-yellow-100 round-2xl p-2" rows="10" id="{{ youtube-copy-link }}">
-{% include youtube-copy-and-paste.html post=post presenter_slugs=post.presenter_slugs %}
-</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="#{{ youtube-copy-link }}">
-Copy to clipboard
+<button class="absolute top-2 right-2 btn bg-blue-200 border-solid border-2 border-grey-800 rounded-lg px-2 py-1" data-clipboard-action="copy" data-clipboard-target="#{{ youtube-copy-link }}">
+📋 Copy to clipboard
 </button>
+</div>
+
+
 </section>
 <hr>
 {% endif %}