<template>
  <v-container>
    <v-row class="text-center">
      <v-col cols="12">
        <v-img src="@/assets/logo.svg" class="my-3" contain height="200" />
      </v-col>

      <v-col class="mb-4"> </v-col>
    </v-row>
    <v-row class="text-center" justify="center">
      <h1 class="display-2 font-weight-bold mb-3">Welcome to Antaeus</h1>
    </v-row>

    <v-row justify="center">
      <v-col cols="8">
        <p class="subheading font-weight-regular">
          Antaeus (/ænˈtiːəs/), in Greek mythology, a giant of Libya, the son of
          the sea god Poseidon and the Earth goddess Gaia. He compelled all
          strangers who were passing through the country to wrestle with him.
          Whenever Antaeus touched the Earth (his mother), his strength was
          renewed, so that even if thrown to the ground, he was invincible.
          Heracles, in combat with him, discovered the source of his strength
          and, lifting him up from Earth, crushed him to death.
        </p>
      </v-col>
    </v-row>
  </v-container>
</template>

<script lang="ts">
import Vue from "vue";

export default Vue.extend({
  name: "Home",
});
</script>
