{% extends 'layouts/base.html' %}
{% block title %} SRCT Roomlist • Homepage {% endblock title %}

{% block content %}

{% load cache %}
{% cache 900 homepage %}

<div class="container container-padding">
  <div class="row">
    <div class="col-md-12 license">
      <div class="jumbotron jumboindex">
        <h1 class="text-center"><strong>SRCT</strong>&#8203;ROOMLIST</h1>
        <h3 class="text-center">Find your on-campus neighbors.</h3>
      </div>
      <a href="https://creativecommons.org/licenses/by-nc/2.0/" target="_blank"><img alt="Creative Commons License" style="border-width:0" src="https://licensebuttons.net/l/by-nc/2.0/80x15.png" title="'North Section of President's Park Dorms' by Flickr user cgs_gmu2005 is licensed under a Creative Commons Attribution-NonCommercial 2.0 Generic License."
        />
      </a>
    </div>
  </div>
</div>

<legend></legend>

<div class="row">
  <div class="col-md-3 text-center">
    <h4><i class="fa fa-key fa-lg"></i></h4>
    <h4>Log in with your Mason credentials</h4>
  </div>
  <div class="col-md-3 text-center">
    <h4><i class="fa fa-group fa-lg"></i></h4>
    <h4>See who else lives on your floor</h4>
  </div>
  <div class="col-md-3 text-center">
    <h4><i class="fa fa-facebook fa-lg"></i></h4>
    <h4>Link to your social media accounts</h4>
  </div>
  <div class="col-md-3 text-center">
    <h4><i class="fa fa-lock fa-lg"></i></h4>
    <h4>Choose to share by floor, building, or campus</h4>
  </div>
</div>

{% if not user.is_authenticated %}
<br />

<div class="row">
  <div class="col-md-4 col-md-offset-4 text-center">
    <a href="#" class="btn btn-primary btn-lg btn-block">Get Started</a>
  </div>
</div>
{% endif %}

{% endcache %}
{% endblock content %}