[FIX] Fixing the font path

config/base.config.js

@@ -54,7 +54,7 @@ module.exports = {
 				use: {
 					loader: 'file-loader',
 					options: {
-						name: 'src/assets/fonts/[name].[ext]',
+						name: 'assets/fonts/[name].[ext]',
 					},
 				},
 			},

src/assets/less/main.less

@@ -18,10 +18,10 @@
 	top: 0;
 }
 
-.font-face('Lato-Light','http://localhost:8080/src/assets/fonts/Lato-Light', normal, normal);
-.font-face('Lato-Bold','http://localhost:8080/src/assets/fonts/Lato-Bold', normal, normal);
-.font-face('Lato-Black','http://localhost:8080/src/assets/fonts/Lato-Black', normal, normal);
-.font-face(@font-name-1,'http://localhost:8080/src/assets/fonts/Lato-LightItalic', normal, normal);
+.font-face('Lato-Light','../../fonts/Lato-Light', normal, normal);
+.font-face('Lato-Bold','../../fonts/Lato-Bold', normal, normal);
+.font-face('Lato-Black','../../fonts/Lato-Black', normal, normal);
+.font-face(@font-name-1,'../../fonts/Lato-LightItalic', normal, normal);
 
 html,
 body,

src/components/Informations.vue

@@ -4,8 +4,7 @@
 			<div class="informations-title_transition informations-title_transition--init" />
 			<h1
 				key="data"
-				class="informations-title"
-			>
+				class="informations-title">
 				{{ title }}
 			</h1>
 		</div>
@@ -22,8 +21,7 @@
 				class="informations-tag"
 				:class="{'informations-tag--inside': (tag.v_tagUse),'informations-tag--not_inside': (!tag.v_tagUse)}"
 				:data-id="tag._id"
-				@click.stop="filter($event)"
-			>
+				@click.stop="filter($event)">
 				{{ tag.name }}
 			</li>
 		</ul>

src/components/Sliders.vue

@@ -2,8 +2,7 @@
 	<div class="projects projects--active">
 		<div
 			class="projects-left"
-			@click.stop="prev()"
-		>
+			@click.stop="prev()">
 			<div class="projects-left_effects">
 				<span class="projects-lines_info">prev</span>
 				<div class="projects-lines projects-lines_1" />
@@ -17,13 +16,11 @@
 				:key="p.id"
 				class="projects-project projects-project--active projects-project--change"
 				:data-name="p.slug"
-				:data-tags="p.v_strTags"
-			>
+				:data-tags="p.v_strTags">
 				<a
 					href="#"
 					class="projects-windows"
-					@click.stop="project($event)"
-				>
+					@click.stop="project($event)">
 					<div class="projects-header">
 						<h2 class="projects-title">{{ p.title }}</h2>
 					</div>
@@ -36,8 +33,7 @@
 		</ul>
 		<div
 			class="projects-right"
-			@click.stop="next()"
-		>
+			@click.stop="next()">
 			<div class="projects-left_effects">
 				<span class="projects-lines_info">next</span>
 				<div class="projects-lines projects-lines_1" />

src/pages/Home.vue

@@ -1,60 +1,50 @@
 <template>
 	<div
 		id="HOME"
-		class="home"
-	>
+		class="home">
 		<div class="home-cover home-cover_1 home-cover_1 home-cover--active" />
 		<div class="home-cover home-cover_2 home-cover--active" />
 		<div
 			class="wrap"
-			:class="{active:goZoom}"
-		>
+			:class="{active:goZoom}">
 			<div
 				class="bloc left"
-				:class="{active:goPortfolio}"
-			>
+				:class="{active:goPortfolio}">
 				<div>
 					<span class="intro">
 						<span class="intro-first_sentance">Hello world, I'm <a
 							href="#"
-							class="intro-name"
-						><div class="intro-links_effect" /><div class="intro-links_effect_2" />Justal Kevin</a>.</span>
+							class="intro-name"><div class="intro-links_effect" /><div class="intro-links_effect_2" />Justal Kevin</a>.</span>
 						<span class="intro-second_sentance">I'm a full stack web developer.</span>
 						<span class="intro-third_sentance"><span class="intro-matrix">If any questions, contact me at </span><a
 							href="#"
-							class="intro-email"
-						><div class="intro-links_effect" /><div class="intro-links_effect_2" />justal.kevin@gmail.com</a></span>
+							class="intro-email"><div class="intro-links_effect" /><div class="intro-links_effect_2" />justal.kevin@gmail.com</a></span>
 					</span>
 				</div>
 				<a
 					class="links-open-door left portfolio"
