start of adding sources interface

app/sync/templates/sync/dashboard.html

@@ -1,6 +1,6 @@
 {% extends 'base.html' %}
 
-{% block headtitle %}Synchronize YouTube to your local media server{% endblock %}
+{% block headtitle %}Dashboard{% endblock %}
 
 {% block content %}
 <div class="row">

app/sync/templates/sync/logs.html

@@ -0,0 +1,11 @@
+{% extends 'base.html' %}
+
+{% block headtitle %}Logs{% endblock %}
+
+{% block content %}
+<div class="row">
+  <div class="col s12">
+    logs    
+  </div>
+</div>
+{% endblock %}

app/sync/templates/sync/media.html

@@ -0,0 +1,11 @@
+{% extends 'base.html' %}
+
+{% block headtitle %}Media{% endblock %}
+
+{% block content %}
+<div class="row">
+  <div class="col s12">
+    media    
+  </div>
+</div>
+{% endblock %}

app/sync/templates/sync/source-validate.html

@@ -0,0 +1,24 @@
+{% extends 'base.html' %}
+
+{% block headtitle %}Source - Add{% endblock %}
+
+{% block content %}
+<div class="row no-margin-bottom">
+  <div class="col s12">
+    <h1>Add a {{ help_item }}</h1>
+    <p>{{ help_text|safe }}</p>
+    <p>Example: <strong>{{ help_example }}</strong></p>
+  </div>
+</div>
+<div class="row">
+  <form method="post" action="{% url 'sync:validate-source' source_type=source_type %}" class="col s12 simpleform">
+    {% csrf_token %}
+    {% include 'simpleform.html' with form=form %}
+    <div class="row no-margin-bottom padding-top">
+      <div class="col s12">
+        <button class="btn" type="submit" name="action">Add {{ help_item }} <i class="fas fa-fw fa-plus"></i></button>
+      </div>
+    </div>
+  </form>
+</div>
+{% endblock %}

app/sync/templates/sync/sources.html

@@ -0,0 +1,14 @@
+{% extends 'base.html' %}
+
+{% block headtitle %}Sources{% endblock %}
+
+{% block content %}
+<div class="row">
+  <div class="col s12 l6">
+    <a href="{% url 'sync:validate-source' source_type='youtube-channel' %}" class="btn"><i class="fas fa-plus"></i> Add a YouTube channel</a>
+  </div>
+  <div class="col s12 l6">
+    <a href="{% url 'sync:validate-source' source_type='youtube-playlist' %}" class="btn"><i class="fas fa-plus"></i> Add a YouTube playlist</a>
+  </div>
+</div>
+{% endblock %}

app/sync/templates/sync/tasks.html

@@ -0,0 +1,11 @@
+{% extends 'base.html' %}
+
+{% block headtitle %}Tasks{% endblock %}
+
+{% block content %}
+<div class="row">
+  <div class="col s12">
+    tasks
+  </div>
+</div>
+{% endblock %}