move all assets to public and rename paths

index.html

@@ -3,7 +3,7 @@
 
 	<head>
 		<meta charset="UTF-8">
-		<link rel="icon" href="/avatarTO.svg">
+		<link rel="icon" href="/ressources/images/avatarTO.svg">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 		<title>Théophyl Hoguet - Portfolio</title>
 	</head>

public/avatarTO.svg

@@ -1 +0,0 @@
-../src/assets/images/avatarTO.svg

public/particles.json

@@ -1 +0,0 @@
-../src/assets/json/particles.json

public/ressources/json/projects.json

@@ -15,8 +15,8 @@
 			"github": "https://github.com/THoguet/Portfolio",
 			"release": "https://theophylhoguet.fr"
 		},
-		"logo": "src/assets/logos/projects/portfolio.svg",
+		"logo": "/ressources/logos/projects/portfolio.svg",
-		"video": "src/assets/videos/portfolio.mp4"
+		"video": "/ressources/videos/portfolio.mp4"
 	},
 	{
 		"name": "U-Bomb",
@@ -33,8 +33,8 @@
 			"github": "https://github.com/THoguet/Ubomb2022/",
 			"release": "https://github.com/THoguet/Ubomb2022/releases/tag/V1.0"
 		},
-		"logo": "src/assets/logos/projects/ubomb.svg",
+		"logo": "/ressources/logos/projects/ubomb.svg",
-		"video": "src/assets/videos/ubomb.mp4"
+		"video": "/ressources/videos/ubomb.mp4"
 	},
 	{
 		"name": "Polyglot TicTacToe",
@@ -53,8 +53,8 @@
 			"title": "https://github.com/THoguet/polyglot_tictactoe/",
 			"github": "https://github.com/THoguet/polyglot_tictactoe/"
 		},
-		"logo": "src/assets/logos/projects/tictactoe.svg",
+		"logo": "/ressources/logos/projects/tictactoe.svg",
-		"video": "src/assets/videos/tictactoe.mp4"
+		"video": "/ressources/videos/tictactoe.mp4"
 	},
 	{
 		"name": "LightUp",
@@ -73,8 +73,8 @@
 			"github": "https://github.com/THoguet/lightup/",
 			"release": "https://lightup.theophylhoguet.fr/"
 		},
-		"logo": "src/assets/logos/projects/lightup.svg",
+		"logo": "/ressources/logos/projects/lightup.svg",
-		"video": "src/assets/videos/lightup.mp4"
+		"video": "/ressources/videos/lightup.mp4"
 	},
 	{
 		"name": "WebSite with Flask",
@@ -90,8 +90,8 @@
 			"github": "https://github.com/THoguet/flaskwebsite/",
 			"release": "https://nessar.fr/"
 		},
-		"logo": "src/assets/logos/projects/flask.svg",
+		"logo": "/ressources/logos/projects/flask.svg",
-		"video": "src/assets/videos/flask.mp4"
+		"video": "/ressources/videos/flask.mp4"
 	},
 	{
 		"name": "Bots for a Teamspeak Server",
@@ -105,7 +105,7 @@
 			"title": "https://github.com/THoguet/BOTTS/",
 			"github": "https://github.com/THoguet/BOTTS/"
 		},
-		"logo": "src/assets/logos/projects/botts.svg",
+		"logo": "/ressources/logos/projects/botts.svg",
-		"video": "src/assets/videos/botts.mp4"
+		"video": "/ressources/videos/botts.mp4"
 	}
 ]

public/ressources/json/skills.json

