62 lines
1.6 KiB
Vue
62 lines
1.6 KiB
Vue
|
<template>
|
||
|
|
<div class="page">
|
||
|
|
<div class="card title-card">
|
||
|
|
<div class="card-subtitle">
|
||
|
|
<p>Projects</p>
|
||
|
|
</div>
|
||
|
|
<div class="card-title">
|
||
|
|
<h1>Fracture</h1>
|
||
|
|
</div>
|
||
|
|
<div class="card-content">
|
||
|
|
<a href="https://github.com/Damillora/fracture"></a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="card">
|
||
|
|
<div class="card-title">
|
||
|
|
<h1>Description</h1>
|
||
|
|
</div>
|
||
|
|
<div class="card-content">
|
||
|
|
<p>Fracture is a quiz application web built using Vue, Nuxt.js, and Vuetify.</p>
|
||
|
|
<p>Fracture was developed for a Personal Quest for my student activity unit's recruitment process..</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="card">
|
||
|
|
<div class="card-title">
|
||
|
|
<h1>Technologies</h1>
|
||
|
|
</div>
|
||
|
|
<div class="card-content">
|
||
|
|
<ul>
|
||
|
|
<li>Vue.js</li>
|
||
|
|
<li>Nuxt</li>
|
||
|
|
<li>Vuetify</li>
|
||
|
|
<li>JSON</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="card">
|
||
|
|
<div class="card-title">
|
||
|
|
<h1>Screenshots</h1>
|
||
|
|
</div>
|
||
|
|
<div class="card-content">
|
||
|
|
<div class="gallery">
|
||
|
|
<GalleryImage :src="require('~/assets/projects/fracture/1.png')" />
|
||
|
|
<GalleryImage :src="require('~/assets/projects/fracture/2.png')" />
|
||
|
|
<GalleryImage :src="require('~/assets/projects/fracture/3.png')" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
import GalleryImage from '~/components/GalleryImage';
|
||
|
|
|
||
|
|
export default {
|
||
|
|
components: {
|
||
|
|
GalleryImage,
|
||
|
|
},
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<style>
|
||
|
|
|
||
|
|
</style>
|