Browse Source

Installed dependencies and stared setting up the site layout

tags/v0.1
Robby Zambito 3 months ago
parent
commit
5867220bd4
8 changed files with 169 additions and 9 deletions
  1. +73
    -0
      package-lock.json
  2. +9
    -0
      package.json
  3. +35
    -7
      src/App.vue
  4. +9
    -0
      src/main.ts
  5. +16
    -0
      src/router/index.ts
  6. +2
    -2
      src/views/Home.vue
  7. +11
    -0
      src/views/Photography.vue
  8. +14
    -0
      src/views/Projects.vue

+ 73
- 0
package-lock.json View File

@@ -1005,6 +1005,48 @@
"to-fast-properties": "^2.0.0"
}
},
"@fortawesome/fontawesome-common-types": {
"version": "0.2.29",
"resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-0.2.29.tgz",
"integrity": "sha512-cY+QfDTbZ7XVxzx7jxbC98Oxr/zc7R2QpTLqTxqlfyXDrAJjzi/xUIqAUsygELB62JIrbsWxtSRhayKFkGI7MA=="
},
"@fortawesome/fontawesome-svg-core": {
"version": "1.2.29",
"resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-1.2.29.tgz",
"integrity": "sha512-xmPmP2t8qrdo8RyKihTkGb09RnZoc+7HFBCnr0/6ZhStdGDSLeEd7ajV181+2W29NWIFfylO13rU+s3fpy3cnA==",
"requires": {
"@fortawesome/fontawesome-common-types": "^0.2.29"
}
},
"@fortawesome/free-brands-svg-icons": {
"version": "5.13.1",
"resolved": "https://registry.npmjs.org/@fortawesome/free-brands-svg-icons/-/free-brands-svg-icons-5.13.1.tgz",
"integrity": "sha512-dKwF+NpIV2LVCNBA7hibH53k+ChF4Wu59P2z35gu3zwRBZpmpLVhS9k1/RiSqUqkyXUQvA2rSv48GY6wp5axZQ==",
"requires": {
"@fortawesome/fontawesome-common-types": "^0.2.29"
}
},
"@fortawesome/free-regular-svg-icons": {
"version": "5.13.1",
"resolved": "https://registry.npmjs.org/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-5.13.1.tgz",
"integrity": "sha512-sSeaqqmv2ovA5LKcrbh3VnEDZHVhaxijWKm4R0AdT0eG21pgxNsJbStD8lW9z6bgSuWXRNHhbhOmARuRCLS8tw==",
"requires": {
"@fortawesome/fontawesome-common-types": "^0.2.29"
}
},
"@fortawesome/free-solid-svg-icons": {
"version": "5.13.1",
"resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-5.13.1.tgz",
"integrity": "sha512-LQH/0L1p4+rqtoSHa9qFYR84hpuRZKqaQ41cfBQx8b68p21zoWSekTAeA54I/2x9VlCHDLFlG74Nmdg4iTPQOg==",
"requires": {
"@fortawesome/fontawesome-common-types": "^0.2.29"
}
},
"@fortawesome/vue-fontawesome": {
"version": "0.1.10",
"resolved": "https://registry.npmjs.org/@fortawesome/vue-fontawesome/-/vue-fontawesome-0.1.10.tgz",
"integrity": "sha512-b2+SLF31h32LSepVcXe+BQ63yvbq5qmTCy4KfFogCYm2bn68H5sDWUnX+U7MBqnM2aeEk9M7xSoqGnu+wSdY6w=="
},
"@hapi/address": {
"version": "2.1.4",
"resolved": "https://registry.npmjs.org/@hapi/address/-/address-2.1.4.tgz",
@@ -2785,6 +2827,21 @@
"pkg-up": "^2.0.0"
}
},
"buefy": {
"version": "0.8.20",
"resolved": "https://registry.npmjs.org/buefy/-/buefy-0.8.20.tgz",
"integrity": "sha512-pg8Cn0m9cjqp2/vaKT4VIfU8KIumuX/gAT1GtearXRs56+kKqAPx3j9O8cm9W6P4jPUCHajKX6H8AqD0ram2Bg==",
"requires": {
"bulma": "0.7.5"
},
"dependencies": {
"bulma": {
"version": "0.7.5",
"resolved": "https://registry.npmjs.org/bulma/-/bulma-0.7.5.tgz",
"integrity": "sha512-cX98TIn0I6sKba/DhW0FBjtaDpxTelU166pf7ICXpCCuplHWyu6C9LYZmL5PEsnePIeJaiorsTEzzNk3Tsm1hw=="
}
}
},
"buffer": {
"version": "4.9.2",
"resolved": "https://registry.npmjs.org/buffer/-/buffer-4.9.2.tgz",
@@ -2832,6 +2889,11 @@
"integrity": "sha1-hZgoeOIbmOHGZCXgPQF0eI9Wnug=",
"dev": true
},
"bulma": {
"version": "0.9.0",
"resolved": "https://registry.npmjs.org/bulma/-/bulma-0.9.0.tgz",
"integrity": "sha512-rV75CJkubNUroAt0qCRkjznZLoaXq/ctfMXsMvKSL84UetbSyx5REl96e8GoQ04G4Tkw0XF3STECffTOQrbzOQ=="
},
"bytes": {
"version": "3.1.0",
"resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.0.tgz",
@@ -11321,11 +11383,22 @@
"resolved": "https://registry.npmjs.org/vue/-/vue-2.6.11.tgz",
"integrity": "sha512-VfPwgcGABbGAue9+sfrD4PuwFar7gPb1yl1UK1MwXoQPAw0BKSqWfoYCT/ThFrdEVWoI51dBuyCoiNU9bZDZxQ=="
},
"vue-bulma-components": {
"version": "3.2.1",
"resolved": "https://registry.npmjs.org/vue-bulma-components/-/vue-bulma-components-3.2.1.tgz",
"integrity": "sha512-wYewnuAuzTLAU5W3MbSCjBeKZPynIzrUroohTAhsd1cgkr9bDOVPCAOuXGoLtVWSFustCZnS/hURVhncjmf4aQ=="
},
"vue-class-component": {
"version": "7.2.3",
"resolved": "https://registry.npmjs.org/vue-class-component/-/vue-class-component-7.2.3.tgz",
"integrity": "sha512-oEqYpXKaFN+TaXU+mRLEx8dX0ah85aAJEe61mpdoUrq0Bhe/6sWhyZX1JjMQLhVsHAkncyhedhmCdDVSasUtDw=="
},
"vue-cli-plugin-buefy": {
"version": "0.3.7",
"resolved": "https://registry.npmjs.org/vue-cli-plugin-buefy/-/vue-cli-plugin-buefy-0.3.7.tgz",
"integrity": "sha512-w+1Wnj1VmoLJmv0yHoLUErnFkLSzz4yTGhCz7GudDKX7vB5NpVK+/xWmiFOytuDkleWeYrJgHN8CIOY7xe26jQ==",
"dev": true
},
"vue-eslint-parser": {
"version": "7.1.0",
"resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-7.1.0.tgz",


+ 9
- 0
package.json View File

@@ -8,8 +8,16 @@
"lint": "vue-cli-service lint"
},
"dependencies": {
"@fortawesome/fontawesome-svg-core": "^1.2.29",
"@fortawesome/free-brands-svg-icons": "^5.13.1",
"@fortawesome/free-regular-svg-icons": "^5.13.1",
"@fortawesome/free-solid-svg-icons": "^5.13.1",
"@fortawesome/vue-fontawesome": "^0.1.10",
"buefy": "^0.8.20",
"bulma": "^0.9.0",
"core-js": "^3.6.5",
"vue": "^2.6.11",
"vue-bulma-components": "^3.2.1",
"vue-class-component": "^7.2.3",
"vue-property-decorator": "^8.4.2",
"vue-router": "^3.2.0"
@@ -30,6 +38,7 @@
"sass": "^1.26.5",
"sass-loader": "^8.0.2",
"typescript": "~3.9.3",
"vue-cli-plugin-buefy": "^0.3.7",
"vue-template-compiler": "^2.6.11"
}
}

