Switch modules

src/components/MainBanner.vue

@@ -1,49 +0,0 @@
-<script setup>
-const socials = [
-  {
-    name: 'mail',
-    icon: 'i-material-symbols-alternate-email',
-    link: 'mailto:arthurdanjou@outlook.fr',
-  },
-  {
-    name: 'twitter',
-    icon: 'i-ph-twitter-logo-bold',
-    link: 'https://twitter.com/ArthurDanj',
-  },
-  {
-    name: 'github',
-    icon: 'i-ph-github-logo-bold',
-    link: 'https://github.com/ArthurDanjou',
-  },
-  {
-    name: 'linkedin',
-    icon: 'i-ph-linkedin-logo-bold',
-    link: 'https://www.linkedin.com/in/arthurdanjou/',
-  },
-]
-</script>
-
-<template>
-  <div class="w-container mt-32 mb-24">
-    <div class="flex items-center flex-col space-y-4">
-      <h1 class="text-center lg:text-6xl sm:text-5xl text-4xl font-bold tracking-tight text-zinc-800 dark:text-zinc-100 !leading-tight md:w-2/3">
-        Software engineer, mathematics lover and AI enthusiast
-      </h1>
-      <p class="leading-relaxed text-subtitle text-center md:w-2/3 p-2">
-        I'm Arthur, a software engineer passionate about artificial intelligence and the cloud but also a mathematics student living in France. I am currently studying mathematics at the Faculty of Sciences of Paris-Saclay.
-      </p>
-      <div class="flex gap-4">
-        <UButton
-          v-for="social in socials"
-          :key="social.name"
-          :icon="social.icon"
-          size="md"
-          :to="social.link"
-          variant="ghost"
-          target="_blank"
-          :ui="{ rounded: 'rounded-full' }"
-        />
-      </div>
-    </div>
-  </div>
-</template>

src/components/maths/MainMaths.vue

@@ -1,93 +0,0 @@
-<script lang="ts" setup>
-import { Circle, FunctionPlot, Graph, Label, Line, Point, Vector } from '@ksassnowski/vueclid'
-
-const angle = ref(45)
-const time = ref(0)
-useIntervalFn(() => {
-  angle.value = angle.value === 1 ? 0 : angle.value + 0.01
-  time.value += 0.1
-}, 10)
-</script>
-
-<template>
-  <section class="flex flex-col md:flex-row items-center justify-center gap-5 overflow-hidden py-4 sm:gap-8 mb-16">
-    <div>
-      <Graph :domain-x="[-3, 3]" :domain-y="[-3, 3]">
-        <FunctionPlot
-          :function="(x) => Math.cos(x)"
-          :line-width="2"
-          animated
-          color="hotpink"
-        />
-        <Label text="cos(x)" color="hotpink" :position="[2, -0.5]" size="small" />
-        <FunctionPlot
-          :function="(x) => Math.sin(x)"
-          :line-width="2"
-          animated
-          color="#33aabb"
-        />
-        <Label text="sin(x)" color="#33aabb" :position="[2, 1]" size="small" />
-        <FunctionPlot
-          :function="(x) => Math.exp(x)"
-          :line-width="2"
-          animated
-        />
-        <Label text="exp(x)" :position="[0.7, 2]" size="small" />
-        <FunctionPlot
-          :function="(x) => Math.log(x)"
-          :domain="[0.001, 4]"
-          :line-width="2"
-          animated
-          color="limegreen"
-        />
-        <Label text="ln(x)" color="limegreen" :position="[0.2, -2]" size="small" />
-        <FunctionPlot
-          :function="(x) => -x"
-          :domain="[-3, 0]"
-          :line-width="2"
-          animated
-          color="orange"
-        />
-        <FunctionPlot
-          :function="(x) => x"
-          :domain="[0, 3]"
-          :line-width="2"
-          animated
-          color="orange"
-        />
-        <Label text="|x|" color="orange" :position="[-2, 2]" size="small" />
-      </Graph>
-    </div>
-    <div>
-      <Graph
-        :domain-x="[-2, 2]"
-        :domain-y="[-2, 2]"
-      >
-        <Circle :radius="1" color="#aaa" />
-        <Vector :to="[Math.cos(angle), Math.sin(angle)]" />
-        <Line
-          :from="[Math.cos(angle), 0]"
-          :to="[Math.cos(angle), Math.sin(angle)]"
-          :line-width="1.5"
-          color="hotpink"
-          dashed
-        />
-        <Line
-          :from="[0, Math.sin(angle)]"
-          :to="[Math.cos(angle), Math.sin(angle)]"
-          :line-width="1.5"
-          color="#33aabb"
-          dashed
-        />
-        <Point :position="[Math.cos(angle), Math.sin(angle)]" label="M" />
-        <Point :position="[Math.cos(angle), 0]" color="hotpink" label="cos(x)" />
-        <Point
-          :position="[0, Math.sin(angle)]"
-          color="#33aabb"
-          label="sin(x)"
-          label-position="top"
-        />
-      </Graph>
-    </div>
-  </section>
-</template>