Personal Site
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

Add profile information

+29
+29
src/components/home/feeds/Post.astro
··· 70 70 71 71 <article class="post" style={`--box-tlbr-png: url(${BoxTlbr.src});`}> 72 72 <section class="author"> 73 + {author.avatar && <img src={author.avatar} alt="" class="avatar" />} 74 + {author.displayName && <div class="name">{author.displayName}</div>} 73 75 <div class="handle">@{author.handle}</div> 74 76 </section> 75 77 <div class="link"> 78 + Open on 79 + <a href={`https://deer.social/profile/${author.did}/post/${rkey}`}> 80 + deer.social 81 + </a> 76 82 </div> 77 83 <hr /> 78 84 <section class="content"> ··· 85 91 .post { 86 92 border-image: var(--box-tlbr-png) 10 10 fill / 20px 20px round; 87 93 padding: 30px; 94 + } 95 + 96 + .author { 97 + display: grid; 98 + grid-template: 99 + "avatar name" auto 100 + "avatar handle" auto / 101 + auto 1fr; 102 + align-items: center; 103 + justify-content: start; 104 + 105 + .avatar { 106 + grid-area: avatar; 107 + height: 3em; 108 + } 109 + 110 + .name { 111 + grid-area: name; 112 + } 113 + 114 + .handle { 115 + grid-area: handle; 116 + } 88 117 } 89 118 90 119 .post-text {