mirror of
https://github.com/Rakantor/personal-portfolio.git
synced 2025-12-17 19:36:32 +01:00
Initial commit
This commit is contained in:
20
pages/bio.vue
Normal file
20
pages/bio.vue
Normal file
@@ -0,0 +1,20 @@
|
||||
<template>
|
||||
<v-row>
|
||||
<v-col cols="12">
|
||||
<span class="text-h4">About me</span>
|
||||
</v-col>
|
||||
<v-col cols="12">
|
||||
<span>
|
||||
Hey there! I'm Manuel, a software dev based in Vienna, Austria. I C.
|
||||
A year later, I continued to learn Java. I HTML and CSS
|
||||
full-stack web development in 2018.
|
||||
</span>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'BioPage'
|
||||
}
|
||||
</script>
|
||||
@@ -1,87 +1,19 @@
|
||||
<template>
|
||||
<v-row justify="center" align="center">
|
||||
<v-col cols="12" sm="8" md="6">
|
||||
<v-card class="logo py-4 d-flex justify-center">
|
||||
<NuxtLogo />
|
||||
<VuetifyLogo />
|
||||
</v-card>
|
||||
<v-card>
|
||||
<v-card-title class="headline">
|
||||
Welcome to the Vuetify + Nuxt.js template
|
||||
</v-card-title>
|
||||
<v-card-text>
|
||||
<p>
|
||||
Vuetify is a progressive Material Design component framework for
|
||||
Vue.js. It was designed to empower developers to create amazing
|
||||
applications.
|
||||
</p>
|
||||
<p>
|
||||
For more information on Vuetify, check out the
|
||||
<a
|
||||
href="https://vuetifyjs.com"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
documentation </a
|
||||
>.
|
||||
</p>
|
||||
<p>
|
||||
If you have questions, please join the official
|
||||
<a
|
||||
href="https://chat.vuetifyjs.com/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
title="chat"
|
||||
>
|
||||
discord </a
|
||||
>.
|
||||
</p>
|
||||
<p>
|
||||
Find a bug? Report it on the github
|
||||
<a
|
||||
href="https://github.com/vuetifyjs/vuetify/issues"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
title="contribute"
|
||||
>
|
||||
issue board </a
|
||||
>.
|
||||
</p>
|
||||
<p>
|
||||
Thank you for developing with Vuetify and I look forward to bringing
|
||||
more exciting features in the future.
|
||||
</p>
|
||||
<div class="text-xs-right">
|
||||
<em><small>— John Leider</small></em>
|
||||
</div>
|
||||
<hr class="my-3" />
|
||||
<a
|
||||
href="https://nuxtjs.org/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
Nuxt Documentation
|
||||
</a>
|
||||
<br />
|
||||
<a
|
||||
href="https://github.com/nuxt/nuxt.js"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
Nuxt GitHub
|
||||
</a>
|
||||
</v-card-text>
|
||||
<v-card-actions>
|
||||
<v-spacer />
|
||||
<v-btn color="primary" nuxt to="/inspire"> Continue </v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
<v-row justify="center" align="center" class="my-16">
|
||||
<v-col cols="12">
|
||||
<span class="text-h3">Hi,<br/>I'm Manuel,<br/>Software Engineer.</span>
|
||||
</v-col>
|
||||
<v-col cols="12">
|
||||
<span class="text-h6">I'm a Software Developer based in Vienna, Austria. I make all kind of applications.</span>
|
||||
</v-col>
|
||||
<v-col cols="12">
|
||||
<v-btn depressed outlined color="primary" href="mailto:rakantor.dev@gmail.com">Contact me</v-btn>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'IndexPage',
|
||||
name: 'IndexPage'
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -1,21 +0,0 @@
|
||||
<template>
|
||||
<v-row>
|
||||
<v-col class="text-center">
|
||||
<img src="/v.png" alt="Vuetify.js" class="mb-5" />
|
||||
<blockquote class="blockquote">
|
||||
“First, solve the problem. Then, write the code.”
|
||||
<footer>
|
||||
<small>
|
||||
<em>—John Johnson</em>
|
||||
</small>
|
||||
</footer>
|
||||
</blockquote>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'InspirePage',
|
||||
}
|
||||
</script>
|
||||
61
pages/portfolio.vue
Normal file
61
pages/portfolio.vue
Normal file
@@ -0,0 +1,61 @@
|
||||
<template>
|
||||
<v-row>
|
||||
<v-col cols="12">
|
||||
<span class="text-h5 font-weight-medium">Some of my projects</span>
|
||||
</v-col>
|
||||
<v-col v-for="(project, index) of projects" :key="index" cols="12" md="6">
|
||||
<v-card color="backgroundSecondary">
|
||||
<v-img
|
||||
height="250"
|
||||
src="https://cdn.vuetifyjs.com/images/cards/cooking.png"
|
||||
></v-img>
|
||||
<v-card-title>{{ project.title }}</v-card-title>
|
||||
<v-card-subtitle>{{ project.subtitle }}</v-card-subtitle>
|
||||
<v-card-text>Desktop/Android application written in Java</v-card-text>
|
||||
<v-card-text class="text-caption">
|
||||
{{ project.info }}
|
||||
</v-card-text>
|
||||
<v-card-actions>
|
||||
<v-btn depressed outlined color="primary">Visit Project Website</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'PortfolioComponent',
|
||||
data () {
|
||||
return {
|
||||
projects: [
|
||||
{
|
||||
title: 'Torii SRS 2.0',
|
||||
subtitle: 'Progressive Web App',
|
||||
info: 'Vue.js Vuetify.js Chart.js MySQL PHP AWS Azure Watson Heroku'
|
||||
},
|
||||
{
|
||||
title: 'Torii SRS 1.0',
|
||||
subtitle: 'Cross-platform desktop and mobile app',
|
||||
info: 'Java libGDX MySQL PHP AWS WordPress'
|
||||
},
|
||||
{
|
||||
title: 'IU Gamer App',
|
||||
subtitle: 'Cross-platform desktop and mobile app',
|
||||
info: 'Android (Java) Firebase'
|
||||
},
|
||||
{
|
||||
title: 'Menacing Blue',
|
||||
subtitle: '2000s Pokémon inspired Cross-platform 2D game',
|
||||
info: 'Java libGDX'
|
||||
},
|
||||
{
|
||||
title: 'Personal Portfolio Website',
|
||||
subtitle: 'The thing you\'re looking at right now',
|
||||
info: 'Nuxt.js Vuetify.js Github-Pages'
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user