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.
|
|
|
import Link from "next/link";
|
|
|
|
|
|
|
|
export default function Profile(props) {
|
|
|
|
return (
|
|
|
|
<div className="profile">
|
|
|
|
<img src="/me.jpg"></img>
|
|
|
|
<h2>Garrit Franke</h2>
|
|
|
|
<p>Random tips, tricks and thoughts about software</p>
|
|
|
|
<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>
|
|
|
|
);
|
|
|
|
}
|