<template>
  <div class="rules-view centerDiv">
    <div class="row">
      <div class="col-sm-12">
        <h1>Season 8 Rules and Guidelines</h1>
      </div>
    </div>
    <div class="row">
      <div class="col-sm-6">
        <h2>Season 8 Rules Reference</h2>
        <a target="_blank" href="https://docs.google.com/document/d/1wDaQefxFL7h2Fk4Cx1jf4wTJ-kfx7Bl9_0OGViLjIJ8">View in
          Google Docs</a>
        <iframe height="800px" width="100%" style="border: 2px solid darkgray"
          src="https://docs.google.com/document/d/e/2PACX-1vSZTG2Fp9vnqFdsBd-jlgz-Dv_F8EVInXVl1QyOO1EdLMM8EGVXNE7BX-X1W7PToPzzzzw5_NAnDSvm/pub?embedded=true"></iframe>
      </div>
      <div class="col-sm-6">
        <h2>Season 8 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>