@@ -0,0 +1,163 @@
+[
+	{
+		"category": "Software Developpement",
+		"skills": [
+			{
+				"name": "C",
+				"logo": "/ressources/logos/c.svg"
+			},
+			{
+				"name": "Java",
+				"logo": "/ressources/logos/java.svg"
+			},
+			{
+				"name": "Python",
+				"logo": "/ressources/logos/python.svg"
+			},
+			{
+				"name": "Ocaml",
+				"logo": "/ressources/logos/ocaml.svg"
+			},
+			{
+				"name": "CMake",
+				"logo": "/ressources/logos/cmake.svg"
+			},
+			{
+				"name": "Git",
+				"logo": "/ressources/logos/git.svg"
+			},
+			{
+				"name": "Unix",
+				"logo": "/ressources/logos/unix.svg"
+			},
+			{
+				"name": "Gradle",
+				"logo": "/ressources/logos/gradle.svg"
+			},
+			{
+				"name": "Maven",
+				"logo": "/ressources/logos/maven.svg"
+			},
+			{
+				"name": "WebAssembly",
+				"logo": "/ressources/logos/webassembly.svg"
+			}
+		]
+	},
+	{
+		"category": "Front-End Web",
+		"skills": [
+			{
+				"name": "HTML",
+				"logo": "/ressources/logos/html.svg"
+			},
+			{
+				"name": "CSS",
+				"logo": "/ressources/logos/css.svg"
+			},
+			{
+				"name": "Javascript",
+				"logo": "/ressources/logos/javascript.svg"
+			},
+			{
+				"name": "Typescript",
+				"logo": "/ressources/logos/typescript.svg"
+			},
+			{
+				"name": "VueJs",
+				"logo": "/ressources/logos/vuejs.svg"
+			},
+			{
+				"name": "Vite",
+				"logo": "/ressources/logos/vite.svg"
+			},
+			{
+				"name": "PHP",
+				"logo": "/ressources/logos/php.svg"
+			},
+			{
+				"name": "Git",
+				"logo": "/ressources/logos/git.svg"
+			}
+		]
+	},
+	{
+		"category": "Back-End Web",
+		"skills": [
+			{
+				"name": "SpringBoot",
+				"logo": "/ressources/logos/springboot.svg"
+			},
+			{
+				"name": "Flask",
+				"logo": "/ressources/logos/flask.svg"
+			},
+			{
+				"name": "Javascript",
+				"logo": "/ressources/logos/javascript.svg"
+			},
+			{
+				"name": "Typescript",
+				"logo": "/ressources/logos/typescript.svg"
+			},
+			{
+				"name": "Django",
+				"logo": "/ressources/logos/django.svg"
+			},
+			{
+				"name": "MySQL",
+				"logo": "/ressources/logos/mysql.svg"
+			},
+			{
+				"name": "MongoDB",
+				"logo": "/ressources/logos/mongodb.svg"
+			},
+			{
+				"name": "Git",
+				"logo": "/ressources/logos/git.svg"
+			}
+		]
+	},
+	{
+		"category": "Computer Graphics",
+		"skills": [
+			{
+				"name": "SDL2",
+				"logo": "/ressources/logos/sdl2.svg"
+			},
+			{
+				"name": "JavaFX",
+				"logo": "/ressources/logos/javafx.svg"
+			},
+			{
+				"name": "PyGame",
+				"logo": "/ressources/logos/pygame.svg"
+			}
+		]
+	},
+	{
+		"category": "Design",
+		"skills": [
+			{
+				"name": "Paint.net",
+				"logo": "/ressources/logos/paintnet.png"
+			},
+			{
+				"name": "Photoshop",
+				"logo": "/ressources/logos/photoshop.svg"
+			},
+			{
+				"name": "Illustrator",
+				"logo": "/ressources/logos/illustrator.svg"
+			},
+			{
+				"name": "Premiere",
+				"logo": "/ressources/logos/premiere.svg"
+			},
+			{
+				"name": "After Effects",
+				"logo": "/ressources/logos/aftereffects.svg"
+			}
+		]
+	}
+]

public/ressources/json/socials.json

@@ -2,25 +2,25 @@
 	{
 		"platform": "Linkedin",
 		"name": "in/theophyl-hoguet",
-		"icon": "src/assets/logos/linkedin.svg",
+		"icon": "/ressources/logos/linkedin.svg",
 		"link": "https://www.linkedin.com/in/theophyl-hoguet/"
 	},
 	{
 		"platform": "Github",
 		"name": "thoguet",
-		"icon": "src/assets/logos/github.svg",
+		"icon": "/ressources/logos/github.svg",
 		"link": "https://github.com/thoguet"
 	},
 	{
 		"platform": "Mail",
 		"name": "theophyl.hoguet@gmail.com",
-		"icon": "src/assets/logos/mail.svg",
+		"icon": "/ressources/logos/mail.svg",
 		"link": "mailto:theophyl.hoguet@gmail.com"
 	},
 	{
 		"platform": "Phone",
 		"name": "+33 6 63 63 73 32",
-		"icon": "src/assets/images/phone.svg",
+		"icon": "/ressources/images/phone.svg",
 		"link": "tel:+33663637332"
 	}
 ]

src/App.vue

