diff --git a/components/PostItem.vue b/components/PostItem.vue
index 97cbede..e5a6385 100644
--- a/components/PostItem.vue
+++ b/components/PostItem.vue
@@ -3,10 +3,12 @@
     <v-card-text>
       <div class="mb-3 flex flex-row gap-4">
         <nuxt-link :to="`/users/${post.publisher?.name}`">
-          <v-avatar :image="post.publisher?.avatar" />
+          <v-avatar :image="getAttachmentUrl(post.publisher?.avatar)" icon="mdi-account-circle" />
         </nuxt-link>
         <div class="flex flex-col">
-          <span>{{ post.publisher?.nick }} <span class="text-xs">@{{ post.publisher?.name }}</span></span>
+          <span
+            >{{ post.publisher?.nick }} <span class="text-xs">@{{ post.publisher?.name }}</span></span
+          >
           <span v-if="post.body?.title" class="text-md">{{ post.body?.title }}</span>
           <span v-if="post.body?.description" class="text-sm">{{ post.body?.description }}</span>
           <span v-if="!post.body?.title && !post.body?.description" class="text-sm">
@@ -41,24 +43,19 @@
       </v-card>
 
       <div class="text-sm flex flex-col">
-      <span class="flex flex-row gap-1">
-      <span>
-        {{ post.metric.reply_count }} {{ post.metric.reply_count > 1 ? "replies" : "reply" }},
-      </span>
-      <span>
-        {{ post.metric.reaction_count }} {{ post.metric.reaction_count > 1 ? "reactions" : "reaction" }}
-      </span>
-      </span>
+        <span class="flex flex-row gap-1">
+          <span> {{ post.metric.reply_count }} {{ post.metric.reply_count > 1 ? "replies" : "reply" }}, </span>
+          <span>
+            {{ post.metric.reaction_count }} {{ post.metric.reaction_count > 1 ? "reactions" : "reaction" }}
+          </span>
+        </span>
         <span>
-        {{ post.type.startsWith("a") ? "An" : "A" }} {{ post.type }} posted on
-        {{ new Date(post.published_at).toLocaleString() }}
-      </span>
+          {{ post.type.startsWith("a") ? "An" : "A" }} {{ post.type }} posted on
+          {{ new Date(post.published_at).toLocaleString() }}
+        </span>
       </div>
 
-      <div
-        v-if="post.tags?.length > 0"
-        class="text-xs text-grey flex flex-row gap-1 mt-3"
-      >
+      <div v-if="post.tags?.length > 0" class="text-xs text-grey flex flex-row gap-1 mt-3">
         <nuxt-link
           v-for="tag in post.tags"
           :to="`/posts/tags/${tag.alias}`"
@@ -73,10 +70,12 @@
 </template>
 
 <script setup lang="ts">
-const props = defineProps<{ post: any, forceShowContent?: boolean, noClickableAttachment?: boolean }>()
+const props = defineProps<{ post: any; forceShowContent?: boolean; noClickableAttachment?: boolean }>()
 const config = useRuntimeConfig()
 
 const { t } = useI18n()
 
-const url = computed(() => props.post.alias ? `/posts/${props.post.area_alias}/${props.post.alias}` : `/posts/${props.post.id}`)
+const url = computed(() =>
+  props.post.alias ? `/posts/${props.post.area_alias}/${props.post.alias}` : `/posts/${props.post.id}`,
+)
 </script>
diff --git a/layouts/default.vue b/layouts/default.vue
index 8b38bf6..934622c 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -1,22 +1,22 @@
 <template>
   <v-app-bar flat color="primary">
-    <v-container fluid class="mx-auto d-flex align-center justify-center px-8">
-      <v-tooltip>
-        <template #activator="{ props }">
-          <div @click="openDrawer = !openDrawer" v-bind="props" class="cursor-pointer">
-            <v-img class="me-4 ms-1" width="32" height="32" alt="Logo" :src="Logo" />
-          </div>
-        </template>
-        Open / close drawer
-      </v-tooltip>
-
+    <v-container fluid class="mx-auto d-flex align-center justify-center pr-8">
+      <v-app-bar-nav-icon @click="openDrawer = !openDrawer" />
 
       <nuxt-link to="/" exact>