+ 35
- 7
src/App.vue View File

@@ -1,20 +1,48 @@
<template>
<div id="app">
<div id="nav">
<router-link to="/">Home</router-link> |
<router-link to="/about">About</router-link>
<b-navbar id="nav">
<template slot="brand">
<h1>Robby Zambito</h1>
</template>
<template slot="start">
<b-navbar-item
tag="router-link"
:to="{ path: '/' }">
<font-awesome-icon :icon="['fas', 'home']" /> Home
</b-navbar-item>

<b-navbar-item
tag="router-link"
:to="{ path: '/about' }">
<font-awesome-icon :icon="['far', 'address-card']" /> About
</b-navbar-item>

<b-navbar-item
tag="router-link"
:to="{ path: '/projects' }">
<font-awesome-icon :icon="['fas', 'code-branch']" /> Git Projects
</b-navbar-item>

<b-navbar-item
tag="router-link"
:to="{ path: '/photography' }">
<font-awesome-icon :icon="['fas', 'camera']" /> Photography
</b-navbar-item>
</template>
</b-navbar>
<div class="container ">
<router-view/>
</div>
<router-view/>
</div>
</template>

<style lang="scss">
#app {
font-family: Avenir, Helvetica, Arial, sans-serif;
font-family: Ubuntu, Liberation Sans, Arial;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
// text-align: center;
// color: #2c3e50;
}

