Browse Source

Added contact info

tags/v0.1
Robby Zambito 6 days ago
parent
commit
289d2fcda4
4 changed files with 44 additions and 5 deletions
  1. +1
    -1
      public/index.html
  2. +14
    -2
      src/main.ts
  3. +28
    -1
      src/views/About.vue
  4. +1
    -1
      src/views/Home.vue

+ 1
- 1
public/index.html View File

@@ -5,7 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title><%= htmlWebpackPlugin.options.title %></title>
<title>Robby Zambito</title>
</head>
<body>
<noscript>


+ 14
- 2
src/main.ts View File

@@ -7,13 +7,25 @@ import {
faCodeBranch,
faHome,
faPen,
faPhone,
} from '@fortawesome/free-solid-svg-icons';
import { faAddressCard } from '@fortawesome/free-regular-svg-icons';
import { faAddressCard, faEnvelope } from '@fortawesome/free-regular-svg-icons';
import { faDiscord, faTelegramPlane } from '@fortawesome/free-brands-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
import App from './App.vue';
import router from './router';

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


+ 28
- 1
src/views/About.vue View File

@@ -1,6 +1,27 @@
<template>
<div class="about">
<h1>This is an about page</h1>

<p class="is-size-3 has-text-weight-bold">Contact</p>

<ul>
<li>
<font-awesome-icon :icon="['far', 'envelope']" />
Email: <a href="mailto:contact@robbyzambito.me">contact@robbyzambito.me</a>
</li>
<li>
<font-awesome-icon :icon="['fas', 'phone']" />
Phone: +1 315-935-4551
</li>
<li>
<font-awesome-icon :icon="['fab', 'telegram-plane']" />
Telegram: <a href="http://t.me/Zambyte">@Zambyte</a>
</li>
<li>
<font-awesome-icon :icon="['fab', 'discord']" />
Discord: Zambito1#2236
</li>
</ul>

</div>
</template>

@@ -9,3 +30,9 @@ export default {
name: 'About',
};
</script>

<style lang="scss">
svg {
margin-right: .25em;
}
</style>

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

@@ -15,7 +15,7 @@
</figure>
</div>
<div class="column has-text-right">
<p class="is-size-1">
<p class="is-size-1 has-text-weight-bold">
Robby Zambito
</p>
<p class="is-size-3">


Loading…
Cancel
Save