Skip to content
This repository has been archived by the owner on Nov 24, 2021. It is now read-only.

We are experimenting with the GOV UK toolkit as a way to prototype the Back-office Planning System

License

Notifications You must be signed in to change notification settings

tomgayler-unbxd/Beta-Bops-Design-Prototypes

 
 

Repository files navigation

This project runs in node and uses nunjucks for templating. To get started, clone the repo, run npm install and npm start.

All designs live within the views folder.

Always make sure any html file has this line on the top, in order to load the gov uk nunjucks library / components: {% extends "layout.html" %}

To use "partials" in your html, you can create nunjucks templates by simply creating a file with the njk extension - ex whatevername.njk. In your file, add at the top:

{% macro whateverName(params) %} then open a content block and place your html in between: {% block content %}

Hello!
{% endblock %}

You can then import that macro into any html file and use it, like so: {% from "../whatevername.njk" import whateverName %}

by calling {{whateverName()}} inside your html, content will get displayed.

You can prettify any html files by doing: yarn add prettier --dev --exact yarn prettier --write ../path/to/your/file.html

About

We are experimenting with the GOV UK toolkit as a way to prototype the Back-office Planning System

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 93.9%
  • Nunjucks 4.8%
  • JavaScript 1.1%
  • Other 0.2%