<commit_before><template>
  <article>
    <section class="container max-w-5xl mx-auto md:px-6 lg:px-4">
      <div class="my-6 sm:my-8 lg:my-12 text-center">
        <h1 class="lg:text-6xl">
          Pleased to meet you!
        </h1>
      </div>
      <figure class="steele-bio">
        <cld-image public-id="OFReport/assets/steele-family-2018-12-6_sdixdx.jpg">
          <cld-transformation width="2000"
                              alt="The Steele Family, 2018"
                              crop="scale"
                              fetch-format="auto"
                              quality="auto"
          />
        </cld-image>
        <figcaption class="mt-2 text-center font-semibold">
          The Steele Family<br>
          Joshua, Kelsie, Abigail, Rebekah, Hosanna, Kathryn, David, and
          <nuxt-link to="/blog/2019-10-14-meet-mia">
            Mia (not pictured)
          </nuxt-link>
        </figcaption>
      </figure>
    </section>

    <section class="container max-w-3xl mx-auto mt-6">
      <DynamicMarkdown
        :render-fn="renderFn"
        :static-render-fns="staticRenderFns"
      />
    </section>
  </article>
</template>

<script>
import DynamicMarkdown from '~/components/DynamicMarkdown.vue';

export default {
  components: {
    DynamicMarkdown,
  },
  async asyncData() {
    const page = await import('~/content/pages/family.md');
    return {
      renderFn: page.vue.render,
      staticRenderFns: page.vue.staticRenderFns,
    };
  },
};
</script>

<style>
.steele-bio img {
  @apply rounded-lg;
}
</style>
<commit_msg>Increase top margin.<commit_after><template>
  <article>
    <section class="container max-w-5xl mx-auto md:px-6 lg:px-4">
      <div class="my-6 sm:my-8 lg:my-12 text-center">
        <h1 class="lg:text-6xl">
          Pleased to meet you!
        </h1>
      </div>
      <figure class="steele-bio">
        <cld-image public-id="OFReport/assets/steele-family-2018-12-6_sdixdx.jpg">
          <cld-transformation width="2000"
                              alt="The Steele Family, 2018"
                              crop="scale"
                              fetch-format="auto"
                              quality="auto"
          />
        </cld-image>
        <figcaption class="mt-2 text-center font-semibold">
          The Steele Family<br>
          Joshua, Kelsie, Abigail, Rebekah, Hosanna, Kathryn, David, and
          <nuxt-link to="/blog/2019-10-14-meet-mia">
            Mia (not pictured)
          </nuxt-link>
        </figcaption>
      </figure>
    </section>

    <section class="container max-w-3xl mx-auto mt-6 sm:mt-8 md:mt-10 lg:mt-12">
      <DynamicMarkdown
        :render-fn="renderFn"
        :static-render-fns="staticRenderFns"
      />
    </section>
  </article>
</template>

<script>
import DynamicMarkdown from '~/components/DynamicMarkdown.vue';

export default {
  components: {
    DynamicMarkdown,
  },
  async asyncData() {
    const page = await import('~/content/pages/family.md');
    return {
      renderFn: page.vue.render,
      staticRenderFns: page.vue.staticRenderFns,
    };
  },
};
</script>

<style>
.steele-bio img {
  @apply rounded-lg;
}
</style>

{'fraction_non_alphanumeric': 0.14285714285714285, 'fraction_numerical': 0.024175824175824177, 'mean_word_length': 1.9069343065693432, 'pattern_counts': {'":': 0, '<': 57, '<?xml version=': 0, '>': 57, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2527838', 'n_tokens_mistral': 1099, 'n_tokens_neox': 1057, 'n_words': 199}