madebyloosers/weblebrity-trumps

Like a who’s who of the information superhighway websphere, Weblebrity Trumps turns the web's elite into a gamification experience based on social media and internet proliferation.

Weblebrity Trumps

Like a who’s who of the information superhighway websphere, Weblebrity Trumps turns the web's elite into a gamification experience based on social media and internet proliferation.

Front end

Grunt is used to run a developemt server on port 9000 and watch sass files for compilation. Install grunt-cli:

npm install -g grunt-cli

More info on getting started with grunt http://gruntjs.com/getting-started

And then install dependancies:

npm install

Then just run grunt:

grunt

Visit localhost:9000 to view the site.

Updating script

To run the updating script that gets the latest values you need Node (v0.8+)

In terminal navigate to the root of the site and run:

npm install

You need to update the github login credentials with your github API details.

Create a file in the root called node_credentials.js (or symlink one in) and enter:

var exports;
exports.githubAccount = {
    'user': '[username]',
    'pass': '[password]'
};
module.exports = exports;

Then start the information gathering with:

node app.js

This should update the json file used to populate the cards

weblebrity-trumps's Issues

Cache Images and user bio from twitter

Instead of loading images from twitter each time lets cache them locally in the project to try and speed it up. Store paths in JSON output or just name by id?

Also pull twitter bio?

Use the node script to do this and store in the JSON output.

Page height reduction

We should think about reducing the size of the home page circle and the cards so everything fits into an 800px height browser - fairly standard resolution for a lot of laptops...

We could remove the WTF link from the header - we don't have any content for this, and it's referenced in the initial circle anyway.

We could move the 'suggest a weblebrity' to the bottom of the initial page circle

This would allow us to reduce the height of the page header, so we can more easily fit everything in

Update readme

Now the site is (almost) up and running the readme should describe how to get the site set up - see the format of our other readme files for ideas

Implement 'suggest weblebrity' form

We have the design already, we just need to build it

Make a formula to calculate an overall score stat

Something like twitter + github + ... etc.

Could add some mystery weighting to special weblebs to please PxG

Implement Booth's FINAL design tweaks

The order in which the computer wins, I don't think is clear. When the computer selects a stat, it should be in the same highlight colour, then the card should turn over.

When the circle flips, there's a momentary pause between it disappearing and it showing again

JSON FIle versioning

In case there is any issues get the node script to name and timestamp the output file and then symlink it to the path for the front end.

This way if the JSON is invalid we can roll back quickly.

Add link to guntlondon.com on initial circle

'This is a Gunt London Production' needs a link to the site!

Find a way to show the user what the AI chooses

Suggest highlighting the stat.

Buy domain name

& set up site on a web server somewhere...

Add favicon

Hook up 'WTF' link in header

Not sure what this should say or look like?

Perhaps take Favourite Q as a base and rework?

Add file logging to node script

Using winston. So we have logs for when using via cron.

Tweak node.js script

Try running the node.js script...

• Twitter data seems fine
• Linkedin data seems fine (for those users who have it) - but we should use parseInt to ensure it's a number (e.g. when it receives 500+)
• Github doesn't seem to retrieve any data (may be a temporary issue?)
• Lanyrd seems fine
• Images - get large from twitter
• Check people with zeros - have we got the correct URLs for them?

We should use parseInt to ensure these values are always treated as numbers - the Lanyrd values aren't at the moment.

Also need to set this to run periodically (once a week?) - e.g. with Node Schedule

Fix initial small circle flip

On the first round the initial card flip animation isn't right. Shouldn't flash up first.

Need to put in a special case for the first round in script.js:WT.updateInfoCircle()

Fix twitter api integration

Profile images no longer load and I suspect the data isn't being pulled from new API either.

Write deploy scripts for staging and live

Using shell scripts? or grunt?

Remove facebook from stat list.

We can't get this data... so everyone is zero.

Bio copy

The copy of the bios seems to have slipped down around the buttons.

I think this is why you can't click the buttons any more.

Implement game end screen

Build game end screen and test all permutations.

We have the design already, we just need to build it

Setup crontab for node application

To run app.js every day and log to file.

Rename weblebrities JSON files to stop confusion.

Currently there are two json files called weblebrities JSON. One is the input list of Webleb's for the Node script, the other is its output.

Suggest weblebrities_input and weblebrities_output?

In-game design tweaks/suggestions

• Add margin/padding space between bottom of cards and foot of page

Improve timings of info circle messages

It all goes a bit fast at the moment. Slow down a bit.

Add game score above cards

To be shown at all times. Consult with designer.