dangerdak/effectivealtruism

A brief overview of effective altruism

effectivealtruism's Issues

Clickable timeline

Turn data points on timeline into clickable links

Animate when in view

Sticky navbar

Looks nice when navbar becomes fixed position only after scrolling

Timeline data unfinished

Need to add info for each timeline item

Tidy JS

Check its well commented, readable and dry, refactor where needed

Text

Colour contrast too low

The text colour is too light in comparison to the background across the website.

The Web Content Accessibility Guidelines 2.0 recommendation is that text has a contrast ratio of at least 4.5:1, or 3:1 for large text. An enhanced version of this recommendation specifies a minimum contrast ratio of 7:1, or 4.5:1 for large text; the Accessibility Developer Tools Audit checks the former recommendation.

To debug contrast ratio problems, or if you wish to adhere to the more stringent guidelines for contrast ratio, you can use the Accessibility sidebar pane in the Developer Tools Elements panel, which is also part of the Accessibility Developer Tools extension. If you inspect the element which has a contrast ratio problem (tip: you can choose "Reveal in Inspector" from the context menu on the element in the Audit results), the Accessibility sidebar pane will show you the calculated contrast ratio and the foreground and background color which Accessibility Developer Tools has determined for the element.

No content for beginnings

No content for movement

Better map data

Currently it doesnt make sense! Should include time period info.

Timeline buttons

Should continue where you left off

Animate scrolling

When an item in the navigation menu is clicked, animate scrolling to the appropriate section.

Navbar accessibility

Navbar annoying

Should disappear on scroll

References

Messy and muddled

Navbar disappears behind map, etc

Behind map, timeline, icon graphics...

Charts on mobile

map positioning/height, timeline annotations cut off

No content for ideas

Favicon doesnt show up

It's also rubbish

Sources cut off

Layout sources so they dont cut off on small screens

Mobile layout

font sizing too big on mobile, tooltips cut off

Cost per life per intervention table

could add a table showing givewell's estimated cost per life saved for different interventions

Tidy CSS

Check for rules that aren't doing anything, etc

Link Clarity

The purpose of each link should be clear from the link text.
For example:
[1]
This is not obvious from the code what the link is for.

Back to top

Add fixed position "back to top" arrow (and maybe next section arrow)

Content for more

2 column section maybe? tweets + something else which doesn't require API key. Links? RSS feed?

Click through timeline

Could add next button to allow clicking through items on timeline?

No content for controversy

Close timeline popups on mobile

Hard to close timeline popups, particularly large ones, on mobile

Clumping on timeline

Data points on RHS of timeline are clumped together

Tooltip positioning

Tooltips always appear way over on RHS, should be near to hover text

Tooltips on iphone

Tooltips dont work on iphone - maybe use javascript fallback?

Ideas on careers

Add/improve part in the ideas section about careers.

Slow to load

Page loads slowly first time. Try lower quality images. Could it be the code

Explain map data

Map data needs explanation and source info.

Tidy HTML

Try to make it more semantic and organised

Needs an accessible modal

e.g subscribe to our newsletter