Code repository for my 'link in bio' website, emporium.becausejulia.com. Project files are uploaded here for your code review and Netlify web hosting. I am leveraging 11ty for a static site generator and a private Trello board pushes promotional updates. I decided to use Trello because of their email-to-board feature, generous automation options, and ease of Netlify deploy via Zapier. Rather than scheduling deploys every 12 hours via the code here, Zapier triggers a build based on changes to a list as they occur. While the Trello board that I am fetching here has its own documentation, I am filtering the response to reinforce the following criteria:
- cards must contain a start date on or before today
- cards must contain a due date on or after today
- cards must contain a description
- cards must have a label (with online store name)
- fail state shows no offers and does not impede display of any other code
npx netlify dev
Run 11ty with Netlify secrets hot reload at localhost:8888, including reload based on Sass changes
npm run build
Production build includes minified, autoprefixed CSS
Use this as the "Publish command" if needed by hosting such as Netlify.
- Google Fonts Alexandria && Notable
- Bootstrap Icons
- 11ty
- SASS
- Netlify
- Live Site emporium.becausejulia.com
- Hosting via Netlify:
- Set up fetch call to
Notion APITrello API - Filter results for valid offer dates
- Filter results for !labels
- Filter results for !empty states
- Refactor ./links/*.njk to .js collection
- Leverage Netlify functions for initial request
- Step Four
- Totally unnecessary redesign
- Incorporate tasteful parallax scrolling
- Converted Adobe Illustrator color set to oklch via oklch.com
- Leveraged typescale.com for scaling and google font paring
- Leveraged utopia.fyi for clamp() only sizing
- Help with dark mode favicon
- Help with Trello as a CMS
- Help with merging object data