Merge pull request #5 from wsg-ariadne/feat/landing

Landing page
wsg-ariadne · Jun 30, 2023 · cb5f533 · cb5f533
2 parents 8b1f576 + 2d6fe92
commit cb5f533
Show file tree

Hide file tree

Showing 20 changed files with 725 additions and 186 deletions.
diff --git a/app.vue b/app.vue
@@ -1,15 +1,7 @@
 <template>
-  <main class="bg-adn-background grid grid-rows-1 grid-cols-4 gap-1 min-h-screen">
+  <main class="bg-adn-background">
     <NuxtLayout>
-      <!-- Navigation sidebar -->
-      <Navbar class="col-start-1 col-end-1" />
-
-      <!-- Page content -->
-      <div class="col-start-2 col-span-3 overflow-scroll m-4">
-        <div class="p-6 border-adn-border border-2 bg-adn-white rounded-lg">
-          <NuxtPage/>
-        </div>
-      </div>
+      <NuxtPage/>
     </NuxtLayout>
   </main>
 </template>
diff --git a/assets/architecture.svg b/assets/architecture.svg
diff --git a/assets/ariadne-logomark-purple.svg b/assets/ariadne-logomark-purple.svg
diff --git a/assets/ariadne-logomark.svg b/assets/ariadne-logomark.svg
diff --git a/assets/ariadne-logotype.svg b/assets/ariadne-logotype.svg
diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css
@@ -1,3 +1,15 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+@layer base {
+  h1 {
+    @apply text-5xl;
+  }
+  h2 {
+    @apply text-3xl;
+  }
+  p {
+    @apply my-2;
+  }
+}
diff --git a/assets/landing.svg b/assets/landing.svg
diff --git a/assets/sample-banner.svg b/assets/sample-banner.svg
diff --git a/assets/sample-screen.svg b/assets/sample-screen.svg
diff --git a/assets/team.jpg b/assets/team.jpg
diff --git a/assets/up-seal.png b/assets/up-seal.png
diff --git a/assets/wsg.png b/assets/wsg.png
diff --git a/components/LandingButton.vue b/components/LandingButton.vue
@@ -0,0 +1,29 @@
+<script setup>
+import { ArrowRightIcon } from '@heroicons/vue/24/outline'
+</script>
+
+<template>
+  <div class="rounded-full flex flex-row justify-between
+    items-center group border-2 px-6 py-4 cursor-pointer w-fit"
+    :class="parentClasses">
+    <slot></slot>
+
+    <!-- Arrow icon -->
+    <ArrowRightIcon class="ml-4 h-6 w-6 group-hover:ml-6
+      transition-all" />
+  </div>
+</template>
+
+<script>
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+  name: 'LandingButton',
+  props: {
+    parentClasses: {
+      type: String,
+      default: ''
+    }
+  }
+})
+</script>
diff --git a/components/LandingContainer.vue b/components/LandingContainer.vue
@@ -0,0 +1,22 @@
+<template>
+  <div class="flex justify-center items-center w-full"
+    :class="parentClasses">
+    <div class="max-w-7xl w-full mx-6">
+      <slot></slot>
+    </div>
+  </div>
+</template>
+
+<script>
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+  name: 'LandingContainer',
+  props: {
+    parentClasses: {
+      type: String,
+      default: ''
+    }
+  }
+})
+</script>
diff --git a/components/Navbar.vue b/components/Navbar.vue
@@ -66,7 +66,7 @@ const onHomeTabClick = () => {
         <!-- Tabs -->
         <Tab
           tab-id="homeTab"
-          :active="route.path === '/'"
+          :active="route.path === '/reports'"
           @tab-click="onHomeTabClick"
         >
           <template #icon>

diff --git a/components/ReportBasePage.vue b/components/ReportBasePage.vue
@@ -0,0 +1,13 @@
+<template>
+  <main class="grid grid-rows-1 grid-cols-4 gap-1 min-h-screen">
+    <!-- Navigation sidebar -->
+    <Navbar class="col-start-1 col-end-1" />
+
+    <!-- Page content -->
+    <div class="col-start-2 col-span-3 overflow-scroll m-4">
+      <div class="p-6 border-adn-border border-2 bg-adn-white rounded-lg">
+        <slot></slot>
+      </div>
+    </div>
+  </main>
+</template>