dev

2023-10-20 12:37:22 +02:00
10 changed files with 758 additions and 198 deletions
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-# v2
+# Portfolio

 This template should help get you started developing with Vue 3 in Vite.

--- a/index.html
+++ b/index.html
@@ -10,6 +10,6 @@
  </head>
  <body>
    <div id="app"></div>
-    <script type="module" src="./src/main.js"></script>
+    <script type="module" src="/src/main.js"></script>
  </body>
 </html>
--- a/package-lock.json
+++ b/package-lock.json
--- a/src/App.vue
+++ b/src/App.vue
@@ -9,11 +9,11 @@ import HelloWorld from './components/HelloWorld.vue'
    <img alt="Moi" class="logo me" src="@/assets/me.jpg" width="125" height="125" />

    <div class="wrapper">
-      <HelloWorld msg="Bienvenue sur mon portfolio !" />
+      <HelloWorld msg="Bienvenue !" />

      <nav>
        <RouterLink to="/">Home</RouterLink>
-        <RouterLink to="/about">About</RouterLink>
+        <RouterLink to="/formations">Formation</RouterLink>
      </nav>
    </div>
  </header>
--- a/src/components/HelloWorld.vue
+++ b/src/components/HelloWorld.vue
@@ -11,7 +11,7 @@ defineProps({
  <div class="greetings">
    <h1 class="green">{{ msg }}</h1>
    <h3>
-      You’ve successfully created a project with
+      Voici mon portfolio pour vous permettre de mieux me connaitre
    </h3>
  </div>
 </template>
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,12 +10,12 @@ const router = createRouter({
      component: HomeView
    },
    {
-      path: '/about',
-      name: 'about',
+      path: '/formations',
+      name: 'formations',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
-      component: () => import('../views/AboutView.vue')
+      component: () => import('../views/FormationView.vue')
    }
  ]
 })
--- a/src/views/AboutView.vue
+++ b/src/views/AboutView.vue
@@ -1,15 +0,0 @@
-<template>
-  <div class="about">
-    <h1>This is an about page</h1>
-  </div>
-</template>
-
-<style>
-@media (min-width: 1024px) {
-  .about {
-    min-height: 100vh;
-    display: flex;
-    align-items: center;
-  }
-}
-</style>
--- a/src/views/FormationView.vue
+++ b/src/views/FormationView.vue
@@ -0,0 +1,53 @@
+<script setup>
+  import WelcomeItem from '../components/WelcomeItem.vue'
+  import DocumentationIcon from '../components/icons/IconDocumentation.vue'
+</script>
+<template>
+  <Transition name="fade">
+
+    <div class="formation">
+      <WelcomeItem>
+        <template #icon>
+          <DocumentationIcon />
+    </template>
+    <template #heading>Lycée Rouvière</template>
+    
+    Situé à Toulon dans le Var, c'est ici que je découvre 
+    l'informatique et la programmation, et que j'obtiens mon BAC STI2D option SIN
+  </WelcomeItem>
+
+  <WelcomeItem>
+    <template #icon>
+      <DocumentationIcon />
+    </template>
+    <template #heading>DUT Informatique - IUT Annecy</template>
+    
+    This project is served and bundled with
+    <a href="https://vitejs.dev/guide/features.html" target="_blank" rel="noopener">Vite</a>. The
+    recommended IDE setup is
+    <a href="https://code.visualstudio.com/" target="_blank" rel="noopener">VSCode</a> +
+    <a href="https://github.com/johnsoncodehk/volar" target="_blank" rel="noopener">Volar</a>. If
+    you need to test your components and web pages, check out
+    <a href="https://www.cypress.io/" target="_blank" rel="noopener">Cypress</a> and
+    <a href="https://on.cypress.io/component" target="_blank">Cypress Component Testing</a>.
+    
+    <br />
+    
+    More instructions are available in <code>README.md</code>.
+  </WelcomeItem>
+</div>
+</Transition>
+</template>
+
+
+<style>
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.5s ease;
+}
+
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
+</style>
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -5,5 +5,6 @@
 <template>
  <main>
    <!-- <TheWelcome /> -->
+    Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus modi illo laudantium aliquid ex totam omnis dolor, quo corrupti, non perspiciatis temporibus, a quibusdam iste blanditiis labore doloribus soluta fugit?
  </main>
 </template>
--- a/vite.config.js
+++ b/vite.config.js
@@ -12,11 +12,5 @@ export default defineConfig({
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
-  },
-  build: {
-    rollupOptions: {
-      input: {
-      },
-    },
-  },
+  }
 })