Working interface

interface/templates/interface/project.html

@@ -0,0 +1,30 @@
+{% extends "base.html" %}
+
+{% block content %}
+<div class="container" id="project">
+
+    <h1>{{ project.name }}</h1>
+    <div class="row">
+        <div class="col-9">
+            {% block page %}
+                <p>There have been {{ project.submissions.count }} submissions so far...</p>
+            {% endblock %}
+        </div>
+        <div class="col-3">
+            <div class="nav flex-column nav-pills" role="tablist">
+                <a class="nav-link" role=tab"
+                    href="{% url 'project' project_id=project.id %}">Project info</a>
+                {% for page in project.wiki_pages.all %}
+                <a class="nav-link {% if page.id == wiki_id %}active{% endif %}"
+                    href="{% url 'wiki' project_id=project.id wiki_id=page.id %}"
+                    role="tab">{{ page.title }}</a>
+                {% endfor %}
+                <a class="nav-link" role="tab"
+                    href="">Record a submission</a>
+                <a class="nav-link" role="tab"
+                    href="{% url 'submission' project_id=project.id %}">Send a file</a>
+            </div>
+        </div>
+    </div>
+</div>
+{% endblock %}

interface/templates/interface/submission.html

@@ -0,0 +1,31 @@
+{% extends "interface/project.html" %}
+
+{% block page %}
+<p>
+    Some instructions about how to submit the file
+</p>
+<div class="col-md-6 offset-md-3">
+<form>
+    <div class="form-group">
+        <label for="name">Name</label>
+        <input type="text" id="name" class="form-control"/>
+    </div>
+    <div class="form-group">
+        <label for="instrument">Instrument</label>
+        <input type="text" id="instrument" class="form-control"/>
+    </div>
+    <div class="form-group">
+        <label for="video-file">Video File</label>
+        <input type="file" accept="video/*" class="" id="video-file" />
+    </div>
+    <div class="form-group">
+        <label for="notes">Notes</label>
+        <textarea class="form-control" id="notes"></textarea>
+    </div>
+    <div class="text-right">
+        <button type="submit" class="btn btn-primary">Submit</button>
+    </div>
+</form>
+</div>
+
+{% endblock %}

interface/templates/interface/wiki.html

@@ -0,0 +1,7 @@
+{% extends "interface/project.html" %}
+
+{% block page %}
+<div class="wiki-page">
+{{ wiki_html|safe }}
+</div>
+{% endblock %}