Introducing Project Orca - Part 3
"Nunjucks, a JavaScript-based templating engine, is used in Project ORCA. Offering features such as variables, loops, conditionals, block inheritance, includes, and macros."Building Job pages with Metalsmith and the Lever Postings API
Discover the integration of dynamic job listings onto static websites using Lever's Postings REST API and Metalsmith, a flexible Static Site Generator. This post details how a custom Metalsmith plugin fetches job data from the Lever API and transforms it into a file objectIntroducing Project Orca - Part 2
This blog explores how Metalsmith uses plugins to convert markdown files into HTML pages in static websites. We examine build scripts, the role of frontmatter, and the use of plugins like markdown, permalinks, and layouts.Nunjucks and jsTransformer
Through the jstransformer-nunjucks plugin, we extend the Nunjucks environment in Metalsmith with configuration options like path, filters, and extensions. This includes converting string cases, replacing spaces with dashes, and capturing variables.Introducing Project Orca - Part 1
Project ORCA blends Drupal's superior CMS capabilities with a static website. Metalsmith, a Static Site Generator, played a crucial role in this project, thanks to its flexibility, security, and speed.Metalsmith, Layouts and Nunjucks
Transitioning from the older versions to the newer ones of the @metalsmith/layout (ML) and @metalsmith/in-place (MIP) plugins may have its hurdles. This post guides you through the process.Conscious Uncoupling - Drupal 8 meets Metalsmith
The post recounts a presentation I gave about using a headless Drupal for a Metalsmith site. The interest stirred led to a series of blogposts named 'Introducing ORCA', focusing on Metalsmith.How to Strip Styling from a Marketo Form
In the world of Marketo form styling, frustration is often a constant companion. With countless styles to override and a continuous requirement for tweaks, I've decided to strip all Marketo styles and begin afresh.Who needs a WordPress website?
Most contractors use WordPress sites but rarely update them, leading to security issues. Static websites could be a better fit, offering speed, security, low maintenance, and ease of content updates.The case of the spinning image
The blog covers creating responsive, spinning images using the Phi phenomenon. It details merging 36 images into a single sprite to minimize HTTP requests and increase load times. The challenge of maintaining image quality and responsive design is also discussed.Creating SVG line drawing animations
Recently, I was inspired by an animated SVG line drawing on the Square Space site. This prompted my exploration into the mechanics of SVG line animation, particularly the use of the stroke-dash property.