{% extends "base.html" %}
{% load static %}
{% block title %}Homepage{% endblock %}
{% block main %}
<div class="index-jumbotron parallax-container">
<div class="parallax">
<img src="{% static 'img/header.jpg' %}" />
</div>
<h1>Jake Howard</h1>
<p class="flow-text">Part Developer. Part SysAdmin. Part InfoSec. All Nerd!</p>
<div class="container index-recent-content">
<h2>Recent Content</h2>
{% include "card-list-item.html" %}
{% endblock%}
{% block extrascripts %}
<script>
document.addEventListener('DOMContentLoaded', function() {
var elems = document.querySelectorAll('.parallax');
var instances = M.Parallax.init(elems, {});
});
</script>
{% endblock %}