Show teacher for guides if they are defined

studyguides/static/base.css

@@ -25,10 +25,15 @@ main {
   margin: 30px;
 }
 
-.color-primary {
+.item {
   color: #568ea3;
 }
 
+.teacher {
+  color: #a26769;
+  font-weight: bold;
+}
+
 h1 {
   opacity: 0.5;
   transition: all 0.2s ease;

studyguides/templates/course.html

@@ -2,7 +2,7 @@
 <main>
   <h1><a href="/">All</a> / <a href="/{{subject.url}}">{{subject.name}}</a> / <a href="/{{subject.url}}/{{course.url}}">{{course.name}}</a></h1>
   {% for guide in guides %}
-  <p class="color-primary"><a href="{{guide.url}}"/>{{ guide.name }}</a></p>
+  <p class="item"><a href="{{guide.url}}"/>{% if guide.teacher %}<span class="teacher">[{{guide.teacher}}] </span>{% endif %}{{ guide.name }}</a></p>
   {% endfor %}
 </main>
 {% endblock %}

studyguides/templates/home.html

@@ -6,7 +6,7 @@
   <a href="/{{subject.url}}"><h2>{{ subject.name }}</h2>
 
   {% for course in courses %}
-  <p class="color-primary"><a href="/{{subject.url}}/{{course.url}}"/>{{ course.name }}</a></p>
+  <p class="item"><a href="/{{subject.url}}/{{course.url}}"/>{{ course.name }}</a></p>
 
   {% endfor %} {% endfor %}
 </main>

studyguides/templates/subject.html

@@ -2,7 +2,7 @@
 <main>
   <h1><a href="/">All</a> / <a href="/{{subject.url}}">{{subject.name}}</a></h1>
   {% for course in courses %}
-  <p class="color-primary"><a href="/{{subject.url}}/{{course.url}}"/>{{ course.name }}</a></p>
+  <p class="item"><a href="/{{subject.url}}/{{course.url}}"/>{{ course.name }}</a></p>
   {% endfor %}
 </main>
 {% endblock %}