Skip to content

Instantly share code, notes, and snippets.

@sykire

sykire/portoflio.astro

Last active November 1, 2023 22:56
Show Gist options
  • Save sykire/54ad3584bb79863af8501e05f43dcdf5 to your computer and use it in GitHub Desktop.
Save sykire/54ad3584bb79863af8501e05f43dcdf5 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
portoflio.astro
---
const links = [
{
title: "The NFT Space",
url: "https://example.com",
text: "Trying to make sense of it all",
},
{
title: "Fonts in 2021",
url: "https://example.com",
text: "What about them",
},
{
title: "App design",
url: "https://example.com",
text: "I've got opinions, read them here",
},
{
title: "Apple cloth review",
url: "https://example.com",
text: "10/10 would wipe screen again",
},
{
title: "Web3",
url: "https://example.com",
text: "Metaverse, Crypto and things",
},
{
title: "Framer Sites",
url: "https://example.com",
text: "Best thing since sliced bread",
},
];
const social = [
{ title: "Email", url: "https://example.com" },
{ title: "Twitter", url: "https://example.com" },
{ title: "Github", url: "https://example.com" },
{ title: "Dribbble", url: "https://example.com" },
];
---
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width" />
<meta name="generator" content={Astro.generator} />
<title>Astro</title>
</head>
<body>
<header>
<h1 class="me">Jenny</h1>
<span class="whoami">I’m a freelance designer from Amsterdam.</span>
</header>
<section class="project-grid"></section>
<section class="about">
<h2>About</h2>
<p>
I’m a digital product designer working at Framer in the lovely
Amsterdam, where I help lead the Product team. I’m passionate about
design tooling and high-fidelity prototyping—and I’ve published several
interactive components as Framer packages.
</p>
</section>
<section class="links">
<h2>Writing</h2>
<div class="link-list">
{
links.map((link) => (
<a href={link.url}>
<span class="link-title">{link.title}</span>
<span class="link-text">{link.text}</span>
</a>
))
}
</div>
<h2>Connect</h2>
<div>
{social.map((s) => <a href={s.url}>{s.title}</a>)}
</div>
</section>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment