From 68de2fb60433fcd4ce90fc3b00a073867dd21768 Mon Sep 17 00:00:00 2001
From: Wesley Moore <wes@wezm.net>
Date: Sun, 24 Jul 2022 10:02:35 +1000
Subject: [PATCH] Scaffold out a tv section

---
 v2/content/tv/_index.md  | 10 ++++++++++
 v2/content/tv/example.md | 12 ++++++++++++
 v2/sass/tv.scss          | 16 ++++++++++++++++
 v2/templates/layout.html |  1 +
 v2/templates/tv.html     | 37 +++++++++++++++++++++++++++++++++++++
 v2/templates/video.html  | 14 ++++++++++++++
 6 files changed, 90 insertions(+)
 create mode 100644 v2/content/tv/_index.md
 create mode 100644 v2/content/tv/example.md
 create mode 100644 v2/sass/tv.scss
 create mode 100644 v2/templates/tv.html
 create mode 100644 v2/templates/video.html

diff --git a/v2/content/tv/_index.md b/v2/content/tv/_index.md
new file mode 100644
index 0000000..eedb794
--- /dev/null
+++ b/v2/content/tv/_index.md
@@ -0,0 +1,10 @@
++++
+title = "MooreTech"
+template = "tv.html"
+sort_by = "date"
+paginate_by = 50 # TODO: add the page links to the section template
++++
+
+TODO: Some intro text about what this is and how to watch.
+
+
diff --git a/v2/content/tv/example.md b/v2/content/tv/example.md
new file mode 100644
index 0000000..0c243d2
--- /dev/null
+++ b/v2/content/tv/example.md
@@ -0,0 +1,12 @@
++++
+title = "Example TV Post"
+description = "Video description"
+date = 2022-07-24T09:41:48+10:00
+
+[extra]
+# updated = 2021-10-01T10:44:43+10:00
++++
+
+    {{ TODO: video_embed shortcode }}
+
+This is an example tv post.
diff --git a/v2/sass/tv.scss b/v2/sass/tv.scss
new file mode 100644
index 0000000..9f35aab
--- /dev/null
+++ b/v2/sass/tv.scss
@@ -0,0 +1,16 @@
+.article-video {
+  clear: left;
+}
+.article-video h3 {
+  font-size: 1.25em;
+  font-weight: 500;
+
+  a:link, a:visited {
+    border-bottom: none;
+  }
+}
+
+.video-thumbnail {
+  float: left;
+  margin: 0 1em 1em 0;
+}
diff --git a/v2/templates/layout.html b/v2/templates/layout.html
index b548dc8..3365ee3 100644
--- a/v2/templates/layout.html
+++ b/v2/templates/layout.html
@@ -5,6 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>{% block title %}{% endblock %}</title>
   <link rel="stylesheet" href="{{ config.base_url }}/screen.css" type="text/css" charset="utf-8" />
+  <link rel="stylesheet" href="{{ config.base_url }}/tv.css" type="text/css" charset="utf-8" />
   <link rel="alternate" type="application/rss+xml" href="{{ config.base_url }}/rss.xml" title="Wesley Moore" />
   {% block metadata %}{% endblock %}
 </head>
