From 28ae28be2f836fad2d37e559fe8e4f37d13bf075 Mon Sep 17 00:00:00 2001 From: Al Asad Nur Riyad Date: Fri, 5 May 2023 00:18:11 +0600 Subject: [PATCH] Design about page Signed-off-by: Al Asad Nur Riyad --- app.vue | 10 ++++++ components/about/footer.vue | 47 ++++++++++++++++++++++++++ components/main/header.vue | 16 ++++----- layouts/bio.vue | 22 ++++++++++++ nuxt.config.ts | 1 + pages/about.vue | 65 ++++++++++++++++++++++++++++++++++++ pages/myself.vue | 9 ----- public/riyad.jpg | Bin 0 -> 92573 bytes 8 files changed, 153 insertions(+), 17 deletions(-) create mode 100644 components/about/footer.vue create mode 100644 layouts/bio.vue create mode 100644 pages/about.vue delete mode 100644 pages/myself.vue create mode 100644 public/riyad.jpg diff --git a/app.vue b/app.vue index 3ea9076..03c259e 100644 --- a/app.vue +++ b/app.vue @@ -78,4 +78,14 @@ useHead({ opacity: 0; filter: blur(1rem); } + +.layout-enter-active, +.layout-leave-active { + transition: all 0.4s; +} +.layout-enter-from, +.layout-leave-to { + opacity: 0; + filter: blur(1rem); +} diff --git a/components/about/footer.vue b/components/about/footer.vue new file mode 100644 index 0000000..847412a --- /dev/null +++ b/components/about/footer.vue @@ -0,0 +1,47 @@ + diff --git a/components/main/header.vue b/components/main/header.vue index 62eb115..3965b83 100644 --- a/components/main/header.vue +++ b/components/main/header.vue @@ -5,16 +5,16 @@ const path = computed(() => route.fullPath.replace('/', ''))