First implementation of project topic details

diff --git a/app/templates/pages/projecttopicpage.html b/app/templates/pages/projecttopicpage.html
index 33ff146b3b5d335eea606da0357184c11c4dbe62..9e4d87f5e2fafea2e9ffa45fa683025c66ff991c 100644 (file)
--- a/app/templates/pages/projecttopicpage.html
+++ b/app/templates/pages/projecttopicpage.html
@@ -44,17 +44,37 @@
     {% endif %}
 
     {% with page.projecttopicpage.project_topic as topic %}
-      {% for sub_topic in topic|sub_topics %}
-        {{ sub_topic }}<br>
-          {% trans "European and national projects" %}<br>
-          {% for project in sub_topic.projects.all|get_type:"external project" %}
-            <a href="{% url 'organization-project-detail' project.slug %}">{{ project }}</a><br>
-          {% endfor %}
-          {% trans "Internal projects" %}<br>
-          {% for project in sub_topic.projects.all|get_type:"internal project" %}
-            <a href="{% url 'organization-project-detail' project.slug %}">{{ project }}</a><br>
-          {% endfor %}
-      {% endfor %}
+        {% for sub_topic in topic|sub_topics %}
+            <h2 class="dotted">{{ sub_topic }}</h2>
+            {% if sub_topic.description %}
+                <p>
+                    {{ sub_topic.description }}
+                </p>
+            {% endif %}
+            {% if sub_topic.projects.all|get_type:"external project" %}
+                <p>
+                    <strong>{% trans "European and national projects" %}</strong>
+                </p>
+                <ul class="unstyled-list">
+                    {% for project in sub_topic.projects.all|get_type:"external project" %}
+                        <li>
+                            <a href="{% url 'organization-project-detail' project.slug %}">{{ project }}</a>
+                        </li>
+                    {% endfor %}
+                </ul>
+            {% endif %}
+            {% if sub_topic.projects.all|get_type:"internal project" %}
+                <p>
+                    <strong>{% trans "Internal projects" %}</strong>
+                    <ul class="unstyled-list">
+                        {% for project in sub_topic.projects.all|get_type:"internal project" %}
+                            <li>
+                                <a href="{% url 'organization-project-detail' project.slug %}">{{ project }}</a>
+                            </li>
+                        {% endfor %}
+                    </ul>
+            {% endif %}
+        {% endfor %}
     {% endwith %}
 
 {% endblock %}