<template>
  <div class="container">
    <div class="hero-content">
      <br><br><br><br>

      <div class="row">
        <div class="col-lg-8">
          <h3 class="wow fadeInUp" data-wow-delay="1s">
            interests
          </h3>

          <p class="wow fadeInUp" data-wow-delay="1.2s">
            <code>
              handle <- openFile "interests_description.txt" ReadMode <br>
              contents <- hGetContents handle <br>
              putStr contents <br>
              hClose handle <br>
            </code>

            {{ description }}
          </p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'InterestsHero',
  props: {
    description: {
      type: String,
      default: () => {
        return 'just a few things that i think are pretty cool and am ' +
          'considering picking up sometime in the future.'
      }
    }
  }
}
</script>