-					@click.stop="open('portfolio')"
-				>
+					@click.stop="open('portfolio')">
 					Liens 2
 				</a>
 			</div>
 			<div
 				ref="bloc-right"
 				class="bloc right"
-				:class="{active:goPortfolio}"
-			>
+				:class="{active:goPortfolio}">
 				<div>
 					<span class="intro">
 						<span class="intro-first_sentance">Hello world, I'm <a
 							href="#"
-							class="intro-name"
-						><div class="intro-links_effect" /><div class="intro-links_effect_2" />Justal Kevin</a>.</span>
+							class="intro-name"><div class="intro-links_effect" /><div class="intro-links_effect_2" />Justal Kevin</a>.</span>
 						<span class="intro-second_sentance">I'm a full stack web developer.</span>
 						<span class="intro-third_sentance">If any questions, contact me at <a
 							href="#"
-							class="intro-email"
-						><div class="intro-links_effect" /><div class="intro-links_effect_2" />justal.kevin@gmail.com</a></span>
+							class="intro-email"><div class="intro-links_effect" /><div class="intro-links_effect_2" />justal.kevin@gmail.com</a></span>
 					</span>
 				</div>
 				<a
 					class="links-open-door right articles"
-					@click.stop="open('articles')"
-				>
+					@click.stop="open('articles')">
 					Liens 2
 				</a>
 			</div>

src/pages/Portfolio.vue

@@ -1,21 +1,18 @@
 <template>
 	<div
 		id="PORTFOLIO"
-		class="content"
-	>
+		class="content">
 		<div class="content-cover content-cover_1" />
 		<div class="content-cover content-cover_2" />
 
 		<a
 			href="#"
 			class="back"
-			@click.stop="back"
-		>
+			@click.stop="back">
 			<div
 				v-for="index in 4"
 				:key="index"
-				:class="['back-blocks back-blocks_' + (index*1-1)]"
-			/>
+				:class="['back-blocks back-blocks_' + (index*1-1)]" />
 		</a>
 		<span class="back_text">back</span>
 		<my-informations
@@ -25,18 +22,15 @@
 			:tags="tags"
 			:title="title"
 			:informations-tag="informationsTag"
-			@filter="filter"
-		/>
+			@filter="filter" />
 		<span class="filter_sentance">Use the filter to list the projects by technology or skill.</span>
 		<my-sliders
 			:go-project="goProject"
 			:tags-selected-id="tagsSelectedId"
-			:projects="projects"
-		/>
+			:projects="projects" />
 		<transition
 			name="fade"
-			mode="out-in"
-		>
+			mode="out-in">
 			<my-pubs v-show="!goProject" />
 		</transition>
 	</div>

src/pages/Project.vue

@@ -1,18 +1,15 @@
 <template>
 	<div
 		id="PROJECT"
-		class="content"
-	>
+		class="content">
 		<a
 			href="#"
 			class="back"
-			@click.stop="projects"
-		>
+			@click.stop="projects">
 			<div
 				v-for="index in 4"
 				:key="index"
-				:class="['back-blocks back-blocks_' + (index*1-1)]"
-			/>
+				:class="['back-blocks back-blocks_' + (index*1-1)]" />
 		</a>
 		<span class="back_text">back</span>
 		<my-informations
@@ -21,14 +18,12 @@
 			:go-project="goProject"
 			:tags="tags"
 			:description="shortDescription"
-			:informations-tag="informationsTag"
-		/>
+			:informations-tag="informationsTag" />
 		<span class="filter_sentance">Click on the image below for switching to the next one.</span>
 		<div class="projects projects--extend">
 			<div
 				class="projects-left"
-				@click.stop="prev()"
-			>
+				@click.stop="prev()">
 				<div class="projects-left_effects">
 					<span class="projects-lines_info">prev</span>
 					<div class="projects-lines projects-lines_1" />
@@ -39,8 +34,7 @@
 			<div class="projects-project projects-project--extend">
 				<div
 					class="projects-windows projects-windows_fix"
-					@click="slideUp"
-				>
+					@click="slideUp">
 					<div class="projects-windows_fix_cover" />
 					<div class="projects-background projects-background--up">
 						<div class="projects-header">
@@ -61,8 +55,7 @@
 			</div>
 			<div
 				class="projects-right"
-				@click.stop="next()"
-			>
+				@click.stop="next()">
 				<div class="projects-right_effects">
 					<span class="projects-lines_info">next</span>
 					<div class="projects-lines projects-lines_1" />
@@ -75,8 +68,7 @@
 			<div
 				id="additional"
 				class="additional"
-				v-html="this.longDescription"
-			>
+				v-html="this.longDescription">
 				{{ this.longDescription }}
 			</div>
 		</transition>