blob: 75eb9f7e92dd3739a55b4e543ffd21bffda68cbc (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
|
---
const name = 'Can Celik';
const role = 'Building Herdr';
const photo = '/assets/author-can.jpeg';
const x = 'https://x.com/lumendriada';
const email = 'ogulcancelik@gmail.com';
---
<aside class="author-card" aria-label="About the author">
<img class="author-photo" src={photo} width="72" height="72" alt={name} loading="lazy" decoding="async" />
<div class="author-body">
<p class="author-name">{name}</p>
<p class="author-role">{role}</p>
<div class="author-links">
<a href={x} target="_blank" rel="me noopener" aria-label={`${name} on X`}>
<svg viewBox="0 0 24 24" width="16" height="16" aria-hidden="true" fill="currentColor">
<path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
</svg>
<span>X</span>
</a>
<a href={`mailto:${email}`} aria-label={`Email ${name}`}>
<svg viewBox="0 0 24 24" width="16" height="16" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
<rect x="2.5" y="4.5" width="19" height="15" rx="2" />
<path d="m3 6 9 7 9-7" />
</svg>
<span>Email</span>
</a>
</div>
</div>
</aside>
|
