• Setup basic page layout
• Obtain high res donate_works image ( the same image for oppia.org/donate )
• Fill out links and buttons (CC and Paypal button, amazon smile link).
• (Aug 2018) Jordan feedback: Button in hero should not have any transparency.

• Obtain and minimize new photo.
• Redesign hero card.
• Implement instruction card for new partnership.
• Remove old codes and unused CSS classes.

Sometimes the home page's tab does not properly resize the tabs label. This can be replicated by refreshing the page repeatedly.

https://oppiafoundation.org and https://www.oppiafoundation.org should resolve to the same URL, but currently do not.

When hovering over the play button on the video, the mouse cursor should change to a pointer. Currently, it stays as an arrow.

(Note that @unit-00 solved a similar issue when working on the Fractions landing page recently -- see oppia/oppia#5527.)

Problem:
The video in the home page does not load when used in firefox, OS-Ubuntu 18.04.
Current Behaviour:
As firefox in Ubuntu does does not support mp4 the video in homepage does not load.

Expected Behaviour
As firefox in Ubuntu supports Ogg, the video loads if Interactions_video.ogg is present as an additional file.

Would you like to work on the issue?
Yes

Go to any website (e.g. do a google search), scroll down to about the middle, and click a link. When you click the back button, you are taken back to the place on the previous page where you clicked the link.

However, when clicking the back button on the Foundation site, you are instead taken to the top of the page. It would be better to preserve the existing behaviour on the web instead (of taking the user back to the place in the previous page where the link was clicked).

Per discussion with @hoangviet1993, let's throttle errors, similar to oppia/oppia#5767

To reproduce:

1. Go to https://www.oppiafoundation.org/blah/

Expected behaviour: There is a redirect to the home page.

Observed behaviour: A blank page with some odd artifacts shows up. No redirect happens.

• Initial commit to setup folder and directive.
• Basic page layout.
• Obtain needed assets ( photos, icons and svgs ) from designers.
• (Aug 2018) Rachel feedback: Misleading headline.
• (Aug 2018) Rachel feedback: Insert video into laptop screen
• Optimize video loading (two separate video tag loading the same video twice)

• Setup basic page layout.
• Replace placeholder, obtain icon assets from designer for improved responsiveness
• Back-end for email form. Need to figure out which tools/tech to use.
• UX / Responsiveness touch up
• Additional milestones as needed.

07/25 update: At the point of writing this, I have received the early July mocks, both mobile and web version. Attempts have been made to match responsiveness / layout on both fronts( mobile and regular browser view)

• Setup backend logic to handle sending info from front-end to admin as email.
• Trigger a UI event when user hit "Submit" on the form.
• Logging front-end error or back-end error.

@seanlip any advise on logging errors?

Tag title Oppia Foundation is not optimized. Title should be between 55 to 66 characters. Missing <h1> tag within the page.

There is a major UI issue with the home page.

Here is the screenshot for the same:

This is on iPhone 6s IOS-10.3.3 on Safari Browser.

While working on #76, I found that the content for the volunteer tabs was duplicated in multiple places and that the bullet points describing what each team does were out of sync in both. I fixed this, but clearly missed that there were two occurrences in an earlier PR. That said, there really shouldn't be two occurrences in the first place.

So, the aim of this issue is to find a way to consolidate the data on each card so that there is a single source of truth for that data and it is automatically used in both places. (Note that it's better to use templates for this, rather than JavaScript strings containing HTML.)

/cc @hoangviet1993

This applies to both the Home page and the Donate page.

The buttons in this page should follow the same source code in the main Oppia website (on the /donate page). Otherwise, the buttons just end up redirecting directly to the paypal homepage, which is not the intended user experience.

I'm submitting a ...
Feature request
Current behavior:
The follow us option doesn't have any any links.

Expected behavior:
There should be Icons with links to the pages of Oppia Foundation.
Would you like to work on the issue?
Yes

Edit content of Partnerships page so that it is in line with this PRD: https://docs.google.com/document/d/1kPaEdKOXqCfs3I6qi8wCD82gwuPDLMxfKJBjku5sYzQ/edit#

When switching between tabs in the Volunteer page, the "hash" part of the URL should change, so that the URL for a given tab is stable. (Currently, refreshing means that I have to find the tab I was on and click it again.)

G+ is deprecated and the link on the icon in the footer leads to the page about the deprecation. We should remove it from the footer.

• Insert new donate page graphics and remove the old "hand" graphics
• Re-arrange amazon smile section

Problem:

While filling in the name in the volunteer form (at this page https://www.oppiafoundation.org/volunteer ) even if the entire name is just numbers it is accepted.

Current Behaviour:

Expected Behaviour:
Allow only names containing upper or lower case alphabets.

Would you like to work on the issue?
Yes

https://www.oppiafoundation.org/about-oppia

I found this issue oppia.org button is not able to redirect to its desired location.

• Rename files
• Rename tab from "Marketing" to "Lesson Creation"
• Swap out "Marketing" text content for that of "Lesson Creation".

Oppia’s lesson creation team is responsible for creating a set of highly effective and enjoyable lessons that students around the world can use for free. The team follows a tested process to generate effective lessons that appeal to students from all backgrounds. Our goal is to not only teach students in an easily digestible way, but also encourage a positive attitude towards learning. Currently, we're focusing on basic mathematics, but intend to expand to other subjects in the future.

What we do:

• Break down math concepts into bite-sized lessons that build on each other
• Come up with interesting stories for the lesson's "main plot"
• Create scripts for lessons and implement them on Oppia

• Shuffle profiles:

1. • Move Diana profile to Development.
2. • Move Anmol and Dawson to Lesson Creation (Lesson Creation should have Joe, Anmol and Dawson)

Need to minify CSS files to improve SEO performance.

• Add button and change home page's head-line text.
• New "Problem that students face" section.
• Transfer "As seen in" section from About to Home page.
• New "Oppia's info" section: what is the link for "The Oppia Difference"?Partnerships? Are we keeping the laptop?
• New "Impact and Testimonials" section: more testimonial or just two?
• New "Be part of the change" section: other tab's text is needed
• Email form at the bottom ( Contact us form is a link?)

The website throws an 404 error when the 'Get Started' link is opened on the footer of the page.

When switching from tab to tab on the volunteer page, the content scrolls in from the right. This is a rather weird effect since switching tabs is a discrete and not a continuous event.

I'd suggest that, although the mini-carousels within each tab with the volunteer profiles should scroll, the tab content itself should not.

/cc @hoangviet1993

• Initial commit to setup navbarDirective and replace old design with material design
• Obtain foundation logo from designers, make "Donate" more button-like and add bottom-shadow to match mocks
• Obtain decision on type of navbar for small viewport ( left sidebar vs collapsed right sidebar ) and complete implementation.
• (Aug 2018) Jordan feedback: Text's font size is too large.

Compressing and resizing https://oppiafoundation.org/assets/images/home/home_impact.jpg could save 60.9KiB (73% reduction).

Compressing https://oppiafoundation.org/assets/images/navbar/oppia_foundation_logo.png could save 1.2KiB (30% reduction).

The website does not have a 404 Error Page. This damages the site's usability. A custom 404 page can help reduce end user frustration and link to other pages on site.