This repository contains the source code for my personal portfolio website at adamjolicoeur.com, built with Eleventy (11ty) and deployed via GitHub Pages.
This is a personal portfolio site showcasing my work as a Lead Product Designer and Product Manager. The site features:
- Design Case Studies - UX/UI projects from AWS, Red Hat, and Component Assembly Systems
- Development Projects - Open source contributions, tools, and code examples
- Professional Content - Resume, presentations, and technical articles
- App Showcases - iOS/iPadOS apps and web applications
All content, design work, code, and assets in this repository are for my personal use only. This is a public repository for transparency and to demonstrate my development workflow, but the content is not licensed for reuse.
I'm a user experience designer with 15+ years of enterprise experience at companies like AWS and Red Hat. With a background in web development, I bridge the gap between design and technical implementation, turning designs into living, usable products.
Automation is handled by GitHub Actions, which sets Labels for pull requests and Releases versioning. I use Cloudflare to create pull request previews.
Releases are done via the release-drafter GitHub Action. Release notes are automatically generated from the pull request title and description.
Pages using layout: markdown.njk can opt in to fenced container blocks by adding containers: true to front matter. This enables container syntax without writing raw HTML.
---
layout: markdown.njk
containers: true
---:::section
## Section Heading
Content here.
:::
:::card
### Card Title
Card content here.
:::
:::cards
:::card
Card one.
:::
:::card
Card two.
:::
:::
:::card-basic
Basic styled card.
:::
:::card-shadow
Elevated card with shadow.
:::Available containers and their rendered output:
| Syntax | Output |
|---|---|
:::card |
<div class="card"> |
:::section |
<section class="prose-section"> |
:::cards |
<div class="cards-row"> (flex row wrapper) |
:::card-basic |
<div class="card-basic"> (bordered, earth-sand background) |
:::card-shadow |
<div class="card-shadow"> (cream background, box shadow) |
Pages without containers: true are unaffected. To add new container types, register them in .eleventy.js and add styles in src/sass/containers.scss.
Libraries
Eleventy