May 1, 2013
This was a big day for development! The Facebook group was buzzing and many things came together. Based on Daryl's work in mockups, the repo has been updated quite a bit. The responsiveness of the grid and all of the other site elements are also looking much better after today. As always there is a live version to check out.
Integrating with the change.org petition has been an issue today. The API was forbidding access to Matt's petition, and that issue persisted longer than I did tonight.
In my mind the biggest issue that we're facing right now is content, but maybe I'm missing something. Hopefully we can figure that out tomorrow.
If we're going to clone this site for the "My Cap Is..." campaign, we'll probably need to create a basic CMS so that others can curate their own content. Aside from that, putting together a separate visual identity is probably good idea—maybe blue/green instead of pink?
We should be live at saveinte.ca any minute now. Everything is set up and triple checked, but it still returned an empty page by the time I went to bed.
April 30, 2013
- Integration with Change.org's API
- Style system based on mockups
- The responsive grid items need work at smaller sizes
- The banner doesn't respond very well at smaller width's either
April 29, 2013
On Sunday, April 28 2013, we had the idea to build a hero website for our campaign. We're drawing inspiration from:
After day one of development this is what we have:
We have a responsive masonry grid that accepts four different types of content: photo with text; just text; YouTube and Vine embeds. It seems to work just fine at any resolution, but hasn't been tested thoroughly across devices. Content is added to the page from four JSON objects—one for each content type—and is rendered with angularjs. Each block can be assigned a priority level (as an integer,) which will affect how close to the top of the grid it is rendered, allowing us to curate "more important" content to the top.
There is basic communication with the Change.org API, we just need to build a block that uses that data and fit it into our grid. In our mockups we didn't account for this, but to allow people to sign our petition from our hero page we have to collect the following personal info with a form:
- first name
- last name
- city
- postal code
- country (maybe we can assume Canada?)
- sections above and below the hero grid
- adding content with text files / allowing users to post their own content
- lazy loading content