From 7f26960f9861b337822b40d15a035177fe8e6fc1 Mon Sep 17 00:00:00 2001
From: Samarendra Gouda <samarendragouda@gmail.com>
Date: Sat, 18 May 2024 17:49:39 +0530
Subject: [PATCH] feat: init

---
 assets/icons/account.svg     |  1 +
 assets/icons/logout.svg      |  1 +
 components/Admin/Footer.vue  |  5 +++++
 components/Admin/Header.vue  | 14 ++++++++++++++
 components/Admin/Sidebar.vue | 25 +++++++++++++++++++++++++
 layouts/admin.vue            | 10 ++++++++++
 pages/admin.vue              |  9 +++++++++
 7 files changed, 65 insertions(+)
 create mode 100644 assets/icons/account.svg
 create mode 100644 assets/icons/logout.svg
 create mode 100644 components/Admin/Footer.vue
 create mode 100644 components/Admin/Header.vue
 create mode 100644 components/Admin/Sidebar.vue
 create mode 100644 layouts/admin.vue
 create mode 100644 pages/admin.vue

diff --git a/assets/icons/account.svg b/assets/icons/account.svg
new file mode 100644
index 0000000..bfa2ba7
--- /dev/null
+++ b/assets/icons/account.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="M5.85 17.1q1.275-.975 2.85-1.537T12 15t3.3.563t2.85 1.537q.875-1.025 1.363-2.325T20 12q0-3.325-2.337-5.663T12 4T6.337 6.338T4 12q0 1.475.488 2.775T5.85 17.1M12 13q-1.475 0-2.488-1.012T8.5 9.5t1.013-2.488T12 6t2.488 1.013T15.5 9.5t-1.012 2.488T12 13m0 9q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22"/></svg>
\ No newline at end of file
diff --git a/assets/icons/logout.svg b/assets/icons/logout.svg
new file mode 100644
index 0000000..1b96b89
--- /dev/null
+++ b/assets/icons/logout.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 512 512"><path d="M380.4 111.7c-3.3-2.8-7.5-4.3-11.8-4.3-5.3 0-10.4 2.3-13.8 6.4-3.2 3.7-4.7 8.4-4.3 13.3.4 4.8 2.7 9.3 6.4 12.4 34.8 29.5 54.8 72.3 54.8 117.4 0 85.4-69.8 154.8-155.6 154.8s-155.6-69.5-155.6-154.8c0-45.2 20-88 54.8-117.4 3.7-3.1 6-7.5 6.4-12.4.4-4.8-1.1-9.6-4.3-13.3-3.5-4-8.5-6.4-13.8-6.4-4.3 0-8.5 1.5-11.8 4.3C88.7 148.1 64 201 64 256.8 64 362.2 150.1 448 256 448s192-85.8 192-191.2c0-55.8-24.7-108.7-67.6-145.1z" fill="currentColor"/><path d="M256.9 274.5c10.2 0 18.5-8.3 18.5-18.5V82.5c0-10.2-8.3-18.5-18.5-18.5s-18.5 8.3-18.5 18.5V256c0 10.2 8.3 18.5 18.5 18.5z" fill="currentColor"/></svg>
\ No newline at end of file
diff --git a/components/Admin/Footer.vue b/components/Admin/Footer.vue
new file mode 100644
index 0000000..09678ff
--- /dev/null
+++ b/components/Admin/Footer.vue
@@ -0,0 +1,5 @@
+<template>
+    <div class="flex items-center justify-center w-full py-2 text-sm font-medium text-gray-400 border-t border-gray-200">
+        &copy; 2024 Blockchain Society IIT Roorkee
+    </div>
+</template>
\ No newline at end of file
diff --git a/components/Admin/Header.vue b/components/Admin/Header.vue
new file mode 100644
index 0000000..80783a6
--- /dev/null
+++ b/components/Admin/Header.vue
@@ -0,0 +1,14 @@
+<template>
+  <div
+    class="flex flex-row items-center justify-between w-full h-20 px-10 py-4 bg-slate-100"
+  >
+    <div class="text-2xl font-semibold">Overview</div>
+    <div class="flex flex-row">
+      <SvgoProfileMale class="text-gray-400 w-14 h-14" />
+      <div class="flex flex-col items-start justify-center gap-0.5">
+        <div class="text-sm font-semibold">Samarendra Gouda</div>
+        <div class="text-xs font-medium">Superuser</div>
+      </div>
+    </div>
+  </div>
+</template>
\ No newline at end of file
diff --git a/components/Admin/Sidebar.vue b/components/Admin/Sidebar.vue
new file mode 100644
index 0000000..2276086
--- /dev/null
+++ b/components/Admin/Sidebar.vue
@@ -0,0 +1,25 @@
+<template>
+  <div class="flex flex-col justify-between items-start bg-zinc-900 h-[100svh] w-[18%] text-white">
+    <div
+      class="flex flex-row items-start justify-start w-full px-6 py-4"
+    >
+      <SvgoLogo class="w-20 h-16" />
+      <div class="flex flex-col mt-1">
+        <h2 class="text-sm font-semibold">Blockchain Society</h2>
+        <h3 class="text-xs">Indian Institute of Technology Roorkee</h3>
+      </div>
+    </div>
+    
+    <div class="flex flex-col w-full h-full gap-2 mt-10">
+        <div class="px-6 py-2 text-black cursor-pointer bg-slate-100">Overview</div>
+        <div class="px-6 py-2 cursor-pointer">Projects</div>
+        <div class="px-6 py-2 cursor-pointer">Achievements</div>
+        <div class="px-6 py-2 cursor-pointer">Team</div>
+        <div class="px-6 py-2 text-red-500 transition-all cursor-pointer hover:bg-red-500 hover:bg-opacity-10 ">Superuser</div>
+    </div>
+    <div class="flex flex-row items-center justify-start gap-1 px-6 py-4 text-sm cursor-pointer hover:underline">
+        <SvgoLogout class="w-4 h-4" />
+        Logout
+    </div>
+  </div>
+</template>
\ No newline at end of file
diff --git a/layouts/admin.vue b/layouts/admin.vue
new file mode 100644
index 0000000..fd1b094
--- /dev/null
+++ b/layouts/admin.vue
@@ -0,0 +1,10 @@
+<template>
+    <main class="fixed flex flex-row justify-start w-full h-screen">
+        <AdminSidebar />
+        <div class="w-[82%] h-full flex flex-col justify-between items-center">
+            <AdminHeader />
+            <slot />
+            <AdminFooter />
+        </div>
+    </main>
+</template>
\ No newline at end of file
diff --git a/pages/admin.vue b/pages/admin.vue
new file mode 100644
index 0000000..8b678f1
--- /dev/null
+++ b/pages/admin.vue
@@ -0,0 +1,9 @@
+<script setup lang="ts">
+   definePageMeta({
+      layout: 'admin',
+   })
+</script>
+
+<template>
+   <div />
+</template>
\ No newline at end of file