From 20f9dd6d54973acebe7aba38e3e30fef144f7830 Mon Sep 17 00:00:00 2001
From: Erin Rivas <erin@atomicbear.com>
Date: Wed, 14 Feb 2024 15:10:47 -0600
Subject: [PATCH] bunch of little stuff

---
 src/views/HomePage.vue | 33 ++++++++++++++++++++++++++++++---
 1 file changed, 30 insertions(+), 3 deletions(-)

diff --git a/src/views/HomePage.vue b/src/views/HomePage.vue
index 911969f..3e9f4d2 100644
--- a/src/views/HomePage.vue
+++ b/src/views/HomePage.vue
@@ -17,6 +17,9 @@
             <span class="loader"></span>
           </div>
         </section>
+        <section id="article-section2">
+          <object :data="test" />
+        </section>
 <!--        <aside>-->
 <!--&lt;!&ndash;          // people here &ndash;&gt;-->
 <!--          <div ref="peoples" />-->
@@ -28,12 +31,15 @@
 
 <script setup lang="ts">
   import { onMounted, ref } from 'vue'
-  import { useRoute } from 'vue-router'
+  import { useRoute, useRouter } from 'vue-router'
 
   const shell = ref<HTMLElement | null>(null)
-  const peoples = ref<HTMLElement | null>(null)
+  const router = useRouter()
   const route = useRoute()
 
+  const profile = ref('')
+  const test = ref('')
+
   function requestData(owner: string, fileName: string): Promise<string> {
     const url = `https://jackal.link/p/${owner}/beacon/published/${fileName}.html`
     return fetch(url)
@@ -43,10 +49,31 @@
     })
   }
 
+  function visitProfile() {
+    router.push(`/${profile.value}`)
+  }
+
   onMounted(async () => {
     console.log(route.params)
     if (shell.value && route.params.user?.length && route.params.slug?.length) {
-      shell.value.innerHTML = await requestData(route.params.user as string, route.params.slug[0]) || ''
+      profile.value = route.params.user as string
+      const data = await requestData(profile.value, route.params.slug[0]) || ''
+      shell.value.innerHTML = data
+
+      const userWrapper = document.createElement('div')
+      const userSpan = document.createElement('span')
+      userSpan.innerText = 'Written by: '
+      userWrapper.appendChild(userSpan)
+
+      const userBtn = document.createElement('button')
+      userBtn.title = profile.value
+      userBtn.onclick = visitProfile
+
+      userWrapper.appendChild(userBtn)
+      shell.value.getElementsByTagName('h1')[0].after(userWrapper)
+
+      const tmp = new File([data], route.params.slug[0])
+      test.value = URL.createObjectURL(tmp)
     }
   })