{% extends "base.html" %}
{% block title %}CAS - Logged out{% endblock title %}
{% block head %}
<script>
  function goBack() {
    window.history.back();
  }
  </script>
  <style>
    .hh:hover {
        background-color:paleturquoise;
    }
    .ab { background: aliceblue;}
    </style>
{% endblock head %}
{% block content %}
<div class="w3-col l6 m8 s12 " style="margin:auto; float:none;">
  <div id="card" class="w3-card-4  w3-margin ab" >
    <div class="w3-container  ">
      <h3 class="w3-center">OCC CAS login</h3>
      <h2 class="w3-center w3-text-blue">You have logged out.</h2> 
    </div>
      <a  href="{{loginurl}}" onclick="cycle()" autofocus class="w3-button w3-margin-bottom w3-light-green w3-hover-green w3-round" style="margin:auto; display:block;width:30%;">Log In</a>

    <div class="w3-container w3-border-top w3-pale-green ">
        <p class="w3-center">
          Need Help? Contact the Help Desk at x2222
        </p>
    </div>
        
</div>
{% endblock content %}

