@include(snippets/header)
<div class="pagewrapper">
<div id="main">
  <div class="rules">
    @if(terms_text)
    <div class="dynamic-page-content" id="terms-dynamic-content"></div>
    <script id="terms-raw-data" type="application/json">{{ terms_text_b64 }}</script>
    <script>
      (function() {
        var raw = document.getElementById('terms-raw-data');
        var el  = document.getElementById('terms-dynamic-content');
        function render() {
          if (raw && el && typeof marked !== 'undefined') {
            var bytes = Uint8Array.from(atob(raw.textContent.trim()), function(c) { return c.charCodeAt(0); });
            var text = new TextDecoder('utf-8').decode(bytes);
            el.innerHTML = marked.parse(text, { gfm: true, breaks: true });
          }
        }
        if (typeof marked !== 'undefined') {
          render();
        } else {
          document.addEventListener('DOMContentLoaded', render);
        }
      })();
    </script>
    @else
    <h1>Terms of Service</h1>
    @endif
  </div>
</div>
</div>
@include(snippets/footer)