diff --git a/opentech/templates/base-admin.html b/opentech/templates/base-admin.html
new file mode 100644
index 0000000000000000000000000000000000000000..a00ccf4735046e6a2046c71ab5137fe5ac5bad25
--- /dev/null
+++ b/opentech/templates/base-admin.html
@@ -0,0 +1,79 @@
+{% load static wagtailuserbar wagtailcore_tags wagtailimages_tags navigation_tags util_tags %}<!doctype html>
+<html class="no-js" lang="en">
+ <head>
+ {# TODO fallbacks if page is not defined e.g. for 404 page #}
+ <meta charset="utf-8" />
+ <title>{% block title_prefix %}{{ TITLE_PREFIX }}{% endblock %}{% block title %}{% if page.seo_title %}{{ page.seo_title }}{% else %}{{ page.title }}{% endif %}{% endblock %}{% block title_suffix %}{{ TITLE_SUFFIX }}{% endblock %}</title>
+ <meta name="description" content="{% if page.search_description %}{{ page.search_description }}{% else %}{{ page.listing_summary }}{% endif %}" />
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
+
+ {% if GOOGLE_TAG_MANAGER_ID %}
+ {# To enable GTM code you need to specify GOOGLE_TAG_MANAGER_ID in production.py or in local.py #}
+ <!-- Google Tag Manager -->
+ <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+ new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+ 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+ })(window,document,'script','dataLayer','{{ GOOGLE_TAG_MANAGER_ID|escapejs }}');</script>
+ <!-- End Google Tag Manager -->
+ {% endif %}
+
+ <!-- favicons -->
+ {% comment %}
+ Generate favicons by http://realfavicongenerator.net using the following path: settings.STATIC_URL + img/favicons.
+ Then favicon.ico should be copied to a directory called "public" in the application root and puppet does some magic to serve it up at the site root.
+ {% endcomment %}
+
+ {% block extra_css %}{% endblock %}
+ <link rel="stylesheet" type="text/css" href="{% static 'css/main.css' %}">
+ </head>
+
+ <body class="light-grey-bg {% block body_class %}template-{{ page.get_verbose_name|slugify }}{% endblock %}">
+ {% if GOOGLE_TAG_MANAGER_ID %}
+ {# To enable GTM code you need to specify GOOGLE_TAG_MANAGER_ID in production.py or in local.py #}
+ <!-- Google Tag Manager (noscript) -->
+ <noscript><iframe src="https://www.googletagmanager.com/ns.html?id={{ GOOGLE_TAG_MANAGER_ID|escapejs }}"
+ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+ <!-- End Google Tag Manager (noscript) -->
+ {% endif %}
+
+ {% include "includes/sprites.html" %}
+
+ {% wagtailuserbar %}
+
+ <header class="header header--narrow header--white-bg header--light-bg">
+
+ <div class="header__inner wrapper wrapper--large">
+ <a href="{% slugurl 'home' %}" aria-label="Home link">
+ <svg class="header__logo header__logo--desktop"><use xlink:href="#logo-desktop--dark"></use></svg>
+ <svg class="header__logo header__logo--mobile"><use xlink:href="#logo-mobile"></use></svg>
+ </a>
+
+ <div class="header__inner header__inner--mobile-buttons">
+ <button class="button button--left-space js-mobile-menu-toggle" aria-haspopup="true">
+ <svg class="icon icon--mobile-menu"><use xlink:href="#mobile-menu-toggle"></use></svg>
+ </button>
+ </div>
+
+ <div class="header__button-container">
+ <a href="#" class="button button--transparent button--narrow button--contains-icons">
+ <svg class="icon icon--person"><use xlink:href="#person-icon"></use></svg>
+ Joe Bloggs
+ </a>
+ <a href="#" class="button button--transparent button--narrow">
+ Log Out
+ </a>
+ </div>
+ </div>
+ </header>
+
+ <main class="wrapper wrapper--large wrapper--main">
+ {% block content %}{% endblock %}
+ </main>
+
+ <footer class="footer"></footer>
+
+ <script type="text/javascript" src="{% static 'js/main.js' %}"></script>
+ {% block extra_js %}{% endblock %}
+ </body>
+</html>