├── uzir.png
├── .firebaserc
├── vue.config.js
├── public
    ├── favicon.ico
    └── index.html
├── src
    ├── assets
    │   ├── logo.png
    │   ├── uzir.png
    │   ├── finance-logo.png
    │   ├── baguette-logo.png
    │   ├── facebook-logo.png
    │   ├── firebird-logo.png
    │   ├── food-vision-logo.png
    │   ├── ss-logo-high-res.png
    │   ├── logo.svg
    │   ├── plaid-logo.svg
    │   └── firebird-logo.svg
    ├── views
    │   ├── About.vue
    │   └── Home.vue
    ├── store
    │   └── index.js
    ├── plugins
    │   └── vuetify.js
    ├── main.js
    ├── components
    │   ├── PFooter.vue
    │   ├── PContactInfo.vue
    │   ├── PToolbar.vue
    │   ├── PPortfolioApp.vue
    │   └── HelloWorld.vue
    ├── App.vue
    └── router
    │   └── index.js
├── babel.config.js
├── firebase.json
├── .gitignore
├── README.md
├── package.json
└── .firebase
    └── hosting.ZGlzdA.cache


/uzir.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/uzirthapa/portfolio-website/HEAD/uzir.png


--------------------------------------------------------------------------------
/.firebaserc:
--------------------------------------------------------------------------------
1 | {
2 |   "projects": {
3 |     "default": "personal-website-a0426"
4 |   }
5 | }
6 | 


--------------------------------------------------------------------------------
/vue.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   "transpileDependencies": [
3 |     "vuetify"
4 |   ]
5 | }


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/uzirthapa/portfolio-website/HEAD/public/favicon.ico


--------------------------------------------------------------------------------
/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/uzirthapa/portfolio-website/HEAD/src/assets/logo.png


--------------------------------------------------------------------------------
/src/assets/uzir.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/uzirthapa/portfolio-website/HEAD/src/assets/uzir.png


--------------------------------------------------------------------------------
/babel.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   presets: [
3 |     '@vue/cli-plugin-babel/preset'
4 |   ]
5 | }
6 | 


--------------------------------------------------------------------------------
/src/assets/finance-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/uzirthapa/portfolio-website/HEAD/src/assets/finance-logo.png


--------------------------------------------------------------------------------
/src/assets/baguette-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/uzirthapa/portfolio-website/HEAD/src/assets/baguette-logo.png


--------------------------------------------------------------------------------
/src/assets/facebook-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/uzirthapa/portfolio-website/HEAD/src/assets/facebook-logo.png


--------------------------------------------------------------------------------
/src/assets/firebird-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/uzirthapa/portfolio-website/HEAD/src/assets/firebird-logo.png


--------------------------------------------------------------------------------
/src/assets/food-vision-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/uzirthapa/portfolio-website/HEAD/src/assets/food-vision-logo.png


--------------------------------------------------------------------------------
/src/assets/ss-logo-high-res.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/uzirthapa/portfolio-website/HEAD/src/assets/ss-logo-high-res.png


--------------------------------------------------------------------------------
/src/views/About.vue:
--------------------------------------------------------------------------------
1 | <template>
2 |   <div class="about">
3 |     <h1>This is an about page</h1>
4 |   </div>
5 | </template>
6 | 


--------------------------------------------------------------------------------
/src/store/index.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import Vuex from 'vuex'
 3 | 
 4 | Vue.use(Vuex)
 5 | 
 6 | export default new Vuex.Store({
 7 |   state: {
 8 |   },
 9 |   mutations: {
10 |   },
11 |   actions: {
12 |   },
13 |   modules: {
14 |   }
15 | })
16 | 


--------------------------------------------------------------------------------
/src/plugins/vuetify.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue';
 2 | import Vuetify from 'vuetify/lib';
 3 | import '@fortawesome/fontawesome-free/css/all.css'
 4 | 
 5 | Vue.use(Vuetify);
 6 | 
 7 | export default new Vuetify({
 8 |     icons: {
 9 |         iconfont: 'fa' || 'mdi'
10 |     }
11 | });
12 | 


--------------------------------------------------------------------------------
/firebase.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "hosting": {
 3 |     "public": "dist",
 4 |     "ignore": [
 5 |       "firebase.json",
 6 |       "**/.*",
 7 |       "**/node_modules/**"
 8 |     ],
 9 |     "rewrites": [
10 |       {
11 |         "source": "**",
12 |         "destination": "/index.html"
13 |       }
14 |     ]
15 |   }
16 | }
17 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | .DS_Store
 2 | node_modules
 3 | /dist
 4 | 
 5 | # local env files
 6 | .env.local
 7 | .env.*.local
 8 | 
 9 | # Log files
10 | npm-debug.log*
11 | yarn-debug.log*
12 | yarn-error.log*
13 | 
14 | # Editor directories and files
15 | .idea
16 | .vscode
17 | *.suo
18 | *.ntvs*
19 | *.njsproj
20 | *.sln
21 | *.sw?
22 | 


--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import App from './App.vue'
 3 | import router from './router'
 4 | import store from './store'
 5 | import vuetify from './plugins/vuetify';
 6 | 
 7 | Vue.config.productionTip = false
 8 | 
 9 | new Vue({
10 |   router,
11 |   store,
12 |   vuetify,
13 |   render: h => h(App)
14 | }).$mount('#app')
15 | 


--------------------------------------------------------------------------------
/src/components/PFooter.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <v-footer app absolute class="font-weight-medium">
 3 |     <v-col class="text-center" cols="12">
 4 |       {{ new Date().getFullYear() }} —
 5 |       <strong>Uzir Thapa</strong>
 6 |     </v-col>
 7 |   </v-footer>
 8 | </template>
 9 | 
10 | <script>
11 | export default {};
12 | </script>
13 | 
14 | <style>
15 | </style>


--------------------------------------------------------------------------------
/src/assets/logo.svg:
--------------------------------------------------------------------------------
1 | <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 87.5 100"><defs><style>.cls-1{fill:#1697f6;}.cls-2{fill:#7bc6ff;}.cls-3{fill:#1867c0;}.cls-4{fill:#aeddff;}</style></defs><title>Artboard 46</title><polyline class="cls-1" points="43.75 0 23.31 0 43.75 48.32"/><polygon class="cls-2" points="43.75 62.5 43.75 100 0 14.58 22.92 14.58 43.75 62.5"/><polyline class="cls-3" points="43.75 0 64.19 0 43.75 48.32"/><polygon class="cls-4" points="64.58 14.58 87.5 14.58 43.75 100 43.75 62.5 64.58 14.58"/></svg>
2 | 


--------------------------------------------------------------------------------
/src/App.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <v-app>
 3 |     <p-toolbar />
 4 |     <v-content style="background-color: white">
 5 |       <!-- <HelloWorld /> -->
 6 |       <router-view />
 7 |     </v-content>
 8 |     <p-footer />
 9 |   </v-app>
10 | </template>
11 | 
12 | <script>
13 | import PToolbar from "./components/PToolbar";
14 | import PFooter from "./components/PFooter";
15 | // import HelloWorld from "./components/HelloWorld";
16 | 
17 | export default {
18 |   name: "App",
19 | 
20 |   components: {
21 |     // HelloWorld,
22 |     PToolbar,
23 |     PFooter
24 |   },
25 | 
26 |   data: () => ({
27 |     //
28 |   })
29 | };
30 | </script>
31 | 


--------------------------------------------------------------------------------
/src/components/PContactInfo.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <v-list-item>
 3 |     <v-list-item-icon class="pa-0 mr-2">
 4 |       <v-btn icon :href="contact.link" target="_blank">
 5 |         <v-icon>{{contact.icon}}</v-icon>
 6 |       </v-btn>
 7 |     </v-list-item-icon>
 8 |     <v-list-item-content>
 9 |       <v-list-item-title>{{contact.value}}</v-list-item-title>