-        <h2 class="mt-1">Solsynth LLC</h2>
+        <h2>Solsynth LLC</h2>
       </nuxt-link>
 
       <v-spacer></v-spacer>
 
+      <div class="flex gap-2">
+        <v-btn to="/products" exact prepend-icon="mdi-shape">{{ t("navProducts") }}</v-btn>
+        <v-btn to="/posts" exact prepend-icon="mdi-note-text">{{ t("navPosts") }}</v-btn>
+        <v-btn to="/gallery" exact prepend-icon="mdi-image-multiple">{{ t("navGallery") }}</v-btn>
+      </div>
+
+      <v-spacer></v-spacer>
+
       <locale-select />
       <user-menu />
     </v-container>
@@ -24,18 +24,15 @@
 
   <v-navigation-drawer v-model="openDrawer" location="left" width="300" floating>
     <v-list density="compact" nav color="primary">
-      <v-list-item :title="t('navProducts')" prepend-icon="mdi-shape" to="/products" exact />
-      <v-list-item :title="t('navPosts')" prepend-icon="mdi-note-text" to="/posts" exact />
-      <v-list-item :title="t('navActivity')" prepend-icon="mdi-newspaper-variant-multiple-outline" to="/activity" exact />
-      <v-list-item :title="t('navGallery')" prepend-icon="mdi-image-multiple" to="/gallery" exact />
+      <v-list-item title="Knowledge Base" prepend-icon="mdi-library" to="/docs" exact />
+      <v-list-item title="Developer Portal" prepend-icon="mdi-code-tags" to="/dev" exact />
+      <v-list-item title="Creator Hub" prepend-icon="mdi-pencil" to="/creator" exact />
     </v-list>
 
     <v-divider class="border-opacity-50 my-1" />
 
     <v-list density="compact" nav color="primary">
-      <v-list-item title="Knowledge Base" prepend-icon="mdi-library" to="/docs" exact />
-      <v-list-item title="Developer Portal" prepend-icon="mdi-code-tags" to="/dev" exact />
-      <v-list-item title="Creator Hub" prepend-icon="mdi-pencil" to="/creator" exact />
+      <v-list-item title="Code Repository" prepend-icon="mdi-git" href="https://git.solsynth.dev" target="_blank" />
     </v-list>
 
     <v-divider class="border-opacity-50 mb-4 mt-0.5" />
@@ -53,7 +50,7 @@
 <script setup lang="ts">
 import Logo from "../assets/logo-w-shadow.png"
 
-const {  t } = useI18n()
+const { t } = useI18n()
 
 const openDrawer = ref(false)
 </script>
diff --git a/pages/activity/index.vue b/pages/activity/index.vue
deleted file mode 100644
index ca4a850..0000000
--- a/pages/activity/index.vue
+++ /dev/null
@@ -1,37 +0,0 @@
-<template>
-  <v-container class="content-container mx-auto">
-    <div class="my-3 mx-[1.5ch]">
-      <div class="flex gap-1">
-        <h1 class="text-2xl">{{ t("navActivity") }}</h1>
-        <v-btn size="x-small" variant="text" icon="mdi-rss" slim to="/activity/feed" />
-      </div>
-      <span>{{ t("navActivityCaption") }}</span>
-    </div>
-
-    <post-list class="mx-[-2.5ch]" :realm="config.public.solarRealm" />
-  </v-container>
-</template>
-
-<script setup lang="ts">
-const { t } = useI18n()
-
-useHead({
-  title: t("navActivity"),
-})
-
-useSeoMeta({
-  title: t("navActivity"),
-  ogTitle: t("navActivity"),
-  description: t("navActivityCaption"),
-  ogDescription: t("navActivityCaption"),
-  ogType: "website",
-})
-
-const config = useRuntimeConfig()
-</script>
-
-<style scoped>
-.content-container {
-  max-width: 70ch !important;
-}
-</style>
diff --git a/pages/posts/[id].vue b/pages/posts/[id].vue
index 3db4b73..3917a2a 100644
--- a/pages/posts/[id].vue
+++ b/pages/posts/[id].vue
@@ -1,14 +1,19 @@
 <template>
   <v-container class="content-container mx-auto">
     <div class="my-3 flex flex-row gap-4">
