<template>
  <div class="page">
    <div class="card title-card">
        <div class="card-title">
            <h1>Projects</h1>
        </div>
    </div>
    <div class="projects">
        <ProjectCard name="Fracture" description="A quiz web application using Vue, Nuxt.js, and Vuetify." url="https://fracture.junna.moe" />
    </div>
  </div>
</template>

<script>
import ProjectCard from '../components/ProjectCard';

export default {
    components: {
        ProjectCard
    }
}
</script>

<style>
.projects {
    @apply flex flex-row flex-wrap;
}
</style>
