MatMoore

Nunjucks / Jinja compatibility spike

Purpose of spike

Nunjucks templates are almost (but not quite) compatible with Jinja.

We wanted to find out if we could adapt existing templates written for Nunjucks so that they would render in Jinja.

Specifically, we wanted to understand what would be involved in making nhs-frontend Nunjucks templates cross-compatible with Jinja.

celoyd

#!/usr/bin/env python

# Demo a brightened luminance-only inversion on 8-bit images

from skimage import io
import numpy as np
from sys import argv


# RGB <-> YCoCg-R almost straight from Wikipedia

alextea

<div class="grid-row">
  <div class="available-languages">
    <ul>
      <li class="translation">
        <span>English</span>
      </li>
      <li class="translation last">
        <a lang="cy" hreflang="cy" href="/dechrau">Cymraeg</a>
      </li>
    </ul>

roc

cal | GREP_COLOR='1;32' grep -w -A4 -B6 --color "$(date +%e)"

Alias with

alias today="cal | GREP_COLOR='1;32' grep -w -A4 -B6 --color "$(date +%e)"
# or add to .aliases file
(echo ""; echo alias cal | GREP_COLOR='1;32' grep -w -A4 -B6 --color "$(date +%e)"') >> ~/.aliases

p3t3r67x0

Styling native elements

Native HTML controls are a challenge to style. You can style any element in the web platform that uses Shadow DOM with a pseudo element ::pseudo-element or the /deep/ path selector.

video::webkit-media-controls-timeline {
  background-color: lime;
}

video /deep/ input[type=range] {