Opnxng website

The source code of about.opnxng.com, powered by Eleventy.

Credits

EB Garamond, a FOSS typeface designed by Georg Mayr-Duffner, is used for the drop caps. It is available on Github.

Heldane Text, another Garalde designed by Kris Sowersby, is used for the body text.

The site used the reset styles by Eric A. Meyer and the SVG Favicons generator by Shuntaro Nishizawa.

Usage

# Initialize
docker run --rm --name=npm -u 1000 -v /path/to/website:/app -w /app node:lts-slim npm init -y

# Install node modules
docker run --rm --name=npm -u 1000 -v /path/to/website:/app -w /app node:lts-slim npm install \
  npm \
  @11ty/eleventy@latest \
  @11ty/eleventy-img@latest \
  luxon \
  html-minifier-terser \
  clean-css \
  eleventy-plugin-purgecss \
  clean-css \
  markdown-it-attrs \
  markdown-it-bracketed-spans \
  markdown-it-anchor

# Test
docker run --rm --name=npm -u 1000 -p 8080:8080 -v /path/to/website:/app -w /app node:lts-slim npx @11ty/eleventy --serve --quiet

# Generate website
docker run --rm --name=npm -u 1000 -v /path/to/website:/app -w /app --network none node:lts-slim npx eleventy

# Update
docker run --rm --name=npm -u 1000 -v /path/to/website:/app -w /app node:lts-slim npm update