More links to front

src/lib/AccountComponent.svelte

···
     const { account }: { account: AccountMetadata } = $props();
     import { Config } from "../../config";
 </script>
-<div id="accountContainer">
+
+<a id="link" href="{Config.FRONTEND_URL}/profile/{account.did}">
+    <div id="accountContainer">
         {#if account.avatarCid}
             <img
                 id="avatar"
···
                 src="{Config.PDS_URL}/xrpc/com.atproto.sync.getBlob?did={account.did}&cid={account.avatarCid}"
             />
         {/if}
-        <div id="accountName">{account.displayName || account.did}</div>
-</div>
+        <div id="accountName">
+            {account.displayName || account.handle || account.did}
+        </div>
+    </div>
+</a>
+
 <style>
     #accountContainer {
         display: flex;
···
     #accountName {
         margin-left: 10px;
         font-size: 0.9em;
-        
+
         /* replace overflow with ellipsis */
         overflow: hidden;
         text-overflow: ellipsis;
···
         height: 50px;
         border-radius: 50%;
     }
-</style>
+</style>

src/lib/PostComponent.svelte

···
 <script lang="ts">
   import { Post } from "./pdsfetch";
-  import { Config } from "../../config"
+  import { Config } from "../../config";
   let { post }: { post: Post } = $props();
 </script>
 
···
         alt="avatar of {post.displayName}"
       />
     {/if}
-    <div id="headerText">{post.displayName} | {post.authorHandle} | {post.timenotstamp}</div>
+    <div id="headerText">
+      <a href="{Config.FRONTEND_URL}/profile/{post.authorDid}"
+        >{post.displayName} ( {post.authorHandle} )</a
+      >
+      |
+      <a href="{Config.FRONTEND_URL}/profile/{post.authorDid}/post/{post.cid}"
+        >{post.timenotstamp}</a
+      >
+    </div>
   </div>
   <div id="postContent">
-    <p>{post.text}</p>
     {#if post.replyingUri}
       <a
         id="replyingText"
···
           .replyingUri.rkey}">replying to {post.replyingUri.repo}</a
       >
     {/if}
+    <p>{post.text}</p>
+
     {#if post.quotingUri}
       <a
         id="quotingText"

src/lib/pdsfetch.ts

···
 class Post {
   authorDid: string;
   authorAvatarCid: string | null;
+  postCid: string;
   authorHandle: string;
   displayName: string;
   text: string;
···
     record: ComAtprotoRepoListRecords.Record,
     account: AccountMetadata,
   ) {
+    this.postCid = record.cid;
     this.authorDid = account.did;
     this.authorAvatarCid = account.avatarCid;
     this.authorHandle = account.handle;