<template>
  <div>
    <div class="row">
      <StickyWrapper class="col-auto mx-4">
        <router-link to="/projects" class="btn btn-outline-light">Projects</router-link>
      </StickyWrapper>
      <div class="col">
        <FolderList path="/projects/" v-slot="{ page }">
          <div class="card m-2">
            <div class="card-header"><router-link :to="page.regularPath">{{ page.title }}</router-link></div>
            <div class="card-body">
              {{ page.frontmatter.excerpt }}
            </div>
          </div>
        </FolderList>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "HomeContent"
}
</script>

<style scoped>

</style>