Preparing backend integration

front/src/views/CreateView.vue

@@ -0,0 +1,66 @@
+<script setup lang="ts">
+
+import Calendar from "@/components/Calendar.vue";
+import TextBlock from "@/components/TextBlock.vue";
+import NavLink from "@/components/NavLink.vue";
+</script>
+
+<template>
+
+  <div class="container">
+    <TextBlock class="title">
+      <h1>Create an <span class="colored-text">event</span></h1>
+    </TextBlock>
+    <div class="event-form">
+      <Calendar class="calendar"/>
+      <NavLink path="/create" description="Create" class="create-button"></NavLink>
+    </div>
+  </div>
+
+</template>
+
+<style scoped>
+
+.container
+{
+  width: 80%;
+  gap: 10vw;
+}
+
+.event-form {
+  display: flex;
+  flex-direction: column;
+  width: 45%;
+  gap: 20px;
+}
+
+/* MEDIA QUERIES */
+@media screen and (min-width: 1501px) {
+
+  .title {
+    width: 50%;
+  }
+
+  .title h1
+  {
+    font-size: 4rem;
+  }
+
+  .calendar {
+    width: 100%;
+    min-width: 100%;
+  }
+}
+
+@media screen and (max-width: 1500px) {
+
+  .title, .event-form {
+    width: 100%;
+  }
+
+  .title {
+    height: fit-content;
+  }
+}
+
+</style>