Sophie branch

website/theses/static/css/style.css

@@ -16,6 +16,18 @@ h1, h2, h3, h4, h5,
     color: white;
 }
 
+.bg-white {
+    background-color: #ffffff00;
+}
+
+.bg-white h1,
+.bg-white h2,
+.bg-white h3,
+.bg-white h4,
+.bg-white h5 {
+    color:  #070259;
+}
+
 .tag {
     background-color: rgb(249, 229, 209);
     padding-top: 0.2em;
@@ -58,6 +70,14 @@ h1, h2, h3, h4, h5,
     background-color: #E5E4E4;
 }
 
+.special-card {    
+      background-color:#070259;
+    }
+
+.new-card {    
+        background-color:#06025900;
+      }  
+
 .card-finished .card-footer {
     background-color: #070259;
 }

website/theses/templates/theses/key_ideas.html

@@ -0,0 +1,55 @@
+{% extends "theses/theses_base.html" %}
+
+{% load static %}
+{% load wagtailcore_tags %}
+{% load wagtailuserbar %}
+{% load wagtailimages_tags %}
+
+{% block body_class %}template-keyideas{% endblock %}
+
+{% block content %}
+    <main class="hero" style="background-image: url({% static "img/maps.jpg" %});">
+        <div class="jumbotron">
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-8 mr-auto">
+                        <h1 class="text-white mb-4">
+                            <span class="d-inline-block">Read about the key ideas that inform our work.</span>
+                        </h1>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+<style>
+.table-outline {
+outline-style: solid;
+outline-color: rgb(204, 204, 204);
+outline-width: 2px;
+}
+</style>
+
+<div class="container py-4">
+    <div class="row">
+        <div class="col-md-8 offset-md-2">
+            {% include_block page.outline_title %}
+            <table class="table table-responsive table-outline mt-3 mb-2" role="grid">
+
+                <tbody class=".table-hover .table-striped">
+
+                <tr class="row-2" role="row">
+                <td>
+                    <div class="panel clearfix">
+                        <h4 class="no_toc mt-1">Content</h4>
+                        {% include_block outline %}
+                    </div>
+                </td>
+                </tr>
+            </table>
+
+            {% include_block page.body %}
+        </div>
+    </div>
+</div>
+{% endblock %}

website/theses/templates/theses/other_services_page.html

@@ -7,7 +7,7 @@
 {% load menu_tags %}
 
 {% block content %}
-    <main class="hero" style="background-image: url({% static "img/placing-red-push-pins-into-city-street-map.jpg" %});">
+    <main class="hero" style="background-image: url({% static "img/maps.jpg" %});">
         <div class="jumbotron">
             <div class="container">
                 <div class="row">

website/theses/templates/theses/thesis_choose_help_page.html

@@ -1,20 +1,34 @@
 {% extends "theses/theses_base.html" %}
+{% load static %}
 
 {% load wagtailcore_tags %}
 {% load wagtailuserbar %}
 {% load wagtailimages_tags %}
-
+{% load menu_tags %}
 
 {% block body_class %}template-thesisindex{% endblock %}
 
 {% block content %}
-    <div class="container my-3">
-        <div class="row">
-            <div class="col text-center">
-                <h1 class="mb-4">What do you want to focus on with your thesis?</h1>
+
+<main class="hero" style="background-image: url({% static "img/globe.jpg" %});">
+    <div class="jumbotron">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-8 mr-auto">
+                    <h1 class="text-white mb-4">
+                        <span class="d-inline-block">Read more about the key ideas</span>
+                        <span class="d-inline-block">that inform our work.</span>
+                    </h1>
+                </div>
             </div>
         </div>
+    </div>
+</main>
 
+        <div class="row">
+        </div>
+
+    <div class="container my-3">
         <div class="row mb-4">
             <div class="col-md-12 text-center">
                 <ul class="nav nav-pills center-pills" role="tablist">
@@ -32,7 +46,7 @@ <h1 class="mb-4">What do you want to focus on with your thesis?</h1>
                            data-target="#impact-page"
                            href="#impact"
                            role="tab">
-                            Highest social impact
+                            Principles our work is based on
                         </a>
                     </li>
 
@@ -44,7 +58,7 @@ <h1 class="mb-4">What do you want to focus on with your thesis?</h1>
                            data-target="#career-page"
                            href="#career"
                            role="tab">
-                            Improving career prospects
+                            Choosing your research focus
                         </a>
                     </li>
 
@@ -56,7 +70,7 @@ <h1 class="mb-4">What do you want to focus on with your thesis?</h1>
                            data-target="#research-page"
                            href="#research"
                            role="tab">
-                            Research career in academia
+                            What to do next
                         </a>
                     </li>
                 </ul>
@@ -98,4 +112,4 @@ <h1 class="mb-4">What do you want to focus on with your thesis?</h1>
             }
         }
     </script>
-{% endblock %}
+{% endblock %}

website/theses/templates/theses/thesis_finished_page.html

@@ -5,6 +5,7 @@
 {% load static %}
 
 {% block content %}
+
     <div class="container mt-5">
         <div class="row">
             <div class="col-md-3">