-      <nuxt-link :to="`/users/${post.publisher?.name}`">
-        <v-avatar :image="post.publisher?.avatar" />
+      <nuxt-link :to="`/publishers/${post.publisher?.name}`">
+        <v-avatar :image="getAttachmentUrl(post.publisher?.avatar)" />
       </nuxt-link>
       <div class="flex flex-col">
-        <span>{{ post.publisher?.nick }} <span class="text-xs">@{{ post.publisher?.name }}</span></span>
+        <span>
+          {{ post.publisher?.nick }}
+          <span class="text-xs">@{{ post.publisher?.name }}</span>
+        </span>
         <span v-if="post.body?.title" class="text-md">{{ post.body?.title }}</span>
         <span v-if="post.body?.description" class="text-sm">{{ post.body?.description }}</span>
-        <span v-if="!post.body?.title && !post.body?.description" class="text-sm">{{ post.publisher?.description }}</span>
+        <span v-if="!post.body?.title && !post.body?.description" class="text-sm">{{
+          post.publisher?.description
+        }}</span>
       </div>
     </div>
 
@@ -25,17 +30,13 @@
     </article>
 
     <v-card v-if="post.body?.attachments?.length > 0" class="mb-5">
-      <attachment-carousel :attachments="post.body?.attachments" @update:metadata="args => attachments = args" />
+      <attachment-carousel :attachments="post.body?.attachments" @update:metadata="(args) => (attachments = args)" />
     </v-card>
 
     <div class="mb-3 text-sm flex flex-col">
       <span class="flex flex-row gap-1">
-      <span>
-        {{ post.metric.reply_count }} {{ post.metric.reply_count > 1 ? "replies" : "reply" }},
-      </span>
-      <span>
-        {{ post.metric.reaction_count }} {{ post.metric.reaction_count > 1 ? "reactions" : "reaction" }}
-      </span>
+        <span> {{ post.metric.reply_count }} {{ post.metric.reply_count > 1 ? "replies" : "reply" }}, </span>
+        <span> {{ post.metric.reaction_count }} {{ post.metric.reaction_count > 1 ? "reactions" : "reaction" }} </span>
       </span>
       <span>
         {{ post.type.startsWith("a") ? "An" : "A" }} {{ post.type }} posted on
@@ -43,10 +44,7 @@
       </span>
     </div>
 
-    <div
-      v-if="post.tags?.length > 0"
-      class="text-xs text-grey flex flex-row gap-1 mb-3"
-    >
+    <div v-if="post.tags?.length > 0" class="text-xs text-grey flex flex-row gap-1 mb-3">
       <nuxt-link
         v-for="tag in post.tags"
         :to="`/posts/tags/${tag.alias}`"
@@ -108,21 +106,29 @@ if (!post.value) {
   navigateTo(`/posts/${post.value.area_alias}/${post.value.alias}`)
 }
 
-const title = computed(() => post.value.body?.title ? `${post.value.body?.title} by @${post.value.publisher.name}` : `Post by @${post.value.publisher.name}`)
+const title = computed(() =>
+  post.value.body?.title
+    ? `${post.value.body?.title} by @${post.value.publisher.name}`
+    : `Post by @${post.value.publisher.name}`,
+)
 const description = computed(() => post.value.body?.description ?? post.value.body?.content.substring(0, 280).trim())
 
