The best and brightest worst and darkest portfolio/personal site for the Denver-based creative web developer Henry Desroches. Really quite something. Looking for a resume? Looking for the previous iteration? Looking for the version before that?
- Technology:
- Fonts In Use:
- Neue Montreal, from Pangram Pangram.
- Louize, from 205TF.
- Mānuka, from Klim.
🚧 Development
I’ve been using bun but I'm sure it works with NPM too.
- Install dependencies:
bun install- Run the project for local development (hot reloads at localhost:8080):
bun run start- Run the project without all the Eleventy logging:
bun run start:quiet- Generate the static site at _site/ for production:
bun run buildThanks to Andy, Robb, David, Brynski, Levi, and everyone else who had to listen to me talk about this puppy for the past million trillion years.
There are two ways to reference embedded articles. The important thing for both of them is the {% renderTemplate 'webc' %} tag, which tells 11ty to switch to webc rendering temporarily. This workaround is necessary because rendering with markdown and webc breaks code snippets for some reason lol.
These can use the :post attribute to look up a local post by its 11ty URL, but require collections.all and the findPostByPath() functions.
{% renderTemplate 'webc', { collectionsAll: collections.all } %}
<embed-card :post="findPostByPath(collectionsAll, 'writing/how-to-use-vue-to-template-your-eleventy-projects')"></embed-card>
{% endrenderTemplate %}External articles have a <slot> that allows Markdown as an excerpt. Needs the :external flag, and then can take props for title, url, author, and show-url.
{% renderTemplate 'webc' %}
<embed-card :external="true" title="Sample Title of An Embedded Post" url="https://ethanmarcotte.com/wrote/generative/" author="Ethan Marcotte" :show-url="true">
Nineteen thoughts about “generative artificial intelligence,” spanning a few centuries. Brief, well-curated “playlist” outlining lorem ipsum dolor sit amet
</embed-card>
{% endrenderTemplate %}