#nav {


+ 9
- 0
src/main.ts View File

@@ -1,8 +1,17 @@
import Vue from 'vue';
import Buefy from 'buefy';
import 'buefy/dist/buefy.css';
import { library } from '@fortawesome/fontawesome-svg-core';
import { faCamera, faCodeBranch, faHome } from '@fortawesome/free-solid-svg-icons';
import { faAddressCard } from '@fortawesome/free-regular-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
import App from './App.vue';
import router from './router';

library.add(faAddressCard, faCamera, faCodeBranch, faHome);
Vue.component('font-awesome-icon', FontAwesomeIcon);
Vue.config.productionTip = false;
Vue.use(Buefy);

new Vue({
router,


+ 16
- 0
src/router/index.ts View File

@@ -18,6 +18,22 @@ const routes: Array<RouteConfig> = [
// which is lazy-loaded when the route is visited.
component: () => import(/* webpackChunkName: "about" */ '../views/About.vue'),
},
{
path: '/projects',
name: 'Projects',
// route level code-splitting
// this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited.
component: () => import(/* webpackChunkName: "about" */ '../views/Projects.vue'),
},
{
path: '/photography',
name: 'Photography',
// route level code-splitting
// this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited.
component: () => import(/* webpackChunkName: "about" */ '../views/About.vue'),
},
];

const router = new VueRouter({


+ 2
- 2
src/views/Home.vue View File

@@ -1,7 +1,7 @@
<template>
<div class="home">
<img alt="Vue logo" src="../assets/logo.png">
<HelloWorld msg="Welcome to Your Vue.js App"/>
<!-- <img alt="Vue logo" src="../assets/logo.png"> -->
<HelloWorld msg="Hello"/>
</div>
</template>



+ 11
- 0
src/views/Photography.vue View File

@@ -0,0 +1,11 @@
<template lang="html">

</template>

<script>
export default {
};
</script>

<style lang="sass" scoped>
</style>

+ 14
- 0
src/views/Projects.vue View File

@@ -0,0 +1,14 @@
<template lang="html">
<div class="">
hello
</div>
</template>

<script>
export default {
name: 'Projects',
};
</script>

<style lang="sass" scoped>
</style>

Loading…
Cancel
Save