Add some popups

apps/eastereggs/templates/eastereggs/xp.html

@@ -0,0 +1,19 @@
+{% extends "index.html" %}
+
+{% block content %}
+    <div id="index-content"></div>
+{% include "eastereggs/xp_modal.html" %}
+{% endblock %}
+
+{% block extrajavascript %}
+    <script>
+        $(document).ready(function() {
+            $("#index-content").load("{% url "index" %} #content");
+            function displayModal() {
+                $("#xpModal").modal('toggle');
+                setTimeout(displayModal, 400);
+            }
+            displayModal();
+        });
+    </script>
+{% endblock %}

apps/eastereggs/templates/eastereggs/xp_modal.html

@@ -0,0 +1,20 @@
+{% load crispy_forms_filters i18n %}
+
+<div id="xpModal" class="modal fade" tabindex="-1" role="dialog">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title">{% trans "Error" %}</h5>
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                    <span aria-hidden="true">&times;</span>
+                </button>
+            </div>
+            <div class="modal-body">
+                {% trans "This task failed successfully." %}
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-secondary" data-dismiss="modal">{% trans "Close" %}</button>
+            </div>
+        </div>
+    </div>
+</div>