export var data = {
eleventyComputed: {
title: data => `Hi, I’m ${data.author.name.first}.`,
shortTitle: data => `${data.author.name.fullName}`,
image: {
src: 'headshot.jpg',
alt: data => `${data.author.name.first}’s headshot`
},
},
layout: 'layouts/base',
tags: 'headerNav',
weight: 1
}
export async function render(data) {
var {
collections: {activities},
image,
page,
site: {tagline},
title
} = data
var headshot = await this.headshot({
src: image.src,
alt: image.alt,
width: 300,
height: 300,
})
return `<!-- ./index.11ty.js -->
${headshot}
<div class="wrapper">
<h1 class="no-margin">${title}</h1>
<p>${tagline}</p>
<div class="wrapper">
${this.nav(activities, page)}
</div>
</div>`
}