A card with a landscape layout - uses media block

Usage no npm install needed!

<script type="module">
  import cnbritainWcCardLandscape from 'https://cdn.skypack.dev/@cnbritain/wc-card-landscape';



Item card with landscape layout


Key Optional Default Description
article false The article model
brand true '' Name of the brand
hide_author true True Hides the author from the meta
hide_duration true True Hides the duration from the meta
hide_image_icon true True Hides the image icon from the image
hide_description true True Hides the description from the card
theme true '' Colour scheme of the card

Current themes:

  • Wired


  • Node.jsbrew install node
  • Grunt - npm install -g grunt-cli
  • Other prereqs? Python? Virtualenv?


Install dependencies:

npm install

Build the things:

npm run sass
npm run js

Python the pythons:

cd demo
virtualenv .
source bin/activate
pip install -r requirements.txt

Start the demo server:

python demo.py


  • Update live bullet to icon
  • Update all glamours icons
  • Component diff task