diff --git a/v2/templates/tv.html b/v2/templates/tv.html
new file mode 100644
index 0000000..37a2c69
--- /dev/null
+++ b/v2/templates/tv.html
@@ -0,0 +1,37 @@
+{% extends "layout.html" %}
+
+{% block title %}{{ section.title }} - {{ config.title }}{% endblock %}
+
+{% block body %}
+<h1 class="logo"><a href="{{ config.base_url }}/" class="no-border hover-underline">👨‍💻 {{ config.title }}</a></h1>
+
+<p>Custom TV section template</p>
+
+<nav>
+  {% for ancestor in section.ancestors %}
+    {% set section = get_section(path=ancestor) %}
+    {% if section.path == "/" %}
+      <a href="{{ config.base_url }}{{ section.path }}" class="no-border hover-underline">Home</a>
+    {% else %}
+      <span class="breadcrumb-sep">/</span>
+      <a href="{{ config.base_url }}/{{ section.path }}" class="no-border hover-underline">{{ section.title }}</a>
+    {% endif %}
+  {% endfor %}
+</nav>
+
+<main class="{{ section.extra.main_class | default(value="") }}">
+  <h2>{{ section.title }}</h2>
+
+  {{ section.content | safe }}
+
+  {# {% for page in section.pages %} #}
+  {#   {% include "article.html" %} #}
+  {# {% endfor %} #}
+
+  <h2>Recent Videos</h2>
+
+  {% for page in paginator.pages %}
+    {% include "video.html" %}
+  {% endfor %}
+</main>
+{% endblock %}
diff --git a/v2/templates/video.html b/v2/templates/video.html
new file mode 100644
index 0000000..6454bc4
--- /dev/null
+++ b/v2/templates/video.html
@@ -0,0 +1,14 @@
+  <article class="article-video" id="{{page.slug }}">
+    <a href="{{ page.permalink }}"><img class="video-thumbnail" src="https://placekitten.com/250/141"></a>
+    <h3><a href="{{ page.permalink }}">{{ page.title }}</a></h3>
+    <div class="post-metadata">
+      <div class="date-published">
+        <svg class="date-icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" version="1.1" x="0px" y="0px"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><path d="M38.6172116,78.6191533 L47.8030928,78.6191533 L47.8030928,69.4332721 L38.6172116,69.4332721 L38.6172116,78.6191533 Z M24.8586734,78.6191533 L34.0445546,78.6191533 L34.0445546,69.4332721 L24.8586734,69.4332721 L24.8586734,78.6191533 Z M66.1332478,64.2656288 L75.319129,64.2656288 L75.319129,55.0797476 L66.1332478,55.0797476 L66.1332478,64.2656288 Z M52.3757498,64.2656288 L61.561631,64.2656288 L61.561631,55.0797476 L52.3757498,55.0797476 L52.3757498,64.2656288 Z M38.6172116,64.2656288 L47.8030928,64.2656288 L47.8030928,55.0797476 L38.6172116,55.0797476 L38.6172116,64.2656288 Z M24.8586734,64.2656288 L34.0445546,64.2656288 L34.0445546,55.0797476 L24.8586734,55.0797476 L24.8586734,64.2656288 Z M66.1332478,49.9110641 L75.319129,49.9110641 L75.319129,40.7251829 L66.1332478,40.7251829 L66.1332478,49.9110641 Z M52.3757498,49.9110641 L61.561631,49.9110641 L61.561631,40.7251829 L52.3757498,40.7251829 L52.3757498,49.9110641 Z M38.6172116,49.9110641 L47.8030928,49.9110641 L47.8030928,40.7251829 L38.6172116,40.7251829 L38.6172116,49.9110641 Z M24.8586734,49.9110641 L34.0445546,49.9110641 L34.0445546,40.7251829 L24.8586734,40.7251829 L24.8586734,49.9110641 Z M13.1607434,90.8382164 L87.7337471,90.8382164 L87.7337471,30.2016227 L13.1607434,30.2016227 L13.1607434,90.8382164 Z M13.1617836,26.0408793 L87.7347873,26.0408793 L87.7347873,16.2662529 L13.1617836,16.2662529 L13.1617836,26.0408793 Z M73.5237682,12.1055095 L73.5237682,5 L69.3630249,5 L69.3630249,12.1055095 L31.5314656,12.1055095 L31.5314656,5 L27.3707222,5 L27.3707222,12.1055095 L9,12.1055095 L9,95 L91.8955307,95 L91.8955307,12.1055095 L73.5237682,12.1055095 Z" fill="currentColor"/></g></svg>
+        <time datetime="{{ page.date }}">{{ page.date | date(format="%d %B %Y") }}</time>
+      </div>
+    </div>
+
+    <div class="post-body">
+      {{ page.description | safe }}
+    </div>
+  </article>