@include(snippets/header)
<div class="pagewrapper">
<div id="main">
  <div class="rules">
    @if(about_text)
    <div class="dynamic-page-content" id="about-dynamic-content"></div>
    <textarea id="about-raw-data" hidden>{!! about_text !!}</textarea>
    <script>
      (function() {
        var raw = document.getElementById('about-raw-data');
        var el  = document.getElementById('about-dynamic-content');
        function render() {
          if (raw && el && typeof marked !== 'undefined') {
            el.innerHTML = marked.parse(raw.value || '', { gfm: true, breaks: true });
            raw.remove();
          }
        }
        if (typeof marked !== 'undefined') {
          render();
        } else {
          document.addEventListener('DOMContentLoaded', render);
        }
      })();
    </script>
    @else
    <h1>About</h1>
    @endif
  </div>
</div>
</div>
@include(snippets/footer)