This project requires Node v20 or greater.
npm install
to install Node packages.This project uses Liquid for templating (except dates, see below). As such, you may wish to install syntax highlighting for Liquid in your text editor.
Build and watch for local changes by running:
npm run serve
This opens a local server at http://localhost:8080/
and watches for changes to the source files.
The conference can be in 3 separate phases, controlled under site.json
:
landing
: The conference site consists of a landing page.active
: The conference site is live and registration may occur.archived
: The conference is over.This impacts the rendering of the homepage and display of content in various locations.
Reference:
src/index.html
src/_includes/home/
Dates are formatted with date-fns, due to some wonkiness with Eleventy's date formatting. You can use the formatDateTime
shortcode in your templates to format dates. Note, that this will take into consideration the timezone defined in site.json
, under timezone
. Example:
{{ post.data.published_datetime | formatDateTime: "MMMM d, yyyy" }}
/presenters/{{ slug }}/
/{{ talks,tutorials }}/{{ slug }}/social/
loading="lazy"
attribute to the image tag.alt
attribute to the image tag.The styleguide lives at /styleguide/
(respectively styleguide.html
). The guide is built from content within src/_content/styleguide/
. Each HTML page represents a section. Sections can be ordered with order
. Each section can have a description
.
When using code samples, be sure to use {% capture code %}
to capture sample and pass it to the code-snippet.html
include like so:
{% include "code-snippet.html", code:code, lang:'html' %}