<template>
  <div class="rules-view centerDiv">
    <div class="row">
      <div class="col-sm-12">
        <h1>Season 10 Rules and Guidelines</h1>
      </div>
    </div>
    <div class="row">
      <div class="col-sm-6">
        <h2>Season 10 Rules Reference</h2>
        <a target="_blank" href="https://docs.google.com/document/d/1bY3vWcoFRh8noOE_QdSMLXrqbG4tgn7jdCCNq0uoLYU">
          View in Google Docs
        </a>
        <iframe height="800px" width="100%" style="border: 2px solid darkgray"
          src="https://docs.google.com/document/d/e/2PACX-1vRRAtpz1CnTGmtAyJXi6Oc1INEOMQpDG5VsvKD3iqHor6-PLutlpq3ViV7-W_fnj3DVwWn0YlQHi-fQ/pub?embedded=true"></iframe>
      </div>
      <div class="col-sm-6">
        <h2>SBa League Guidelines</h2>
        <a target="_blank" href="https://docs.google.com/document/d/1PG9KFkIMp3pAf26GPtMmQR65l6h311nYACbv8GB_3q8">
          View in Google Docs
        </a>
        <iframe height="800px" width="100%" style="border: 2px solid darkgray"
          src="https://docs.google.com/document/d/e/2PACX-1vTpwfsNRarodLUXDGBCq7xvc-uebETMXDHR72iWhV4fHZyw2rxv3-Va9-abqercChfs8Hx-bLHxtDuv/pub?embedded=true"></iframe>
      </div>
    </div>
  </div>
</template>

<script lang="ts">
export default {
  name: 'RulesView',
}
</script>