ffconf2016's Introduction

ffconf 2016

Todo

Service worker

Howto

Disable minified code while developing the website

In node_modules/terraform/lib/stylesheet/processors/scss.js change outputStyle: 'compressed' to outputStyle: 'expanded'.
In node_modules/terraform/lib/stylesheet/index.js change callback(null, minify.css(result.css)) to callback(null, result.css).
In node_modules/terraform/lib/template/processors/jade.js add options.pretty = true before return jade.compile(fileContents, options).

Convert fonts into JSON

Source: http://crocodillon.com/blog/non-blocking-web-fonts-using-localstorage

Install npm module font-store, locally it's fine:

$ mkdir fontstore && cd $_
$ npm install font-store

Now generate the Google Fonts link and run:

$ ./node_modules/font-store/bin/font-store "https://fonts.googleapis.com/css?family=Anonymous+Pro|Rubik:700"

Create favicons

Use https://realfavicongenerator.net

Favicon for iOS - Web Clip: add a solid background, color #1A1A1A, size as default
Favicon for Android Chrome: no change
Windows Metro: use the original, color is blue
Safari Pinned Tab: turn your picture into a monochrom icon, threshold as default
Favicon Generator Options:
- path: /images/favicons
- app name: ffconf 2016

Delete the generated manifest.json, we already have our own, just check to reference the images correctly.

ffconf2016's People

Contributors

Stargazers

Watchers

ffconf2016's Issues

Pre-launch todo

Items 2016-07-04 @ 9pm

reduce line heights and remove lines (in favour of the pattern without lines) - result should be slightly tighter headings and paragraphs
front page nav, workshops link to #workshops - rather than /workshops
update phase to only show session titles and descriptions (currently showing times and breaks etc)
"agreeing to our code of conduct" should have a period . at the end
On the /workshops page, we need the following copy added after the heading: "All workshops are run on 9 November and include a conference pass for the 10 November for £450+VAT. You can request to change the conference pass day, which will be granted based on availability."
I want to do some regigging of the workshop page, the content doesn't feel very structured ATM, which has only come to light after designs have been implemented.
Sold Out ticket button (on workshops) should be grey background with white text (IIRC this was missing from the PSDs)
Hover bg on navigation, can we use 50% white instead of solid white
Can you remove link on the logo

Items not required for pre-ticket launch

Ticket page integrated with Ticket Taylor (re: Julie's ticketing system)

I've re-ordered the content a little and added headings to the content. I'm also getting edited copy from Rachel on her topics for the day, so they're shorter in length (akin to the items that are in my workshop).

CSS that's needed is:

@ > 425
ul.workshop-list {
  overflow: hidden;

  li {
    float: left;
    display: block;
    width: 45%;
    margin-right: 5%;
  }
}

@ all viewports
.workshop-full h2 {
  font-size: 4vh;
  margin: 6vh 0 0vh 0;
}