{% extends "base.html" %}

{% load static %}

{% block title %}Homepage{% endblock %}

{% block main %}
  <div class="homepage-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>

  <div class="container homepage-recent-content">
    <h2>Recent Content</h2>

    {% include "card-list-item.html" %}
  </div>
{% endblock%}


{% block extrascripts %}
<script>
  document.addEventListener('DOMContentLoaded', function() {
    var elems = document.querySelectorAll('.parallax');
    var instances = M.Parallax.init(elems, {});
  });
</script>
{% endblock %}