Set base design for error response templates

.gitignore

@@ -31,3 +31,6 @@ Pipfile.lock
 
 # Documentation
 /site
+
+# macOS files
+.DS_Store

babybuddy/static_src/logo_assets/logo-sad.svg

@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 334.8 305.4" style="enable-background:new 0 0 334.8 305.4;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#37ABE9;}
+</style>
+<g transform="matrix(1, 0, 0, 1, -910.945007, -2957.187256)">
+	<path class="st0" d="M1036.6,3076.7c0,6.4-3.8,11.5-8.4,11.5c-4.6,0-8.4-5.2-8.4-11.5c0-6.4,3.8-11.5,8.4-11.5
+		C1032.8,3065.2,1036.6,3070.4,1036.6,3076.7z"/>
+	<path class="st0" d="M1136.8,3076.7c0,6.4-3.8,11.5-8.4,11.5c-4.6,0-8.4-5.2-8.4-11.5c0-6.4,3.8-11.5,8.4-11.5
+		C1133.1,3065.2,1136.8,3070.4,1136.8,3076.7z"/>
+</g>
+<path class="st0" d="M305.9,138c-1.1,0-2.9,0.4-3.3-1.1c-10.7-49.5-48-87.6-95.1-103.1c-5-25.3-34.8-47.7-55.8-23.9
+	c-14.2,15.3,5.3,42.2,20.6,25.9c3.3-4.6,0-11.9-6-11.9c-3.3,0-4.6,3.3-6,5.3c-2.7,3.3-5.3-2.7-5.3-5.3c0-3.3,0.7-7.3,3.3-10
+	c27.3-21.4,48.7,24.4,17.2,37.8c-15.3,6-31.2-3.3-39.5-15.4c-2-3-3.3-3.2-4.4-2.9C82.3,45.5,43,86.9,32.1,136.9
+	c-0.3,1.5-2.1,1.1-3.3,1.1c-38.9,0.8-37.4,59.2,1.7,57.7C47,256.5,98.9,306,167.4,305.4c68.4,0.6,120.4-48.9,136.8-109.7
+	C343.1,197.2,345,138.9,305.9,138z M217.5,87.5c30.3,0,30.3,64,0,64C187.1,151.5,187.1,87.6,217.5,87.5z M107.2,185.9
+	c-1.2,11.6-19.1,11.3-19.9-0.4c-0.4-4.4,1.2-8,3.5-12.8c2.8-5.7,4.6-10.9,6-16.7C93.8,171.1,107.6,174.7,107.2,185.9z M94,119.5
+	c0.6-42.1,45.9-42.1,46.5,0C139.9,161.6,94.6,161.6,94,119.5z M202.7,254.2l-71.5,0.2c-0.9,0-1.5-0.7-1.5-1.6
+	c1.9-44.8,72.9-45.8,74.5-0.2C204.2,253.4,203.5,254.2,202.7,254.2z M254.5,190.8c-0.7,1.2-0.6,8.2-3.2,7.4c0,0-69.3-15.9-69.3-15.9
+	c-0.8-0.3-6,3.8-5.8,4.8c0,0,0.6,13.2,0.6,13.2c0,0.9-0.6,1.6-1.5,1.6h-16.6c-0.9,0-1.5-0.7-1.5-1.6c0,0,0.6-13.2,0.6-13.2
+	c-15.7-14.9,0.2-10.4-22.6-15.5c-0.8-0.2-1.3-1-1.1-1.9l4.4-16c0.2-0.8,1.1-1.3,1.9-1l12.3,4c0.4,0.6,6.9-3.9,6.5-4.6
+	c0,0,3-69.7,3-69.7c0-0.8,0.7-1.4,1.5-1.4c1.4,0.4,8-1.1,8,1.4c0.8,1.3,1.6,70.5,3.8,71c5,2.6,8.6,7.3,9.8,12.9
+	c-0.1,2.3,67.2,21.7,68.2,22.8C254.3,189.3,254.7,190.1,254.5,190.8z"/>
+</svg>

babybuddy/templates/error/400.html

@@ -0,0 +1,8 @@
+{% extends 'error/base.html' %}
+{% load i18n %}
+
+{% block title %}400 {% trans "Bad Request" %}{% endblock %}
+
+{% block content %}
+    <h1>400 {% trans "Bad Request" %}</h1>
+{% endblock %}

babybuddy/templates/error/500.html

@@ -0,0 +1,8 @@
+{% extends 'error/base.html' %}
+{% load i18n %}
+
+{% block title %}500 {% trans "Server Error" %}{% endblock %}
+
+{% block content %}
+    <h1>500 {% trans "Server Error" %}</h1>
+{% endblock %}

babybuddy/templates/error/base.html

@@ -1,13 +1,16 @@
 {% extends 'babybuddy/base.html' %}
-{% load i18n widget_tweaks %}
+{% load i18n static %}
 
 {% block breadcrumb_nav %}{% endblock %}
 
 {% block page %}
-    <div class="container mt-2 mt-lg-5">
+    <div class="container mt-2 mt-lg-4">
         <div class="row justify-content-md-center">
             <div class="col-lg-12 mb-4">
-                {% block content %}{% endblock %}
+                <div class="d-sm-flex">
+                    <img class="d-inline-block align-self-center mr-2 text-center" src="{% static "babybuddy/logo/logo-sad.png" %}" width="65" height="65">
+                    <div class="p-2 flex-grow-1">{% block content %}{% endblock %}</div>
+                </div>
             </div>
         </div>
     </div>