From 8c410cacf8a75fd626daffd9e494e4e875c413a0 Mon Sep 17 00:00:00 2001 From: TO Date: Sun, 26 Mar 2023 04:59:33 +0200 Subject: [PATCH] started timeline --- index.html | 4 +- public/avatarTO.svg | 1 + src/App.vue | 158 ++++++---------------- src/assets/css/font.css | 14 ++ src/assets/css/main.css | 5 +- src/assets/fonts/Montserrat-Regular.ttf | Bin 0 -> 197976 bytes src/assets/fonts/Montserrat-SemiBold.ttf | Bin 0 -> 198204 bytes src/assets/fonts/Raleway-SemiBold.ttf | Bin 0 -> 163388 bytes src/assets/images/avatarTO.svg | 1 + src/assets/json/particles.json | 2 +- src/assets/json/projects.json | 22 ++++ src/components/about.vue | 122 +++++++++++++++++ src/components/contact.vue | 11 ++ src/components/project.vue | 11 ++ src/components/skills.vue | 16 +++ src/components/timeline.vue | 160 +++++++++++++++++++++++ 16 files changed, 408 insertions(+), 119 deletions(-) create mode 120000 public/avatarTO.svg create mode 100644 src/assets/css/font.css create mode 100644 src/assets/fonts/Montserrat-Regular.ttf create mode 100644 src/assets/fonts/Montserrat-SemiBold.ttf create mode 100644 src/assets/fonts/Raleway-SemiBold.ttf create mode 100644 src/assets/images/avatarTO.svg create mode 100644 src/assets/json/projects.json create mode 100644 src/components/about.vue create mode 100644 src/components/contact.vue create mode 100644 src/components/project.vue create mode 100644 src/components/skills.vue create mode 100644 src/components/timeline.vue diff --git a/index.html b/index.html index fae923e..5911cab 100644 --- a/index.html +++ b/index.html @@ -3,12 +3,12 @@ - + Théophyl Hoguet - Portfolio - +
diff --git a/public/avatarTO.svg b/public/avatarTO.svg new file mode 120000 index 0000000..fdfb265 --- /dev/null +++ b/public/avatarTO.svg @@ -0,0 +1 @@ +../src/assets/images/avatarTO.svg \ No newline at end of file diff --git a/src/App.vue b/src/App.vue index 6929763..fb655ac 100644 --- a/src/App.vue +++ b/src/App.vue @@ -2,6 +2,9 @@ import type { Engine } from "tsparticles-engine"; import { defineComponent } from 'vue'; import { loadFull } from "tsparticles"; +import about from "@/components/about.vue"; +import timeline from "@/components/timeline.vue"; +import skills from "@/components/skills.vue"; const particlesInit = async (engine: Engine) => { await loadFull(engine); }; @@ -10,154 +13,79 @@ const particlesInit = async (engine: Engine) => { export default defineComponent({ name: 'App', - created() { - window.addEventListener('scroll', this.handleScroll); - }, - unmounted() { - window.removeEventListener('scroll', this.handleScroll); - }, - methods: { - handleScroll(event: Event) { - const scroll = window.scrollY; - - }, - } }); \ No newline at end of file diff --git a/src/assets/json/particles.json b/src/assets/json/particles.json index a0d9164..0220c9b 100644 --- a/src/assets/json/particles.json +++ b/src/assets/json/particles.json @@ -43,7 +43,7 @@ "line_linked": { "enable": true, "distance": 120, - "color": "#1bbef5", + "color": "#fd2222", "opacity": 0.6786669718037545, "width": 1 }, diff --git a/src/assets/json/projects.json b/src/assets/json/projects.json new file mode 100644 index 0000000..23ba288 --- /dev/null +++ b/src/assets/json/projects.json @@ -0,0 +1,22 @@ +{ + "projects": { + "name": "test1", + "year": 2021, + "type": "School Project", + "desc": "This is a test project", + "tech": [ + "HTML", + "CSS", + "JavaScript" + ], + "links": { + "title": "https://www.google.com", + "github": "https://www.github.com", + "release": "https://www.release.com" + }, + "images": { + "main": "https://www.google.com", + "alt": "https://www.google.com" + } + } +} \ No newline at end of file diff --git a/src/components/about.vue b/src/components/about.vue new file mode 100644 index 0000000..b6e5c32 --- /dev/null +++ b/src/components/about.vue @@ -0,0 +1,122 @@ + + + + + \ No newline at end of file diff --git a/src/components/contact.vue b/src/components/contact.vue new file mode 100644 index 0000000..eff6ab0 --- /dev/null +++ b/src/components/contact.vue @@ -0,0 +1,11 @@ + + + + + \ No newline at end of file diff --git a/src/components/project.vue b/src/components/project.vue new file mode 100644 index 0000000..eff6ab0 --- /dev/null +++ b/src/components/project.vue @@ -0,0 +1,11 @@ + + + + + \ No newline at end of file diff --git a/src/components/skills.vue b/src/components/skills.vue new file mode 100644 index 0000000..8f97a69 --- /dev/null +++ b/src/components/skills.vue @@ -0,0 +1,16 @@ + + + + + \ No newline at end of file diff --git a/src/components/timeline.vue b/src/components/timeline.vue new file mode 100644 index 0000000..5d19c97 --- /dev/null +++ b/src/components/timeline.vue @@ -0,0 +1,160 @@ + + + + + + + \ No newline at end of file