@@ -7,7 +7,6 @@ import about from "@/components/about.vue";
 import timeline from "@/components/timeline.vue";
 import skills from "@/components/skills.vue";
 import contact from "./components/contact.vue";
-import type contactVue from "./components/contact.vue";
 const particlesInit = async (engine: Engine) => {
 	await loadFull(engine);
 };
@@ -22,9 +21,9 @@ export default defineComponent({
 
 <template>
 	<header>
-		<Particles id="tsparticles" :particlesInit="particlesInit" url="particles.json" />
+		<Particles id="tsparticles" :particlesInit="particlesInit" url="/ressources/json/particles.json" />
 		<nav>
-			<img alt="Logo" src="@/assets/images/avatarTO.svg" class="logo" />
+			<img alt="Logo" src="/ressources/images/avatarTO.svg" class="logo" />
 			<div class="links">
 				<ol>
 					<li><a href="#about">About</a></li>
@@ -49,13 +48,13 @@ export default defineComponent({
 		<div class="CCSource">
 			<div class="CC">
 				<p>© 2023 Théophyl Hoguet</p>
-				<img class="littleIcon blackSvg" src="src/assets/logos/license.svg">
+				<img class="littleIcon blackSvg" src="/ressources/logos/license.svg">
 				<p> MIT License</p>
 			</div>
 			<div class="source">
 				<a href="https://github.com/THoguet/Portfolio">
 					<p>All the code is available on Github</p>
-					<img src="src/assets/logos/github.svg" class="littleIcon" />
+					<img src="/ressources/logos/github.svg" class="littleIcon" />
 				</a>
 			</div>
 		</div>

src/assets/json/skills.json

@@ -1,163 +0,0 @@
-[
-	{
-		"category": "Software Developpement",
-		"skills": [
-			{
-				"name": "C",
-				"logo": "src/assets/logos/c.svg"
-			},
-			{
-				"name": "Java",
-				"logo": "src/assets/logos/java.svg"
-			},
-			{
-				"name": "Python",
-				"logo": "src/assets/logos/python.svg"
-			},
-			{
-				"name": "Ocaml",
-				"logo": "src/assets/logos/ocaml.svg"
-			},
-			{
-				"name": "CMake",
-				"logo": "src/assets/logos/cmake.svg"
-			},
-			{
-				"name": "Git",
-				"logo": "src/assets/logos/git.svg"
-			},
-			{
-				"name": "Unix",
-				"logo": "src/assets/logos/unix.svg"
-			},
-			{
-				"name": "Gradle",
-				"logo": "src/assets/logos/gradle.svg"
-			},
-			{
-				"name": "Maven",
-				"logo": "src/assets/logos/maven.svg"
-			},
-			{
-				"name": "WebAssembly",
-				"logo": "src/assets/logos/webassembly.svg"
-			}
-		]
-	},
-	{
-		"category": "Front-End Web",
-		"skills": [
-			{
-				"name": "HTML",
-				"logo": "src/assets/logos/html.svg"
-			},
-			{
-				"name": "CSS",
-				"logo": "src/assets/logos/css.svg"
-			},
-			{
-				"name": "Javascript",
-				"logo": "src/assets/logos/javascript.svg"
-			},
-			{
-				"name": "Typescript",
-				"logo": "src/assets/logos/typescript.svg"
-			},
-			{
-				"name": "VueJs",
-				"logo": "src/assets/logos/vuejs.svg"
-			},
-			{
-				"name": "Vite",
-				"logo": "src/assets/logos/vite.svg"
-			},
-			{
-				"name": "PHP",
-				"logo": "src/assets/logos/php.svg"
-			},
-			{
-				"name": "Git",
-				"logo": "src/assets/logos/git.svg"
-			}
-		]
-	},
-	{
-		"category": "Back-End Web",
-		"skills": [
-			{
-				"name": "SpringBoot",
-				"logo": "src/assets/logos/springboot.svg"
-			},
-			{
-				"name": "Flask",
-				"logo": "src/assets/logos/flask.svg"
-			},
-			{
-				"name": "Javascript",
-				"logo": "src/assets/logos/javascript.svg"
-			},
-			{
-				"name": "Typescript",
-				"logo": "src/assets/logos/typescript.svg"
-			},
-			{
-				"name": "Django",
-				"logo": "src/assets/logos/django.svg"
-			},
-			{
-				"name": "MySQL",
-				"logo": "src/assets/logos/mysql.svg"
-			},
-			{
-				"name": "MongoDB",
-				"logo": "src/assets/logos/mongodb.svg"
-			},
-			{
-				"name": "Git",
-				"logo": "src/assets/logos/git.svg"
-			}
-		]
-	},
-	{
-		"category": "Computer Graphics",
-		"skills": [
-			{
-				"name": "SDL2",
-				"logo": "src/assets/logos/sdl2.svg"
-			},
-			{
-				"name": "JavaFX",
-				"logo": "src/assets/logos/javafx.svg"
-			},
-			{
-				"name": "PyGame",
-				"logo": "src/assets/logos/pygame.svg"
-			}
-		]
-	},
-	{
-		"category": "Design",
-		"skills": [
-			{
-				"name": "Paint.net",
-				"logo": "src/assets/logos/paintnet.png"
-			},
-			{
-				"name": "Photoshop",
-				"logo": "src/assets/logos/photoshop.svg"
-			},
-			{
-				"name": "Illustrator",
-				"logo": "src/assets/logos/illustrator.svg"
-			},
-			{
-				"name": "Premiere",
-				"logo": "src/assets/logos/premiere.svg"
-			},
-			{
-				"name": "After Effects",
-				"logo": "src/assets/logos/aftereffects.svg"
-			}
-		]
-	}
-]

src/components/about.vue

@@ -4,7 +4,7 @@
 		<h1>Hi, I'm <span class="name">Théophyl</span></h1>
 		<div class="photoInfo">
 			<div class="imagePerso">
-				<img src="@/assets/images/proCircleBlur.png" alt="Photo de moi" />
+				<img src="/ressources/images/proCircleBlur.png" alt="Photo de moi" />
 			</div>
 			<div class="info">
 				<p>

src/components/contact.vue

@@ -23,7 +23,7 @@ export default defineComponent({
 		}
 	},
 	created() {
-		fetch("src/assets/json/socials.json")
+		fetch("/ressources/json/socials.json")
 			.then(response => response.json())
 			.then((data: Social[]) => {
 				this.socials = data;

src/components/otherProjects.vue

@@ -52,9 +52,9 @@ export default defineComponent({
 		icon(input: string) {
 			switch (input) {
 				case 'School Project':
-					return 'src/assets/images/school.svg';
+					return '/ressources/images/school.svg';
 				case 'Personal Project':
-					return 'src/assets/images/perso.svg';
+					return '/ressources/images/perso.svg';
 				default:
 					return '';
 			}

src/components/project.vue

@@ -67,9 +67,9 @@ export default defineComponent({
 		icon(input: string) {
 			switch (input) {
 				case 'School Project':
-					return 'src/assets/images/school.svg';
+					return '/ressources/images/school.svg';
 				case 'Personal Project':
-					return 'src/assets/images/perso.svg';
+					return '/ressources/images/perso.svg';
 				default:
 					return '';
 			}

src/components/skills.vue

@@ -33,7 +33,7 @@ export default defineComponent({
 	created() {
 		window.addEventListener("resize", this.isMobileView);
 		this.isMobileView();
-		fetch("src/assets/json/skills.json")
+		fetch("/ressources/json/skills.json")
 			.then(response => response.json())
 			.then((data: skillsByCat[]) => {
 				this.allskills = data;

src/components/techAndLinks.vue

@@ -6,11 +6,11 @@
 		<div class="images" v-if="!onlyTechsData">
 			<a class="tooltip" v-if="'github' in project.links" :href="project.links['github']" target="_blank"
 				title="See the code">
-				<img src="src/assets/logos/github.svg" alt="GitHub" class="icon" />
+				<img src="/ressources/logos/github.svg" alt="GitHub" class="icon" />
 			</a>
 			<a class="tooltip" v-if="'release' in project.links" :href="project.links['release']" target="_blank"
 				title="Test the program">
-				<img src="src/assets/images/check.svg" alt="Release" class="icon" />
+				<img src="/ressources/images/check.svg" alt="Release" class="icon" />
 			</a>
 		</div>
 	</div>

src/components/timeline.vue

@@ -36,7 +36,7 @@ export default defineComponent({
 		window.addEventListener("scroll", this.handleScroll);
 		window.addEventListener("resize", this.handleResize);
 		this.handleResize();
-		fetch("src/assets/json/projects.json")
+		fetch("/ressources/json/projects.json")
 			.then(response => response.json())
 			.then((data: Project[]) => {
 				this.nbTotalProjects = data.length;