diff --git a/static/js/alerts.js b/static/js/alerts.js
new file mode 100644
index 0000000..bb6f417
--- /dev/null
+++ b/static/js/alerts.js
@@ -0,0 +1,20 @@
+function _findAlertDom(caller) {
+	let selectedDOM = caller;
+	do {
+		if (selectedDOM.classList.contains("alert-section")){
+			return selectedDOM;
+		}
+		selectedDOM = selectedDOM.parentElement;
+	} while (selectedDOM != null);
+	throw Error("Missing alert-section class for self/parent(s)");
+}
+
+function alertAbove(caller, t, s) {
+	let dom = _findAlertDom(caller);
+	dom.outerHTML = `<div class="alert alert-${t} fade in show" role="alert"><a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>${s}</div>` + dom.outerHTML;
+}
+
+function alertUnder(caller, t, s) {
+	let dom = _findAlertDom(caller);
+	dom.outerHTML += `<div class="alert alert-${t} fade in show" role="alert"><a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>${s}</div>`;
+}
\ No newline at end of file
diff --git a/templates/layout/bootstrap.html b/templates/layout/bootstrap.html
index 93c1322..93d6d7a 100644
--- a/templates/layout/bootstrap.html
+++ b/templates/layout/bootstrap.html
@@ -17,5 +17,6 @@
 	<script src="{{ url_for('static', filename='const/js/jquery-3.3.1.slim.min.js') }}"></script>
 	<script src="{{ url_for('static', filename='const/js/popper.min.js') }}"></script>
 	<script src="{{ url_for('static', filename='const/js/bootstrap.min.js') }}"></script>
+	<script src="{{ url_for('static', filename='js/alerts.js') }}"></script>
 </body>
 </html>
\ No newline at end of file