-watch(attachments, (value) => {
-  if (post.value.body?.thumbnail) {
-    firstImage.value = `${config.public.solarNetworkApi}/cgi/uc/attachments/${post.value.body?.thumbnail}`
-  }
-  if (value.length > 0 && value[0].mimetype.split("/")[0] == "image") {
-    firstImage.value = `${config.public.solarNetworkApi}/cgi/uc/attachments/${attachments.value[0].rid}`
-  }
+watch(
+  attachments,
+  (value) => {
+    if (post.value.body?.thumbnail) {
+      firstImage.value = `${config.public.solarNetworkApi}/cgi/uc/attachments/${post.value.body?.thumbnail}`
+    }
+    if (value.length > 0 && value[0].mimetype.split("/")[0] == "image") {
+      firstImage.value = `${config.public.solarNetworkApi}/cgi/uc/attachments/${attachments.value[0].rid}`
+    }
 
-  if (value.length > 0 && value[0].mimetype.split("/")[0] == "video") {
-    firstVideo.value = `${config.public.solarNetworkApi}/cgi/uc/attachments/${attachments.value[0].rid}`
-  }
-}, { immediate: true, deep: true })
+    if (value.length > 0 && value[0].mimetype.split("/")[0] == "video") {
+      firstVideo.value = `${config.public.solarNetworkApi}/cgi/uc/attachments/${attachments.value[0].rid}`
+    }
+  },
+  { immediate: true, deep: true },
+)
 
 useHead({
   title: title.value,
diff --git a/pages/publishers/[name].vue b/pages/publishers/[name].vue
new file mode 100644
index 0000000..1a7a0fc
--- /dev/null
+++ b/pages/publishers/[name].vue
@@ -0,0 +1,73 @@
+<template>
+  <v-container class="mx-auto">
+    <v-img v-if="urlOfBanner" :src="urlOfBanner" :aspect-ratio="16 / 5" class="rounded-md mb-3" cover />
+
+    <div class="mx-[2.5ch]">
+      <div class="my-5 mx-4 flex flex-row gap-4">
+        <v-avatar :image="urlOfAvatar" />
+        <div class="flex flex-col">
+          <span
+            >{{ account?.nick }} <span class="text-xs">@{{ account?.name }}</span></span
+          >
+          <span class="text-sm">{{ account?.description }}</span>
+        </div>
+      </div>
+
+      <div class="mb-7">
+        <v-card rounded="xl" class="mx-[-5px]">
+          <v-tabs v-model="tab" align-tabs="start" color="primary" hide-slider>
+            <v-tab :value="1">{{ t("userActivity") }}</v-tab>
+          </v-tabs>
+        </v-card>
+      </div>
+
+      <v-row>
+        <v-col row="12" lg="8">
+          <post-list class="mx-[-2.5ch] mt-[-16px]" v-if="account" :author="account.name" />
+        </v-col>
+        <v-col row="12" lg="4" order="first" order-lg="last">
+          <div class="sticky top-0 h-fit">
+            <v-card prepend-icon="mdi-identifier" title="About">
+              <v-card-text>
+                <p><b>Description</b></p>
+                <p>{{ account.description }}</p>
+                <p class="mt-3"><b>Joined At</b></p>
+                <p>{{ new Date(account.created_at).toLocaleString() }}</p>
+              </v-card-text>
+            </v-card>
+          </div>
+        </v-col>
+      </v-row>
+    </div>
+  </v-container>
+</template>
+
+<script setup lang="ts">
+definePageMeta({
+  alias: ["/@:name(.*)*"],
+})
+
+const { t } = useI18n()
+const route = useRoute()
+const config = useRuntimeConfig()
+
+const tab = ref(1)
+
+const { data: account } = await useFetch<any>(`${config.public.solarNetworkApi}/cgi/co/publisher/${route.params.name}`)
+
+if (account.value == null) {
+  throw createError({
+    statusCode: 404,
+    statusMessage: "User Not Found",
+  })
+}
+
+const urlOfAvatar = computed(() =>
+  account.value?.avatar ? `${config.public.solarNetworkApi}/cgi/uc/attachments/${account.value.avatar}` : void 0,
+)
+const urlOfBanner = computed(() =>
+  account.value?.banner ? `${config.public.solarNetworkApi}/cgi/uc/attachments/${account.value.banner}` : void 0,
+)
+
+const externalOpenLink = computed(() => `${config.public.solianUrl}/accounts/view/${route.params.name}`)
+</script>
diff --git a/utils/request.ts b/utils/request.ts
index 9641c32..2e0e696 100644
--- a/utils/request.ts
+++ b/utils/request.ts
@@ -14,3 +14,13 @@ export async function solarFetch(input: string, init?: RequestInit) {
     },
   })
 }
+
+export function getAttachmentUrl(identifier: string | undefined): string | undefined {
+  if (identifier == null || identifier.length == 0) {
+    return undefined
+  }
+  if (identifier.startsWith("http")) {
+    return identifier
+  }
+  return `${useRuntimeConfig().public.solarNetworkApi}/cgi/uc/attachments/${identifier}`
+}