{% load static wagtailuserbar wagtailcore_tags wagtailimages_tags util_tags %} {% wagtail_site as current_site %} {# TODO fallbacks if page is not defined e.g. for 404 page #} {% block title_prefix %}{% if current_site.site_name %}{{ current_site.site_name }} | {% endif %}{% endblock %}{% block title %}{% if page.seo_title %}{{ page.seo_title }}{% else %}{{ page.title }}{% endif %}{% endblock %}{% block title_suffix %}{{ TITLE_SUFFIX }}{% endblock %} {% comment %} Generate favicons by https://realfavicongenerator.net using the following path: settings.STATIC_URL + images/favicons. Override favicons by adding them to public/images/favicons. {% endcomment %} {% block extra_css %}{% endblock %} {% include "includes/sprites.html" %}
{% if settings.utils.SystemMessagesSettings.site_logo_default %} {% image settings.utils.SystemMessagesSettings.site_logo_default width-215 as logo_default %} {% if settings.utils.SystemMessagesSettings.site_logo_mobile %} {% image settings.utils.SystemMessagesSettings.site_logo_mobile width-60 as logo_mobile %} {% else %} {% endif %} {% else %} {% endif %}
{% block content_wrapper %} {% block content %}

Style Guide

Colour palette default

Colour palette brand

Colour palette social

Colour palette transparent

Colour palette assignment

Typography

This is an h1

This is an h2

This is an h3

This is an h4

This is an h5

This is a paragraph of text. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

This is an example of code

Lists


  1. These are
  2. items in an
  3. ordered list

Typography in submissions

This is an h1

This is an h2

This is an h3

This is an h4

This is an h5

This is a paragraph of text. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

This is an example of code

Lists

  • These are
  • items in an
  • unordered list

  1. These are
  2. items in an
  3. ordered list

Links and button












Form

{# Insert more style guide elements here #} {% endblock %} {% endblock %}
{% block extra_js %}{% endblock %}