10 |       <v-list-item-subtitle>{{contact.name}}</v-list-item-subtitle>
11 |     </v-list-item-content>
12 |   </v-list-item>
13 | </template>
14 | 
15 | <script>
16 | export default {
17 |   props: {
18 |     contact: {
19 |       type: Object,
20 |       default: function() {
21 |         return {};
22 |       }
23 |     }
24 |   }
25 | };
26 | </script>
27 | 
28 | <style>
29 | </style>


--------------------------------------------------------------------------------
/src/router/index.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import VueRouter from 'vue-router'
 3 | import Home from '../views/Home.vue'
 4 | 
 5 | Vue.use(VueRouter)
 6 | 
 7 | const routes = [
 8 |   {
 9 |     path: '/',
10 |     name: 'home',
11 |     component: Home
12 |   },
13 |   {
14 |     path: '/about',
15 |     name: 'about',
16 |     // route level code-splitting
17 |     // this generates a separate chunk (about.[hash].js) for this route
18 |     // which is lazy-loaded when the route is visited.
19 |     component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
20 |   }
21 | ]
22 | 
23 | const router = new VueRouter({
24 |   mode: 'history',
25 |   base: process.env.BASE_URL,
26 |   routes
27 | })
28 | 
29 | export default router
30 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Personal Portfolio Website
 2 | 
 3 | ## Description
 4 | One Day Build: Portfolio Website in VueJS and Vuetify + Invision Studio
 5 | 
 6 | I recently realized that I did not have a personal portfolio website so I decided to make one! This was the result of a few hours of designing and developing a website with Vuejs and Vuetify. On this page you can see some of the applications I have made and also see some of the code! If you go to https://uzirthapa.com you should be able to see the live webpage! 
 7 | 
 8 | The end result is what you see in this project [here](https://uzirthapa.com/)
 9 | 
10 | Please check out the [YouTube Video] () as well if you would like!
11 | 
12 | ## Links to Resources
13 | 
14 | [YouTube]()
15 | 
16 | [Vuejs](https://vuejs.org/)
17 | 
18 | [Vuetify](https://vuetifyjs.com/en/)
19 | 
20 | [Invision](https://www.invisionapp.com/studio)
21 | 
22 | [Firebase](https://firebase.google.com/)
23 | 
24 | [Website](https://www.uzirthapa.com/)
25 | 
26 | 
27 | 
28 | ## Project setup
29 | ```
30 | yarn install
31 | yarn run serve
32 | yarn run build
33 | yarn run test
34 | yarn run lint
35 | ```
36 | 
37 | 
38 | 
39 | ### Customize configuration
40 | See [Configuration Reference](https://cli.vuejs.org/config/).
41 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "personal-website",
 3 |   "version": "0.1.0",
 4 |   "private": true,
 5 |   "scripts": {
 6 |     "serve": "vue-cli-service serve",
 7 |     "build": "vue-cli-service build",
 8 |     "lint": "vue-cli-service lint"
 9 |   },
10 |   "dependencies": {
11 |     "core-js": "^3.4.3",
12 |     "vue": "^2.6.10",
13 |     "vue-router": "^3.1.3",
14 |     "vuetify": "^2.1.0",
15 |     "vuex": "^3.1.2"
16 |   },
17 |   "devDependencies": {
18 |     "@fortawesome/fontawesome-free": "^5.11.2",
19 |     "@vue/cli-plugin-babel": "^4.1.0",
20 |     "@vue/cli-plugin-eslint": "^4.1.0",
21 |     "@vue/cli-service": "^4.1.0",
22 |     "babel-eslint": "^10.0.3",
23 |     "eslint": "^5.16.0",
24 |     "eslint-plugin-vue": "^5.0.0",
25 |     "sass": "^1.19.0",
26 |     "sass-loader": "^8.0.0",
27 |     "vue-cli-plugin-vuetify": "^2.0.2",
28 |     "vue-template-compiler": "^2.6.10",
29 |     "vuetify-loader": "^1.3.0"
30 |   },
31 |   "eslintConfig": {
32 |     "root": true,
33 |     "env": {
34 |       "node": true
35 |     },
36 |     "extends": [
37 |       "plugin:vue/essential",
38 |       "eslint:recommended"
39 |     ],
40 |     "rules": {},
41 |     "parserOptions": {
42 |       "parser": "babel-eslint"
43 |     }
44 |   },
45 |   "browserslist": [
46 |     "> 1%",
47 |     "last 2 versions"
48 |   ]
49 | }
50 | 


--------------------------------------------------------------------------------
/src/components/PToolbar.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <v-app-bar flat absolute color="transparent" dark height="120px">
 3 |     <v-layout justify-center>
 4 |       <v-container>
 5 |         <v-layout>
 6 |           <div
 7 |             :class="{'display-1 font-weight-bold': $vuetify.breakpoint.smAndUp,'title font-weight-bold': $vuetify.breakpoint.smAndDown, }"
 8 |           >Uzir T.</div>
 9 |           <v-spacer></v-spacer>
10 |           <v-toolbar-items class="text-right">
11 |             <v-btn
12 |               :x-small="$vuetify.breakpoint.smAndDown"
13 |               @click="$vuetify.goTo('#about',options )"
14 |               text
15 |             >About</v-btn>
16 |             <v-btn
17 |               :x-small="$vuetify.breakpoint.smAndDown"
18 |               @click="$vuetify.goTo('#portfolio',options )"
19 |               text
20 |             >My Work</v-btn>
21 |             <v-btn
22 |               :x-small="$vuetify.breakpoint.smAndDown"
23 |               @click="$vuetify.goTo('#contact',options )"
24 |               text
25 |             >Contact</v-btn>
26 |           </v-toolbar-items>
27 |         </v-layout>
28 |       </v-container>
29 |     </v-layout>
30 |   </v-app-bar>
31 | </template>
32 | 
33 | <script>
34 | // import * as easings from "vuetify/es5/services/goto/easing-patterns";
35 | export default {
36 |   data() {
37 |     return {
38 |       options: {
39 |         duration: 300,
40 |         offset: 0,
41 |         easing: "easeInOutCubic"
42 |       }
43 |     };
44 |   }
45 | };
46 | </script>
47 | 
48 | <style>
49 | </style>


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | 
 4 | <head>
 5 |   <meta charset="utf-8">
 6 |   <meta http-equiv="X-UA-Compatible" content="IE=edge">
 7 |   <meta name="viewport" content="width=device-width,initial-scale=1.0">
 8 |   <link rel="icon" href="<%= BASE_URL %>favicon.ico">
 9 |   <title>Uzir Thapa | Software Developer</title>
10 |   <meta property="og:description"
11 |     content="Uzir Thapa is a software developer based in Cedar Rapids, IA who specializes in developing (and occasionally designing) exceptional, high-quality websites and applications.">
12 |   <meta property="og:image"
13 |     content="https://firebasestorage.googleapis.com/v0/b/personal-website-a0426.appspot.com/o/Screen%20Shot%202020-01-26%20at%207.23.10%20PM.png?alt=media&token=208dca26-8315-49ad-ac9c-cb9c14f03719">
14 |   <meta property="og:url" content="https://uzirthapa.com">
15 |   <meta name="twitter:card"
16 |     content="https://firebasestorage.googleapis.com/v0/b/personal-website-a0426.appspot.com/o/Screen%20Shot%202020-01-26%20at%207.23.10%20PM.png?alt=media&token=208dca26-8315-49ad-ac9c-cb9c14f03719">
17 |   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
18 |   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">
19 |   <link href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" rel="stylesheet">
20 | </head>
21 | 
22 | <body>
23 |   <noscript>
24 |     <strong>We're sorry but personal-website doesn't work properly without JavaScript enabled. Please enable it to
25 |       continue.</strong>
26 |   </noscript>
27 |   <div id="app"></div>
28 |   <!-- built files will be auto injected -->
29 | </body>
30 | 
31 | </html>


--------------------------------------------------------------------------------
/src/assets/plaid-logo.svg:
--------------------------------------------------------------------------------
1 | <svg width="126" height="48" viewBox="0 0 126 48" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>Plaid logo</title><defs><path id="a" d="M0 47.473h126V0H0z"/></defs><g fill="none" fill-rule="evenodd"><path d="M66.248 16.268c-1.057-.889-2.861-1.333-5.413-1.333h-5.756v17.788h4.304v-5.575h1.928c2.34 0 4.056-.515 5.148-1.546 1.23-1.155 1.849-2.693 1.849-4.613 0-1.991-.687-3.565-2.06-4.721m-5.044 6.855h-1.821V18.96h1.636c1.99 0 2.985.698 2.985 2.094 0 1.378-.934 2.068-2.8 2.068M75.673 14.934h-4.488v17.788h9.69v-4.026h-5.202zM89.668 14.934l-7.05 17.788h4.832l.924-2.586H94.5l.845 2.586h4.886l-7-17.788h-3.563zm-.053 11.601l1.849-6.08 1.82 6.08h-3.67z" fill="#111"/><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><path fill="#111" mask="url(#b)" d="M102.473 32.722h4.489V14.934h-4.489zM124.39 18.268a7.376 7.376 0 0 0-2.14-2.053c-1.355-.854-3.204-1.28-5.545-1.28h-5.914v17.787h6.918c2.5 0 4.506-.817 6.02-2.453 1.514-1.635 2.27-3.805 2.27-6.508 0-2.15-.537-3.981-1.61-5.493m-7.182 10.427h-1.927v-9.734h1.954c1.373 0 2.428.43 3.168 1.287.74.857 1.11 2.073 1.11 3.647 0 3.2-1.435 4.8-4.305 4.8M18.637 0L4.09 3.81.081 18.439l5.014 5.148L0 28.65l3.773 14.693 14.484 4.047 5.096-5.064 5.014 5.147 14.547-3.81 4.008-14.63-5.013-5.146 5.095-5.063L43.231 4.13 28.745.083l-5.094 5.063L18.637 0zM9.71 6.624l7.663-2.008 3.351 3.44-4.887 4.856L9.71 6.624zm16.822 1.478l3.405-3.383 7.63 2.132-6.227 6.187-4.808-4.936zM4.672 17.238l2.111-7.705 6.125 6.288-4.886 4.856-3.35-3.44zm29.547-1.243l6.227-6.189 1.986 7.74-3.404 3.384-4.809-4.935zm-15.502-.127l4.887-4.856 4.807 4.936-4.886 4.856-4.808-4.936zm-7.814 7.765l4.886-4.856 4.81 4.936-4.888 4.856-4.808-4.936zm15.503.127l4.886-4.856L36.1 23.84l-4.887 4.856-4.807-4.936zM4.57 29.927l3.406-3.385 4.807 4.937-6.225 6.186-1.988-7.738zm14.021 1.598l4.887-4.856 4.808 4.936-4.886 4.856-4.809-4.936zm15.502.128l4.887-4.856 3.351 3.439-2.11 7.705-6.128-6.288zm-24.656 8.97l6.226-6.189 4.81 4.936-3.406 3.385-7.63-2.133zm16.843-1.206l4.886-4.856 6.126 6.289-7.662 2.007-3.35-3.44z"/></g></svg>


--------------------------------------------------------------------------------
/src/components/PPortfolioApp.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <v-card flat color="transparent" max-width="350px">
 3 |     <v-card-title>
 4 |       <v-layout>
 5 |         <v-flex>
 6 |           <v-card
 7 |             :href="app.platforms[0].link"
 8 |             target="_blank"
 9 |             elevation="5"
10 |             style="border-radius: 20px"
11 |             width="100px"
12 |             height="100px"
13 |           >
14 |             <v-img :src="logo(app.logo)" />
15 |           </v-card>
16 |         </v-flex>
17 |         <v-flex xs7>
18 |           <div>{{app.name}}</div>
19 |           <div>
20 |             <v-chip small pill color="blue" dark>{{app.price}}</v-chip>
21 |           </div>
22 | 
23 |           <template v-for="(platform, i) in app.platforms">
24 |             <!-- <div> -->
25 |             <v-btn :href="platform.link" target="_blank" icon :key="i">
26 |               <v-icon>{{platform.icon}}</v-icon>
27 |             </v-btn>
28 |             <!-- </div> -->
29 |           </template>
30 |         </v-flex>
31 |       </v-layout>
32 |     </v-card-title>
33 |     <v-card-text>
34 |       <div>{{app.description}}</div>
35 |       <div class="title mt-2">Technologies Used</div>
36 |       <v-layout>
37 |         <template v-for="(tech, i) in app.technologies">
38 |           <v-flex xs3 :key="i">
39 |             <div class="text-center">
40 |               <v-btn icon>
41 |                 <v-icon>{{tech.icon}}</v-icon>
42 |               </v-btn>
43 |               <div class="caption">{{tech.name}}</div>
44 |             </div>
45 |           </v-flex>
46 |         </template>
47 |       </v-layout>
48 |       <div v-if="app.code.link">
49 |         <div class="title mt-2">Code</div>
50 |         <v-btn icon :href="app.code.link" target="_blank">
51 |           <v-icon>{{app.code.icon}}</v-icon>
52 |         </v-btn>
53 |       </div>
54 |     </v-card-text>
55 |   </v-card>
56 | </template>
57 | 
58 | <script>
59 | export default {
60 |   props: {
61 |     app: {
62 |       type: Object,
63 |       default: function() {
64 |         return {};
65 |       }
66 |     }
67 |   },
68 |   methods: {
69 |     logo(name) {
70 |       return require("../assets/" + name);
71 |     }
72 |   }
73 | };
74 | </script>
75 | 
76 | <style>
77 | </style>


--------------------------------------------------------------------------------
/.firebase/hosting.ZGlzdA.cache:
--------------------------------------------------------------------------------
 1 | index.html,1590194604527,d3c7499f496abcd337efcd4a7085cd7f4e9dc2b58bc5ca532cab39de016729ed
 2 | favicon.ico,1590194604533,84b139040b20cdff656960c5c0cb094137159e6389dcaed3c445d3359fc02a30
 3 | fonts/fa-regular-400.f5f2566b.woff2,1590194604513,ab7c73554649ea9d7080f02745e58d0acedc5c0dbefc9ecd6fa67e3fef940441
 4 | img/facebook-logo.d133b91c.png,1590194604526,7c32172d4ef2a89569e2a68cf7806c10b291156e4f90a7d1b46a6ae6d23fd2eb
 5 | img/firebird-logo.e56c7951.svg,1590194604521,fe5d79d270928eea2ce6ceaf0e1e4d0a456f5bafcff9d32b83c1d38064ff2f4e
 6 | img/logo.63a7d78d.svg,1590194604520,5efbc7f58835ba5cd0a1643731f4a1e709cb7e080e369a6ffd5b058e5ea90569
 7 | img/logo.82b9c7a5.png,1590194604526,18a9d91561f909237fda7b9b9071eb13e6546f71e008c7767361672c015c272c
 8 | img/plaid-logo.30ba599e.svg,1590194604520,47122dfdb27484d51e9c3a7fb5ae750076b496449a915e5760e02afd07ba63b6
 9 | js/about.abcd174b.js,1590194604525,b4aadea9cca53ee272c93bbd265df23db30985e787b1bb1e4ec914be518b28c5
10 | js/about.abcd174b.js.map,1590194604534,4c0eaa7f86cdc8ecf634591d1e696b1051f95ba07f1473bebb9cedf24b800807
11 | js/app.1f5797ed.js,1590194604526,1a6433313ad3ebb8b88d5fe11cea9c57eb23b6c03aa83333ebdb8deddd21e79e
12 | js/app.1f5797ed.js.map,1590194604533,b8eccb26d3d80e55164bbe76e9108e2c8fa93e6f3cea08bd7b3dfa210bc64f9f
13 | fonts/fa-regular-400.65b286af.ttf,1590194604513,e98086046fa72a02eceef3809e422b4c3c877fc57ce990d262fa9f08ff450c33
14 | fonts/fa-regular-400.c4f508e7.woff,1590194604514,3b99da4549333a8e733cd388f8f581f5065ba32e31b8ed6ae2ac880200ccfe97
15 | fonts/fa-regular-400.c1a866ec.eot,1590194604514,25713b84aff7840ce1e5ccbd122bdc30185c2d8ec16db6047caeb7ca6d48f508
16 | img/finance-logo.b2af66c2.png,1590194604521,c37b3cee899a8ca32d654f6317193fdb632bbb66985cdd2a54751e6a256d748c
17 | img/firebird-logo.c0372fb9.png,1590194604521,04ae479feddb6233a165334355d3a79618fabeed3abee3200f90dac85568e4bb
18 | img/ss-logo-high-res.bce19937.png,1590194604526,0827198aa6ef68b44ba92f1160ea76e3b3453f904b015bf085469daa3e0da59e
19 | img/baguette-logo.70b7a033.png,1590194604520,9d9bfc93af7fe02e13fc8272adf5271316fcda97d02348ab263da9350b015f56
20 | fonts/fa-brands-400.cccc9d29.woff2,1590194604512,94abde4a5937a56e26a6e81a2c4af16f41b3f5dbd1e5d7871a6eb8a2e3690c73
21 | img/fa-regular-400.7b9568e6.svg,1590194604513,64b919901191d525dc1c1615137414aeb335dab6bf7512bcfe792ed5bf5e9728
22 | fonts/fa-solid-900.44d537ab.woff2,1590194604513,1107c2a16d0bc7b71f79b42a2ed837f5a5bba0907f37e765d9824ff930c52714
23 | fonts/fa-brands-400.c5e0f14f.woff,1590194604513,4de3cd271b66465d21020257e842c1f514b0f58e5846f0e4b546436c55213dd7
24 | fonts/fa-brands-400.06147b6c.ttf,1590194604513,138ba20d76f62edb6dc989793bc27446314ac079fc8feb1467dfad416b9340f3
25 | fonts/fa-brands-400.5063b105.eot,1590194604513,30881689630b36d3b2a5b6fd711520be8728638aa309dd682f537a181a692159
26 | fonts/fa-solid-900.333bae20.woff,1590194604513,0d978585f3e899880dcbfea8d68253a0c99c9e90843babcd8e5a057a8084ffa5
27 | fonts/fa-solid-900.8e4a6dcc.eot,1590194604514,38d30817977852f6ee1be8c99d48105a900a7a7ae27d7dc90eb0e4fa5790ac8c
28 | fonts/fa-solid-900.0bff33a5.ttf,1590194604513,98a7cb75b2c81ac1c0e3cb6bd306dbe735a284c75479fb3a140173e89f022fa8
29 | css/chunk-vendors.f5f48b5b.css,1590194604525,f7ff132eb00965e1cd39e919a7ec0b827781b96bef29ecf95910ebec2801eed4
30 | js/chunk-vendors.29dce511.js,1590194604527,d5220a09b10cf68cddc393fdca3fd00731e4365a73174ec135f4f08a84a2a692
31 | img/fa-solid-900.c2801fb4.svg,1590194604514,c31ab2cebc4cbdda0e05aff6349d95f7c85723e5038b4251bd3d6d45236b64f8
32 | img/food-vision-logo.a4357cfc.png,1590194604520,56df5a67fdcaa69ddfe3c5313b45d821e631a81d32939ecb99ce7f03628b6a71
33 | img/uzir.6882648c.png,1590194604515,283be8271c511607cb47987b65cbb93c20cabbea47a07c012f35a8c51ac6e372
34 | img/fa-brands-400.a9c4bb73.svg,1590194604513,e220e6fcaab41dca478521fad6b1587238f73d0959ad64d62d7a7b4003e981f5
35 | js/chunk-vendors.29dce511.js.map,1590194604534,36ccda83ed87da896564a5ac4bf689ee20ab746f544f955cc811dd91dfc57af0
36 | 


--------------------------------------------------------------------------------
/src/components/HelloWorld.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <v-container>
  3 |     <v-layout
  4 |       text-center
  5 |       wrap
  6 |     >
  7 |       <v-flex xs12>
  8 |         <v-img
  9 |           :src="require('../assets/logo.svg')"
 10 |           class="my-3"
 11 |           contain
 12 |           height="200"
 13 |         ></v-img>
 14 |       </v-flex>
 15 | 
 16 |       <v-flex mb-4>
 17 |         <h1 class="display-2 font-weight-bold mb-3">
 18 |           Welcome to Vuetify
 19 |         </h1>
 20 |         <p class="subheading font-weight-regular">
 21 |           For help and collaboration with other Vuetify developers,
 22 |           <br>please join our online
 23 |           <a href="https://community.vuetifyjs.com" target="_blank">Discord Community</a>
 24 |         </p>
 25 |       </v-flex>
 26 | 
 27 |       <v-flex
 28 |         mb-5
 29 |         xs12
 30 |       >
 31 |         <h2 class="headline font-weight-bold mb-3">What's next?</h2>
 32 | 
 33 |         <v-layout justify-center>
 34 |           <a
 35 |             v-for="(next, i) in whatsNext"
 36 |             :key="i"
 37 |             :href="next.href"
 38 |             class="subheading mx-3"
 39 |             target="_blank"
 40 |           >
 41 |             {{ next.text }}
 42 |           </a>
 43 |         </v-layout>
 44 |       </v-flex>
 45 | 
 46 |       <v-flex
 47 |         xs12
 48 |         mb-5
 49 |       >
 50 |         <h2 class="headline font-weight-bold mb-3">Important Links</h2>
 51 | 
 52 |         <v-layout justify-center>
 53 |           <a
 54 |             v-for="(link, i) in importantLinks"
 55 |             :key="i"
 56 |             :href="link.href"
 57 |             class="subheading mx-3"
 58 |             target="_blank"
 59 |           >
 60 |             {{ link.text }}
 61 |           </a>
 62 |         </v-layout>
 63 |       </v-flex>
 64 | 
 65 |       <v-flex
 66 |         xs12
 67 |         mb-5
 68 |       >
 69 |         <h2 class="headline font-weight-bold mb-3">Ecosystem</h2>
 70 | 
 71 |         <v-layout justify-center>
 72 |           <a
 73 |             v-for="(eco, i) in ecosystem"
 74 |             :key="i"
 75 |             :href="eco.href"
 76 |             class="subheading mx-3"
 77 |             target="_blank"
 78 |           >
 79 |             {{ eco.text }}
 80 |           </a>
 81 |         </v-layout>
 82 |       </v-flex>
 83 |     </v-layout>
 84 |   </v-container>
 85 | </template>
 86 | 
 87 | <script>
 88 | export default {
 89 |   name: 'HelloWorld',
 90 | 
 91 |   data: () => ({
 92 |     ecosystem: [
 93 |       {
 94 |         text: 'vuetify-loader',
 95 |         href: 'https://github.com/vuetifyjs/vuetify-loader',
 96 |       },
 97 |       {
 98 |         text: 'github',
 99 |         href: 'https://github.com/vuetifyjs/vuetify',
100 |       },
101 |       {
102 |         text: 'awesome-vuetify',
103 |         href: 'https://github.com/vuetifyjs/awesome-vuetify',
104 |       },
105 |     ],
106 |     importantLinks: [
107 |       {
108 |         text: 'Documentation',
109 |         href: 'https://vuetifyjs.com',
110 |       },
111 |       {
112 |         text: 'Chat',
113 |         href: 'https://community.vuetifyjs.com',
114 |       },
115 |       {
116 |         text: 'Made with Vuetify',
117 |         href: 'https://madewithvuejs.com/vuetify',
118 |       },
119 |       {
120 |         text: 'Twitter',
121 |         href: 'https://twitter.com/vuetifyjs',
122 |       },
123 |       {
124 |         text: 'Articles',
125 |         href: 'https://medium.com/vuetify',
126 |       },
127 |     ],
128 |     whatsNext: [
129 |       {
130 |         text: 'Explore components',
131 |         href: 'https://vuetifyjs.com/components/api-explorer',
132 |       },
133 |       {
134 |         text: 'Select a layout',
135 |         href: 'https://vuetifyjs.com/layout/pre-defined',
136 |       },
137 |       {
138 |         text: 'Frequently Asked Questions',
139 |         href: 'https://vuetifyjs.com/getting-started/frequently-asked-questions',
140 |       },
141 |     ],
142 |   }),
143 | };
144 | </script>
145 | 


--------------------------------------------------------------------------------
/src/assets/firebird-logo.svg:
--------------------------------------------------------------------------------
1 | <svg id="svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" viewBox="0, 0, 400,400"><g id="svgg"><path id="path0" d="M167.893 76.500 C 167.746 76.879,168.412 76.968,170.650 76.868 C 172.575 76.783,173.600 76.887,173.600 77.168 C 173.600 77.406,173.330 77.600,173.000 77.600 C 172.469 77.600,172.400 85.471,172.400 146.043 L 172.400 214.487 173.400 214.236 C 174.138 214.051,174.400 214.144,174.400 214.592 C 174.400 215.096,173.734 215.195,170.500 215.173 C 167.396 215.151,166.784 215.057,167.500 214.712 L 168.400 214.278 168.394 146.439 C 168.391 109.127,168.235 78.841,168.049 79.135 C 167.862 79.429,166.970 79.708,166.066 79.755 C 164.405 79.840,155.292 87.979,155.849 88.880 C 155.958 89.056,155.857 89.200,155.624 89.200 C 155.391 89.200,155.200 89.001,155.200 88.758 C 155.200 88.515,150.235 93.285,144.166 99.358 C 138.097 105.431,132.971 110.400,132.773 110.400 C 132.063 110.400,129.546 113.188,129.834 113.655 C 130.020 113.956,129.950 114.016,129.639 113.824 C 129.326 113.631,125.680 117.004,119.328 123.363 C 113.924 128.773,109.322 133.200,109.102 133.200 C 108.493 133.200,86.401 155.436,86.394 156.056 C 86.389 156.500,86.322 156.497,86.031 156.037 C 85.761 155.610,82.959 158.192,74.421 166.737 C 68.231 172.932,62.949 178.004,62.683 178.009 C 62.417 178.014,57.180 183.054,51.045 189.209 C 44.909 195.364,39.723 200.400,39.519 200.400 C 39.315 200.400,37.765 201.779,36.074 203.464 C 34.383 205.149,33.335 206.407,33.745 206.259 C 35.001 205.806,34.210 208.598,32.679 210.026 C 31.975 210.683,30.710 211.890,29.867 212.710 L 28.335 214.200 29.467 214.404 C 30.957 214.672,30.770 215.336,29.116 215.647 C 28.392 215.783,60.682 215.918,100.871 215.947 C 178.604 216.003,175.200 216.078,175.200 214.325 C 175.200 214.095,175.539 213.995,175.952 214.103 C 176.523 214.253,179.453 211.551,188.050 202.950 C 194.290 196.708,199.530 191.600,199.694 191.600 C 200.250 191.600,201.975 189.882,201.763 189.540 C 201.647 189.353,201.788 189.196,202.076 189.191 C 202.364 189.187,206.736 185.031,211.791 179.957 C 216.846 174.883,221.306 170.558,221.702 170.345 C 222.098 170.133,222.300 169.761,222.149 169.518 C 221.980 169.244,222.061 169.190,222.363 169.377 C 222.680 169.573,226.771 165.755,234.074 158.446 C 240.248 152.268,245.430 147.295,245.591 147.395 C 245.998 147.646,247.670 145.803,247.337 145.470 C 247.188 145.322,247.309 145.200,247.604 145.200 C 248.351 145.200,261.593 131.913,261.308 131.451 C 261.180 131.245,261.249 131.183,261.460 131.313 C 261.671 131.444,263.409 129.948,265.322 127.990 C 267.235 126.032,268.800 124.628,268.800 124.869 C 268.800 125.111,273.700 120.409,279.690 114.420 C 285.679 108.432,290.904 103.358,291.301 103.146 C 291.698 102.934,291.924 102.601,291.805 102.408 C 291.685 102.214,291.798 101.925,292.055 101.766 C 292.348 101.585,292.416 101.650,292.238 101.938 C 291.356 103.366,293.277 101.645,299.838 95.130 C 303.865 91.131,307.051 87.683,306.918 87.468 C 306.785 87.253,306.843 87.180,307.048 87.306 C 307.252 87.432,309.215 85.734,311.409 83.534 C 314.274 80.661,314.987 79.773,313.935 80.385 C 312.124 81.439,311.584 80.852,313.034 79.403 C 313.745 78.691,314.421 78.393,315.134 78.477 C 315.904 78.567,316.225 78.398,316.333 77.843 C 316.450 77.245,316.304 77.132,315.641 77.305 C 315.179 77.426,314.683 77.334,314.539 77.101 C 314.390 76.861,314.465 76.793,314.711 76.945 C 314.949 77.092,315.246 77.049,315.370 76.848 C 315.494 76.648,315.312 76.375,314.965 76.242 C 313.600 75.718,168.096 75.973,167.893 76.500 M169.600 146.000 C 169.600 206.533,169.669 214.400,170.200 214.400 C 170.731 214.400,170.800 206.533,170.800 146.000 C 170.800 85.467,170.731 77.600,170.200 77.600 C 169.669 77.600,169.600 85.467,169.600 146.000 M232.800 184.200 C 232.800 184.530,232.530 184.800,232.200 184.800 C 231.264 184.800,231.290 321.395,232.225 321.754 C 232.569 321.886,232.739 322.176,232.602 322.397 C 232.456 322.632,232.836 322.800,233.512 322.800 C 234.659 322.800,237.550 320.253,237.290 319.471 C 237.230 319.289,237.334 319.236,237.522 319.352 C 238.003 319.649,250.475 307.015,250.104 306.606 C 249.937 306.422,249.993 306.381,250.228 306.515 C 250.464 306.649,252.428 304.980,254.594 302.806 C 256.760 300.632,258.952 298.748,259.466 298.619 C 259.980 298.490,260.400 298.222,260.400 298.023 C 260.400 297.566,272.403 285.600,272.861 285.600 C 273.048 285.600,273.200 285.436,273.200 285.235 C 273.200 284.787,277.579 280.400,278.026 280.400 C 278.202 280.400,278.457 280.049,278.594 279.620 C 278.730 279.192,279.192 278.730,279.620 278.594 C 280.049 278.457,280.400 278.110,280.400 277.822 C 280.400 277.533,280.911 277.085,281.536 276.827 C 282.160 276.568,285.750 273.261,289.513 269.478 C 300.684 258.248,305.600 253.455,305.600 253.793 C 305.600 253.968,310.669 249.047,316.864 242.856 C 323.060 236.665,328.325 231.596,328.564 231.591 C 328.804 231.586,334.026 226.546,340.170 220.391 C 346.313 214.236,351.533 209.198,351.770 209.195 C 353.179 209.178,375.726 185.594,375.276 184.607 C 374.638 183.207,368.235 183.029,367.800 184.400 C 367.603 185.021,367.195 185.200,365.973 185.200 C 364.667 185.200,364.400 185.064,364.400 184.400 C 364.400 183.603,364.133 183.600,298.600 183.600 C 240.378 183.600,232.800 183.669,232.800 184.200 M229.199 184.900 C 228.902 233.464,229.285 321.421,229.793 321.529 C 230.334 321.645,230.400 314.191,230.400 253.229 C 230.400 192.670,230.331 184.800,229.800 184.800 C 229.470 184.800,229.200 184.845,229.199 184.900 M224.328 187.182 C 223.299 188.292,222.228 189.200,221.949 189.200 C 221.669 189.200,216.966 193.700,211.497 199.200 C 206.029 204.700,201.358 209.200,201.118 209.200 C 200.879 209.200,195.469 214.420,189.098 220.800 C 182.726 227.180,177.346 232.400,177.142 232.400 C 176.939 232.400,171.546 237.620,165.159 244.000 C 158.771 250.380,153.353 255.600,153.117 255.600 C 152.881 255.600,147.644 260.640,141.480 266.800 C 135.315 272.960,130.100 278.000,129.891 278.000 C 129.682 278.000,124.395 283.120,118.143 289.377 C 111.891 295.634,106.466 300.856,106.088 300.981 C 103.940 301.691,85.868 320.805,86.401 321.802 L 86.935 322.800 156.668 322.800 C 218.385 322.800,226.400 322.731,226.400 322.200 C 226.400 321.866,226.756 321.600,227.201 321.600 C 228.000 321.600,228.002 321.400,227.901 253.900 C 227.807 190.888,227.754 186.208,227.131 186.310 C 226.764 186.371,226.404 186.138,226.331 185.793 C 226.239 185.350,225.648 185.759,224.328 187.182 M40.400 202.200 C 39.885 202.748,39.386 203.119,39.292 203.025 C 39.076 202.809,40.939 200.853,41.168 201.055 C 41.261 201.137,40.915 201.652,40.400 202.200 M175.476 212.981 C 174.564 213.893,174.154 213.735,175.002 212.798 C 175.402 212.356,175.811 212.078,175.912 212.179 C 176.013 212.279,175.817 212.640,175.476 212.981 " stroke="none" fill="#fc5c5c" fill-rule="evenodd"></path><path id="path1" d="M167.275 77.616 C 166.794 78.064,166.400 78.537,166.400 78.666 C 166.400 79.146,168.931 78.373,169.383 77.755 C 171.160 75.325,171.095 72.940,171.252 146.000 L 171.400 214.600 169.696 214.637 C 168.759 214.657,167.874 214.792,167.730 214.937 C 167.585 215.082,168.892 215.175,170.633 215.146 C 172.375 215.116,173.395 215.013,172.900 214.918 L 172.000 214.744 172.000 146.000 L 172.000 77.256 172.900 77.082 C 173.395 76.987,172.529 76.884,170.975 76.854 C 168.638 76.809,168.000 76.941,167.275 77.616 M228.392 183.928 C 228.057 184.078,227.787 184.410,227.792 184.667 C 227.808 185.574,228.214 185.530,228.667 184.571 C 228.919 184.037,229.097 183.613,229.062 183.628 C 229.028 183.644,228.726 183.779,228.392 183.928 M366.000 184.800 L 364.600 185.095 365.876 185.147 C 366.578 185.176,367.264 185.020,367.400 184.800 C 367.536 184.580,367.592 184.424,367.524 184.453 C 367.456 184.482,366.770 184.638,366.000 184.800 " stroke="none" fill="#fc7c7c" fill-rule="evenodd"></path><path id="path2" d="M169.103 77.700 C 168.676 78.142,168.668 214.672,169.095 214.508 C 169.591 214.318,169.898 77.600,169.402 77.600 C 169.291 77.600,169.157 77.645,169.103 77.700 M228.517 184.796 C 228.403 185.233,228.147 185.491,227.948 185.368 C 227.749 185.245,227.714 184.932,227.870 184.672 C 228.032 184.403,227.862 184.436,227.477 184.749 C 227.105 185.051,226.800 185.396,226.800 185.516 C 226.800 185.635,226.918 185.615,227.063 185.470 C 228.148 184.385,228.197 187.629,228.098 253.920 L 227.995 321.908 227.098 322.231 C 226.459 322.460,227.050 322.594,229.148 322.695 C 232.532 322.858,232.763 322.763,231.664 321.664 C 231.019 321.019,230.819 320.973,230.643 321.431 C 230.523 321.744,230.059 322.000,229.613 322.000 L 228.800 322.000 228.800 253.387 C 228.800 181.467,228.765 183.032,230.317 184.584 C 230.473 184.739,230.691 215.407,230.802 252.733 L 231.005 320.600 231.102 252.720 C 231.195 188.553,231.238 184.817,231.900 184.432 C 232.446 184.114,232.173 184.022,230.663 184.012 C 229.059 184.002,228.689 184.137,228.517 184.796 M171.381 199.600 C 171.381 207.850,171.434 211.225,171.499 207.100 C 171.564 202.975,171.564 196.225,171.499 192.100 C 171.434 187.975,171.381 191.350,171.381 199.600 M28.101 214.000 C 28.190 214.330,28.699 214.633,29.231 214.674 C 29.995 214.732,30.031 214.701,29.400 214.528 C 28.960 214.407,28.451 214.103,28.270 213.854 C 28.051 213.554,27.994 213.604,28.101 214.000 " stroke="none" fill="#fc7474" fill-rule="evenodd"></path><path id="path3" d="M364.400 183.824 C 364.400 185.268,367.322 185.152,367.528 183.700 C 367.642 182.893,367.487 182.800,366.028 182.800 C 364.548 182.800,364.400 182.893,364.400 183.824 M31.765 207.936 C 30.869 208.780,30.020 209.770,29.880 210.136 C 29.740 210.501,29.349 210.800,29.013 210.800 C 28.676 210.800,28.400 210.999,28.400 211.242 C 28.400 211.486,27.961 212.030,27.425 212.452 C 25.659 213.841,26.614 215.633,28.909 215.235 L 30.200 215.011 28.900 214.880 C 26.852 214.674,27.274 214.014,32.309 209.561 C 33.349 208.641,34.294 206.400,33.642 206.400 C 33.507 206.400,32.662 207.091,31.765 207.936 " stroke="none" fill="#fcb8b8" fill-rule="evenodd"></path><path id="path4" d="M170.100 77.452 C 171.189 77.773,171.189 214.240,170.100 214.524 C 169.574 214.662,169.624 214.719,170.301 214.754 L 171.202 214.800 171.101 146.105 C 171.000 77.742,170.996 77.411,170.200 77.328 C 169.578 77.264,169.556 77.292,170.100 77.452 M172.267 77.467 C 171.665 78.068,171.965 214.800,172.567 214.800 C 172.879 214.800,173.419 214.909,173.767 215.043 C 174.184 215.203,174.400 215.064,174.400 214.635 C 174.400 214.141,174.160 214.045,173.400 214.236 L 172.400 214.487 172.400 146.073 C 172.400 81.253,172.437 77.649,173.100 77.476 C 173.661 77.329,173.674 77.284,173.167 77.246 C 172.818 77.221,172.413 77.320,172.267 77.467 M315.600 77.933 C 315.600 78.190,315.248 78.400,314.818 78.400 C 314.388 78.400,313.575 78.862,313.011 79.426 C 311.856 80.580,311.999 81.443,313.235 80.781 C 313.668 80.549,313.917 80.189,313.788 79.980 C 313.549 79.593,314.118 79.437,315.200 79.591 C 315.530 79.638,315.667 79.541,315.503 79.375 C 315.340 79.209,315.411 78.828,315.660 78.527 C 315.910 78.227,315.998 77.865,315.857 77.724 C 315.716 77.582,315.600 77.677,315.600 77.933 M168.302 146.275 C 168.384 200.379,168.303 214.222,167.902 214.505 C 167.528 214.770,167.553 214.819,168.000 214.697 C 168.654 214.519,169.154 78.400,168.501 78.400 C 168.336 78.400,168.246 108.944,168.302 146.275 M165.800 79.600 C 164.781 80.038,165.832 80.038,167.200 79.600 C 168.004 79.343,168.043 79.277,167.400 79.268 C 166.960 79.262,166.240 79.411,165.800 79.600 M230.800 183.960 C 232.060 184.128,232.390 184.286,231.900 184.487 C 231.238 184.759,231.195 188.438,231.102 252.687 L 231.003 320.600 230.800 252.800 L 230.597 185.000 230.498 253.347 C 230.400 321.472,230.397 321.693,229.600 321.484 C 229.160 321.369,228.800 321.438,228.800 321.637 C 228.800 322.285,230.349 322.020,230.768 321.300 C 230.992 320.915,231.181 320.819,231.188 321.086 C 231.195 321.353,231.605 321.768,232.100 322.008 C 232.912 322.402,232.932 322.389,232.300 321.878 C 231.299 321.068,231.200 184.800,232.200 184.800 C 232.530 184.800,232.800 184.530,232.800 184.200 C 232.800 183.742,232.349 183.614,230.900 183.660 L 229.000 183.720 230.800 183.960 M227.056 185.478 C 226.619 185.914,226.773 186.267,227.400 186.267 C 227.730 186.267,228.000 186.127,228.000 185.957 C 228.000 185.506,227.355 185.179,227.056 185.478 M228.995 253.000 C 228.995 290.180,229.042 305.331,229.100 286.668 C 229.157 268.006,229.157 237.586,229.100 219.068 C 229.042 200.551,228.995 215.820,228.995 253.000 M40.060 201.880 C 39.543 202.415,39.197 202.930,39.292 203.025 C 39.386 203.119,39.885 202.748,40.400 202.200 C 40.915 201.652,41.261 201.137,41.168 201.055 C 41.076 200.974,40.577 201.345,40.060 201.880 M175.002 212.798 C 174.603 213.239,174.407 213.600,174.567 213.600 C 174.988 213.600,176.128 212.395,175.912 212.179 C 175.811 212.078,175.402 212.356,175.002 212.798 " stroke="none" fill="#fc6c6c" fill-rule="evenodd"></path></g></svg>


--------------------------------------------------------------------------------
/src/views/Home.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="home">
  3 |     <!-- <img alt="Vue logo" src="../assets/logo.png" /> -->
  4 |     <!-- <HelloWorld msg="Welcome to Your Vue.js App"/> -->
  5 |     <v-img
  6 |       dark
  7 |       max-height="500px"
  8 |       src="https://images.unsplash.com/photo-1505238680356-667803448bb6?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1050&q=80"
  9 |     >
 10 |       <v-layout fill-height align-center>
 11 |         <v-container>
 12 |           <v-row align="center" justify="center" class="white--text">
 13 |             <v-col cols="12">
 14 |               <div
 15 |                 :class="{'display-2 font-weight-bold ': $vuetify.breakpoint.smAndUp, 'title font-weight-bold': $vuetify.breakpoint.smAndDown}"
 16 |               >Welcome to my page.</div>
 17 |               <div
 18 |                 :class="{'headline': $vuetify.breakpoint.smAndUp, 'subtitle-1': $vuetify.breakpoint.smAndDown}"
 19 |               >I make applications.</div>
 20 |             </v-col>
 21 |           </v-row>
 22 |         </v-container>
 23 |       </v-layout>
 24 |     </v-img>
 25 |     <v-container class="mt-5">
 26 |       <v-layout wrap>
 27 |         <v-flex xs12>
 28 |           <div class="display-1 font-weight-bold" id="about">This is me</div>
 29 |         </v-flex>
 30 |         <v-flex xs12 mt-5>
 31 |           <div class="body-1">{{aboutText}}</div>
 32 |           <div
 33 |             class="body-1 mt-3"
 34 |           >Working on starting an app development business and always looking for new clients! Would love to talk to you about your idea.</div>
 35 |         </v-flex>
 36 |       </v-layout>
 37 |       <v-layout wrap my-5>
 38 |         <v-flex xs12>
 39 |           <div class="display-1 font-weight-bold" id="portfolio">My Work</div>
 40 |         </v-flex>
 41 |         <v-flex xs12 class="mt-5">
 42 |           <v-layout wrap>
 43 |             <template v-for="(app, i) in apps">
 44 |               <v-flex :key="i" xs12 sm6 md4>
 45 |                 <p-portfolio-app :app="app" />
 46 |               </v-flex>
 47 |             </template>
 48 |           </v-layout>
 49 |         </v-flex>
 50 |       </v-layout>
 51 |       <v-layout wrap my-5>
 52 |         <v-flex xs12 mb-5>
 53 |           <div class="display-1 font-weight-bold" id="contact">Send me a message... :)</div>
 54 |         </v-flex>
 55 |         <template v-for="(contact, i) in contactLinks">
 56 |           <v-flex sm6 md4 xs12 :key="i">
 57 |             <p-contact-info :contact="contact" />
 58 |           </v-flex>
 59 |         </template>
 60 |       </v-layout>
 61 |       <!-- <v-layout wrap my-5>
 62 |         <v-flex xs12>
 63 |           <div class="display-1 font-weight-bold">Press</div>
 64 |         </v-flex>
 65 |         <v-flex xs12>
 66 |           <v-layout>
 67 |             <v-card width="">
 68 |               <v-card-title>Press card</v-card-title>
 69 |             </v-card>
 70 |           </v-layout>
 71 |         </v-flex>
 72 |       </v-layout>-->
 73 |     </v-container>
 74 |   </div>
 75 | </template>
 76 | 
 77 | <script>
 78 | // @ is an alias to /src
 79 | // import HelloWorld from "@/components/HelloWorld.vue";
 80 | import PPortfolioApp from "@/components/PPortfolioApp.vue";
 81 | import PContactInfo from "@/components/PContactInfo.vue";
 82 | 
 83 | export default {
 84 |   name: "home",
 85 |   components: {
 86 |     // HelloWorld,
 87 |     PPortfolioApp,
 88 |     PContactInfo
 89 |   },
 90 |   data() {
 91 |     return {
 92 |       aboutText:
 93 |         "I enjoy building apps in my free time when I'm not doing much. Looking to get into machine learning and trying to automate as many things as possible. Love to encourage new coders that they can do it too! I'm not very smart, just curious to see how things work. I'm also not that good of a writer as you can see. lol. Anyways, you are free to download any of the code thats on my github! And I hope you have a great day!",
 94 |       apps: [
 95 |         {
 96 |           name: "Food Vision",
 97 |           price: "FREE",
 98 |           logo: "food-vision-logo.png",
 99 |           platforms: [
100 |             {
101 |               name: "apple",
102 |               icon: "mdi-apple",
103 |               link: "https://apps.apple.com/us/app/food-vision/id1437083324"
104 |             }
105 |           ],
106 |           description:
107 |             "One day my friend and I were eating at a restaurant and she suddenly asked me what an item looks like. I looked up at her an told her I didnt know. Then she told me why dont you make an app where you can see the pictures of food thats on the menu? Then I made Food Vision. :)",
108 |           technologies: [
109 |             {
110 |               name: "Swift",
111 |               icon: "mdi-language-swift",
112 |               link: ""
113 |             },
114 |             {
115 |               name: "XCode",
116 |               icon: "mdi-apple-ios",
117 |               link: ""
118 |             },
119 |             {
120 |               name: "Firebase",
121 |               icon: "mdi-firebase",
122 |               link: ""
123 |             }
124 |           ],
125 |           code: {
126 |             name: "github",
127 |             icon: "mdi-github",
128 |             link: ""
129 |           }
130 |         },
131 |         {
132 |           name: "Finance App",
133 |           price: "COMING SOON",
134 |           logo: "finance-logo.png",
135 |           platforms: [
136 |             {
137 |               name: "apple",
138 |               icon: "mdi-apple",
139 |               link: ""
140 |             },
141 |             {
142 |               name: "android",
143 |               icon: "mdi-android",
144 |               link: ""
145 |             }
146 |           ],
147 |           description:
148 |             "My sister always kept asking me about my money situation and how I was doing there, so I decided that I would make an app that we could use to track our finances. Using Plaid I was able to get access to my bank account and hers and connect the 2 using firebase Functions and Auth to secure the app. ",
149 |           technologies: [
150 |             {
151 |               name: "VueJS",
152 |               icon: "mdi-vuejs",
153 |               link: ""
154 |             },
155 |             {
156 |               name: "Vuetify",
157 |               icon: "mdi-vuetify",
158 |               link: ""
159 |             },
160 |             {
161 |               name: "Cordova",
162 |               icon: "mdi-cordova",
163 |               link: ""
164 |             },
165 |             {
166 |               name: "Firebase",
167 |               icon: "mdi-firebase",
168 |               link: ""
169 |             },
170 |             {
171 |               name: "Node",
172 |               icon: "mdi-nodejs",
173 |               link: ""
174 |             }
175 |           ],
176 |           code: {
177 |             name: "github",
178 |             icon: "mdi-github",
179 |             link: "https://github.com/uzirthapa/finance-app"
180 |           }
181 |         },
182 |         {
183 |           name: "Baguette",
184 |           price: "COMING SOON",
185 |           logo: "baguette-logo.png",
186 |           platforms: [
187 |             {
188 |               name: "apple",
189 |               icon: "mdi-apple",
190 |               link: ""
191 |             },
192 |             {
193 |               name: "android",
194 |               icon: "mdi-android",
195 |               link: ""
196 |             }
197 |           ],
198 |           description:
199 |             "Similar to 'Bag it'. I wanted to make a swippable market place where people could swipe on goods from a store. Also it got rid of all the extra distractions and you are able to focus on just one item at a time. Still need to build the recommender system. But I am working on it! :)",
200 |           technologies: [
201 |             {
202 |               name: "VueJS",
203 |               icon: "mdi-vuejs",
204 |               link: ""
205 |             },
206 |             {
207 |               name: "Vuetify",
208 |               icon: "mdi-vuetify",
209 |               link: ""
210 |             },
211 |             {
212 |               name: "Cordova",
213 |               icon: "mdi-cordova",
214 |               link: ""
215 |             },
216 |             {
217 |               name: "Firebase",
218 |               icon: "mdi-firebase",
219 |               link: ""
220 |             }
221 |           ],
222 |           code: {
223 |             name: "github",
224 |             icon: "mdi-github",
225 |             link: ""
226 |           }
227 |         },
228 |         {
229 |           name: "Facebook UI",
230 |           price: "OPEN SOURCE",
231 |           logo: "facebook-logo.png",
232 |           platforms: [
233 |             {
234 |               name: "web",
235 |               icon: "mdi-web",
236 |               link: "https://uzirthapa.github.io/facebook-ui/dist/"
237 |             }
238 |           ],
239 |           description:
240 |             "One Day build - I saw this guy on youtube building apps in 1 day and I wanted to see if I could make a better version of the Facebook UI. I didn't design it but I found this design on dribbble and just thought I would make the designers UI come to life.",
241 |           technologies: [
242 |             {
243 |               name: "VueJS",
244 |               icon: "mdi-vuejs",
245 |               link: ""
246 |             },
247 |             {
248 |               name: "Vuetify",
249 |               icon: "mdi-vuetify",
250 |               link: ""
251 |             }
252 |           ],
253 |           code: {
254 |             name: "github",
255 |             icon: "mdi-github",
256 |             link: "https://github.com/uzirthapa/facebook-ui"
257 |           }
258 |         },
259 |         {
260 |           name: "Firebird Fitness",
261 |           price: "LIVE",
262 |           logo: "firebird-logo.png",
263 |           platforms: [
264 |             {
265 |               name: "web",
266 |               icon: "mdi-web",
267 |               link: "https://firebirdfitness.xyz/"
268 |             }
269 |           ],
270 |           description:
271 |             "I needed a place to put my workouts that we do at work, So I made a place where I could store them and also if I forgot a certian exercise I could easily search it and watch a video on how to do it.",
272 |           technologies: [
273 |             {
274 |               name: "VueJS",
275 |               icon: "mdi-vuejs",
276 |               link: "https://vuejs.org/"
277 |             },
278 |             {
279 |               name: "Vuetify",
280 |               icon: "mdi-vuetify",
281 |               link: "https://vuetifyjs.com/"
282 |             },
283 |             {
284 |               name: "Firebase",
285 |               icon: "mdi-firebase",
286 |               link: "https://firebase.google.com/"
287 |             }
288 |           ],
289 |           code: {
290 |             name: "github",
291 |             icon: "mdi-github",
292 |             link: "https://github.com/uzirthapa/Firebird-Fitness"
293 |           }
294 |         },
295 |         {
296 |           name: "Ecommerce Biolerplate",
297 |           price: "OPEN SOURCE",
298 |           logo: "logo.png",
299 |           platforms: [
300 |             {
301 |               name: "web",
302 |               icon: "mdi-web",
303 |               link: "https://ecommerce-skeleton.firebaseapp.com/"
304 |             }
305 |           ],
306 |           description:
307 |             "We Wanted to help people who want to create an ecommerce store with VueJS and Vuetify have a template that had authentication and payments integrated right from the get go. So now you can hit the ground running! In Collaboration with Aatish Balla.",
308 |           technologies: [
309 |             {
310 |               name: "VueJS",
311 |               icon: "mdi-vuejs",
312 |               link: "https://vuejs.org/"
313 |             },
314 |             {
315 |               name: "Vuetify",
316 |               icon: "mdi-vuetify",
317 |               link: "https://vuetifyjs.com/"
318 |             },
319 |             {
320 |               name: "Firebase",
321 |               icon: "mdi-firebase",
322 |               link: "https://firebase.google.com/"
323 |             },
324 |             {
325 |               name: "Stripe",
326 |               icon: "mdi-credit-card-outline",
327 |               link: ""
328 |             }
329 |           ],
330 |           code: {
331 |             name: "github",
332 |             icon: "mdi-github",
333 |             link: "https://github.com/uzirthapa/ecommerce-skeleton"
334 |           }
335 |         },
336 |         {
337 |           name: "Sacred Summits",
338 |           price: "LIVE",
339 |           logo: "ss-logo-high-res.png",
340 |           platforms: [
341 |             {
342 |               name: "web",
343 |               icon: "mdi-web",
344 |               link: "https://sacred-summits-web.firebaseapp.com/"
345 |             }
346 |           ],
347 |           description:
348 |             "Sacred Summits was looking for a redesign of their website and they asked me to come up with a sample. This is what I came up with.",
349 |           technologies: [
350 |             {
351 |               name: "VueJS",
352 |               icon: "mdi-vuejs",
353 |               link: "https://vuejs.org/"
354 |             },
355 |             {
356 |               name: "Vuetify",
357 |               icon: "mdi-vuetify",
358 |               link: "https://vuetifyjs.com/"
359 |             },
360 |             {
361 |               name: "Firebase",
362 |               icon: "mdi-firebase",
363 |               link: "https://firebase.google.com/"
364 |             }
365 |           ],
366 |           code: {
367 |             name: "github",
368 |             icon: "mdi-github",
369 |             link: ""
370 |           }
371 |         }
372 |       ],
373 |       contactLinks: [
374 |         {
375 |           name: "Email",
376 |           value: "uzirthapa@gmail.com",
377 |           link: "mailto:uzirthapa@gmail.com",
378 |           icon: "mdi-email"
379 |         },
380 |         {
381 |           name: "LinkedIn",
382 |           value: "Uzir Thapa",
383 |           link: "https://www.linkedin.com/in/uzir-thapa/",
384 |           icon: "mdi-linkedin"
385 |         },
386 |         {
387 |           name: "YouTube",
388 |           value: "Uzir Thapa",
389 |           link: "https://www.youtube.com/channel/UCd7Qo_G7c8Sp4-TwG_ObSvQ",
390 |           icon: "mdi-youtube"
391 |         },
392 |         {
393 |           name: "Github",
394 |           value: "uzirthapa",
395 |           link: "https://github.com/uzirthapa/",
396 |           icon: "mdi-github"
397 |         },
398 |         {
399 |           name: "Facebook",
400 |           value: "Uzir Thapa",
401 |           link: "https://www.facebook.com/uzirthapa",
402 |           icon: "mdi-facebook"
403 |         },
404 |         {
405 |           name: "Instagram",
406 |           value: "@uzir.thapa",
407 |           link: "https://www.instagram.com/uzir.thapa/",
408 |           icon: "mdi-instagram"
409 |         }
410 |       ]
411 |     };
412 |   }
413 | };
414 | </script>
415 | 


--------------------------------------------------------------------------------