poverty-history's People
poverty-history's Issues
Topics Page Layout
- JT will do a scribble;
- Is the name problematic?
Would a "Browse"-like term (Explore?) might be better - seems like we need a broader term. Is Topics also vague? Does it maybe constrain what we can put on the page?
Perhaps a browse page could have Topics, Policies, Images, Documents...or just too much?
Article Overlay: "Back To Timeline" link
Change to "Close"
Add x in circle from design
Article Images
What are the final widths of the big article images (the one at the top of the article and the enlarged version)?
Should I just add the thumbnail versions of the big images to WP's media library and give them the same name albeit with an "s" at the end e.g. "gordon-family-s.jpg"?
Topics Page Layout
- JT to do scribble
- Should we revisit the term "Topics" ? Is it too vague as a label?
Perhaps a more general name (Browse? Explore?) would let us have a few more content types e.g Topics and Policies...?
What's New Page: Get Content
Client wants a page dedicated to press-friendly information, videos, etc.
Decide on approach for soft launch and home page
Password protect site / invite only
Set up page to get emails from people who want to see/get invite?
About Page
ICPH to send content prior to design
Timeline: discuss vertical scroll functionality with JR & BF
Search Page: revise scribble
Screen Width
Based on the JPGs, the content area seems to be 1450px across. Is that correct?
That seems big. Bootstrap, at "large screen" size, only goes to 1136. And since we discussed not making this a responsive site, I think that a lower target might be indicated. 940?
OR: is the header meant to be fluid and the content area a varying fixed size?
To be clear, the area I'm talking about is in the header and footer, from the left edge of the P in Poverty & Homelessness History to the right edge of the H in Search.
About Page
ICPH to send content prior to design
Timeline Design
Ask About ICPH Logo / Modify Design Accordingly
ICPH added a new, supposedly better logo here: icph-share\assests from icph\ICPHusa_logo_horizontal.pdf
Do you want me to ask for a png or layered version?
Sign up for Benton Sans
About Page Layout
ICPH to send content
Policy Timeline: why the gap before first entry? Ask BF
Design Browse Page
- ICPH signed off on this
- An initial scribble is attached.
- It needs to be refined, but is this a viable idea?
- nb: each browse page will be a WP category
- Results will be in alpha order
Article Image Questions
- Should I create images at each size (enlarged, full-size and thumbnail) or do you want to serve the same image and have it be re-sized and cropped? I am inclined to do the former to save bandwith.
- For the first phase, I was going to take a fairly active hand in optimizing and saving image....is that silly? I fear that handing it to the client is not a wise idea.
Timeline Year Images (circular images): how to output & how to make circles
- Featured images on posts or an image added to the category?
- Either border radius (works in IE 9+) or PNG 24s with alpha channel enabled - to discuss
Era & Policy Overviews: how to output descriptions and images
- Either through category pages (which would have to be tricked out for excerpts and images a la: http://wordpress.org/extend/plugins/taxonomy-images/)
- or as posts tagged "policy-overview" and "era-overview"
Contact link on Footer: anchor link to About?
Policy Filter: finalize whether it's on timeline bar or under navigation
Layout What's New - subpage on About section
Client wants to add a nested page to About. The page will be called "What's New". We will need to link to it from the main About page.
nb: they are creating draft content now.
Map on Era Landing Page: add static info pop-ups?
There are a handful of markers on the map strip on the era landing page, Do we want to add actual content to these spots so that the user gets a sense of the map content?
Browse Page: add Images and Documents
Add links to top nav row
Alpha order
Visual:
so three rectangles across like the others
darker beige rectangles
grid of these going down
Content:
images in circles
title
caption
Link: Box, image and title all open image in viewer
Update About Page Design
- Merge two initial drafts;
- Include big image header;
- Include bigger book feature;
nb: decision to come about adding Press content or link to separate Press page
Era Landing Page: can we cut "Policy Overview" link? Does it lead to start of that policy's timeline?
Footer Content: ICPH sentence
Connects ICPH to site.
Add texture png to production folder
Update Browse Page
- Use accordion functionality;
- Use colored background tiles from v1, the intra-navigation system from v2
- Keep color-coded era names
- It's ok if some articles don't have images
- Everything in box links to article (including era name, which does not go to era)
Color picks
Hey Jeff,
I can't find the mail where they say which colors of the landing pages they like, can you check? thx
Timeline Policy Design
Finalize Design R2 Feedback
- How to integrate Policy toggle - under nav bar or within timeline bar
- Change Topics to Browse
- Colors
- Era Page layout and functionality
- Footer
- Timeline Bar
Multiple Links in Excerpts
Can we link to multiple essays in one excerpt e.g. In 1902 first two entries can be consolidated if we can hyperlink both "MKS" and "Greenwich House"
Image Overlay: Design
Mirrors look of Article i.e. gray-out and Back To Timeline button?
Get About content from ICPH
Proposed structure:
Pithy Overview of Project
ICPH: Who and Why This
Goals/Why
Methodology/How
Stats/Info
It would might be interesting to play with some stats about ICPH - to keep the infographic theme consistent. Do you collect numbers that suggest your scope and/or impact?
Photos
- Is there perhaps a photo that sums up the project for you all?
do you have good staff / office photos? I am not sure we would use them, but I wanted to ask.
Progressive Era Landing: Add remaining By The Numbers icons
Details in following comment. The first set of icons (population graphic has family not map) seems better to me - sound ok?
Article Page - Related Links
ICPH will add related articles/links that'll appear at the end of each article. BF mocked these as circular images with text links. Is that going to be a bear to code or can we just convert the featured image thumbnail to a circle via CSS?
I used a the same Related Links plugin that we installed on NYW: http://wordpress.org/extend/plugins/related-links/
I am very open to other ideas/custom code, but this seemed to do the trick in a pinch.
Topics Page Layout
- JT to do scribble
- Should we revisit the term "Topics" ? Is it too vague as a label?
Perhaps a more general name (Browse? Explore?) would let us have a few more content types e.g Topics and Policies...?
Add article name to article overlay
Article Overlay: Add Related Articles and link below article?
Nav Bar: Design share button functionality
Does this slide down to show FB/Twitter/email/Reddit/Pinterest links?
Talk to ICPH about "By The Numbers" stats
Broader stats needed - more context about living conditions, wages vs. expenses
ICPH will have updated stats back to us on Jan 18
JR/JT: how to integrate via WP
Modify Timeline Bar
- Gray shadow doesn't feel like a tool/something the user can control. Feels more decorative and perhaps like a hover state.
- Can the on-states be brighter/stand-out more?
Server Set Up / WP Installation
Check with ICPH
Links in Excerpts and Articles
ICPH loved the idea of not having to manually add links to excerpts.
Can you also add this functionality to the articles? If so, can you code it such that the article names are only linked the first time they appear in the article?
Article - previewing/reviewing
I realize this functionality might take some time, but will ICPH eventually be able to preview their articles as/after they enter them in WP? Right now it shows a blank page, which I realize is likely due to the ajax/overlay not being in place.
Follow-Up with client on Take Action
JT to ask client if waiting for Phase 2 makes sense.
Won't be a button on Footer.
ICPH does want to highlight contemporary information on the timeline: integrate as endpoint into Policy timelines esp homelessness
Could look like the blurb that opens each section of the chronological timeline (e.g. a background color and image)
Would have summary (see below), stat (http://www.nyc.gov/html/dhs/html/home/home.shtml), link to ICPH white paper and find out more link
Year Column on Timeline (Question)
- ICPH is "hand-crafting" these excerpts, including the embedded links
- Would it make sense for these to just be posts? The circular image would be the featured image, the year would be a category and, if there's a stat or pull-quote, it would be a custom field.
What do you think?
Discus Search Functionality (what to use) with Josh
- Native WP?
- Google?
- Other?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ๐๐๐
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.