Terms and Conditions Modal Dialog

TsAndCs.html

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script>
<link rel="stylesheet" href="https://raw.githack.com/liveaverage/jquery-modal/master/jquery.modal.css" />
<div id="tnc" class="modal" style="display: none;" >
  <p>Sign your life away</p>
  <div><a href="#" class="btn float-right" onclick="acceptTerms()" rel="modal:close">Accept</a></div>
  <div><a href="#" class="btn btn-neutral float-left">Decline</a></div>
</div>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
    if(localStorage.getItem('tcstate') != 'shown'){
      $('#tnc').modal({
      escapeClose: false,
      clickClose: false,
      showClose: false,
      fadeDuration: 200
    });
    }
});
function acceptTerms(){
  localStorage.setItem('tcstate','shown');
};
</script>