Changed font

Signed-off-by: Salim Djerbouh <13698160+CaddyDz@users.noreply.github.com>

frontend/components/layout/AppBarComponent.vue

@@ -85,4 +85,7 @@ export default {
  top: 0;
  left: 0;
 }
+.v-tab {
+ font-size: 16px;
+}
 </style>

frontend/components/layout/TopBar.vue

@@ -0,0 +1,55 @@
+<template>
+ <v-system-bar app height="25">
+ <a v-for="(social, index) in socials" :key="index" :href="social.link" target="_blank" rel="noopener">
+ <v-icon color="white" size="x-large">{{ social.icon }}</v-icon>
+ </a>
+ <v-spacer />
+ <nuxt-link to="/contact">Contact</nuxt-link>
+ <span v-if="this.$auth.loggedIn">
+ <v-btn @click="logout">Logout</v-btn>
+ </span>
+ </v-system-bar>
+</template>
+
+<script>
+export default {
+ name: "TopBar",
+ data: () => ({
+ socials: [
+ {
+ icon: "mdi-facebook",
+ link: "https://facebook.com/kingboosting",
+ },
+ {
+ icon: "mdi-instagram",
+ link: "https://www.instagram.com/kingboosting_official",
+ },
+ {
+ icon: "mdi-twitter",
+ link: "https://twitter.com/KingBoostingCom",
+ },
+ ],
+ }),
+ methods: {
+ async logout() {
+ await this.$auth.logout();
+ this.$root.$emit("logout");
+ },
+ },
+};
+</script>
+
+<style scoped>
+.v-system-bar {
+ font-weight: 500;
+ font-size: 16px;
+ z-index: 4;
+}
+a {
+ transition: all 500ms ease;
+}
+a:hover,
+i:hover {
+ color: #472783 !important;
+}
+</style>

frontend/config/seo.js

@@ -22,22 +22,28 @@ export default {
  },
  {
  name: "author",
- content: "Zidweb"
+ content: "Salim Djerbouh"
  },
  ],
  link: [{
  rel: "icon",
  type: "image/x-icon",
  href: "/favicon.ico"
  },
+ {
+ rel: 'preconnect',
+ href: 'https://fonts.googleapis.com',
+ },
+ {
+ rel: 'preconnect',
+ href: 'https://fonts.gstatic.com',
+ crossorigin: true,
+ },
  {
  rel: 'stylesheet',
- href: '/fonts/evogria/style.css'
+ href: 'https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;700&display=swap'
  },
  ],
- script: [{
- // src: '//code.tidio.co/bytmjjusa3gkjkwwkmqjbag7x3lzanqk.js'
- }],
  noscript: [{
  innerHTML: 'This website requires JavaScript.'
  }]

frontend/layouts/default.vue

@@ -1,18 +1,7 @@
 <template>
  <v-app dark>
  <notification-component></notification-component>
- <v-system-bar lights-out app height="20">
- <a v-for="(social, index) in socials" :key="index" :href="social.link" target="_blank" rel="noopener">
- <v-icon color="white" size="x-large">{{ social.icon }}</v-icon>
- </a>
- <v-spacer></v-spacer>
- <span>
- <nuxt-link to="/contact">Contact</nuxt-link>
- </span>
- <span v-if="this.$auth.loggedIn">
- <v-btn @click="logout">Logout</v-btn>
- </span>
- </v-system-bar>
+ <TopBar/>
  <app-bar-component />
  <v-main>
  <v-container fluid>
@@ -27,46 +16,11 @@
 <script>
 export default {
  name: "Default",
- data: () => ({
- socials: [
- {
- icon: "mdi-facebook",
- link: "https://facebook.com/kingboosting",
- },
- {
- icon: "mdi-instagram",
- link: "https://www.instagram.com/kingboosting_official/",
- },
- {
- icon: "mdi-twitter",
- link: "https://twitter.com/KingBoostingCom",
- },
- ],
- }),
- methods: {
- async logout() {
- await this.$auth.logout();
- this.$root.$emit("logout");
- },
- },
 };
 </script>
 
 <style scoped>
 .container {
  padding: 0px;
 }
-a {
- text-decoration: none;
- transition: all 500ms ease;
-}
-
-a:hover,
-i:hover {
- color: #472783 !important;
-}
-
-span {
- padding-right: 10px;
-}
 </style>

frontend/nuxt.config.js

@@ -93,7 +93,6 @@ export default {
  // Vuetify module configuration (https://github.com/nuxt-community/vuetify-module#options)
  vuetify: {
  treeShake: true,
- customVariables: ['@/assets/variables.scss'],
  optionsPath: './vuetify.options.js',
  defaultAssets: {
  font: false