Skip to content
main
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

London CSS Site

Netlify Status

The source for the online home of the new London CSS!

Installation

git clone git@github.com:LondonCSS/website.git
cd website
yarn
yarn start

Features

Sass pipeline

  • Source Sass files are under src/scss

  • Compilation is via templates at src/assets/css

    Using templates means that Eleventy's own watchers trigger compilation and ensure that changes to Sass files are kept in sync with Browsersync's refresh schedule.

  • CSS is transpiled to the same path under dist as the templates exist under src:

    // input
    src/assets/css/{filename}.11ty.js
    
    // output
    dist/assets/css/{filename}.css
    

Houdini-powered social images

Each event has an associated Houdini-powered background image sourced from sites like @una's iconic extra.css and @malchata's awesome paintlets.

In order to generate social media images

  1. A special version of the /events page - src/events/puppeteer.njk - loads custom CSS, paintlet modules and fonts
  2. Puppeteer snapshots the event nodes
  3. The images are stored in dist/static/events

Under development

  • Rollup-based JS pipeline
  • Full PWA status

About

Home of the new London CSS!

Resources

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •