You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
1006 B
42 lines
1006 B
import Link from "next/link"; |
|
|
|
export default function Profile(props) { |
|
return ( |
|
<div className="profile"> |
|
<h2>Garrit Franke</h2> |
|
<p>Random thoughts, tips and rants about software</p> |
|
<Link href="https://lists.sr.ht/~garritfra/public-inbox"> |
|
Public Inbox |
|
</Link> |
|
<br /> |
|
<Link href="https://matrix.to/#/@garrit:matrix.slashdev.space"> |
|
Matrix |
|
</Link> |
|
<br /> |
|
<Link href="https://garrit.xyz">Website</Link> |
|
<br /> |
|
<Link href="https://github.com/garritfra">Github</Link> |
|
<br /> |
|
<Link href="https://www.linkedin.com/in/garritfranke/">LinkedIn</Link> |
|
<br /> |
|
<Link href="/rss.xml">RSS</Link> |
|
<style jsx> |
|
{` |
|
img { |
|
width: 12rem; |
|
} |
|
|
|
Link { |
|
margin: 1rem; |
|
} |
|
|
|
@media (max-width: 767px) { |
|
.profile { |
|
padding: 1.5rem 1.25rem; |
|
} |
|
} |
|
`} |
|
</style> |
|
</div> |
|
); |
|
}
|
|
|