Personal Site
Add profile information
+29
+29
src/components/home/feeds/Post.astro
+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 {