{% extends "base.html" %}

	{% block head %}
	<style>
	body {
		background-color: #383838;
		height: 300px;
	}

	hr {
		height: 1px;
		border-style: solid;
		border-width: 1px 0 0 0;
		border-color: white;
	}

	p, h1, h4, h5, hr {
		color: white;
	}

	.fixed {
		height: 340px;
		overflow: hidden;
		background-color: black;
	}

	li {
		list-style-type: none;
	}
	</style>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
	<script>

		function retrieve_logs() {
		$('#logs').load("{% url 'system_retrieve_logs' %}");

		 }

		$(document).ready(function() {
		retrieve_logs();
		setInterval(retrieve_logs, 1000);
		});

	</script>

	{% endblock %}

	{% block content %}

	<div id="logs" class="container-fluid">
	</div>
	{% endblock %}