Repository: oppia/oppia

Issue:
Implement a redesign version of page at www.oppia.org/fractions
Update the [fractions](https://www.oppia.org/fractions?viewerType=teacher) pages to 

![july 15 update](https://user-images.githubusercontent.com/10623811/43670307-21061d6e-973f-11e8-8977-c09e3c2d07fe.png)

Including the following fixes

- [ ] Keep the background icons in the topmost section (similar to how it is now).
- [ ] Eliminate the round cake from the graphic of Matthew holding the paper (similar to how it is now)
- [ ] Change “Easy to follow lessons” to “Easy-to-follow lessons”.
- [ ] Replace the video placeholder with a statically served video showing the Fractions lessons on mobile.
Implement a redesign version of page at www.oppia.org/fractions
Update the [fractions](https://www.oppia.org/fractions?viewerType=teacher) pages to 

![july 15 update](https://user-images.githubusercontent.com/10623811/43670307-21061d6e-973f-11e8-8977-c09e3c2d07fe.png)

Including the following fixes

- [ ] Keep the background icons in the topmost section (similar to how it is now).
- [ ] Eliminate the round cake from the graphic of Matthew holding the paper (similar to how it is now)
- [ ] Change “Easy to follow lessons” to “Easy-to-follow lessons”.
- [ ] Replace the video placeholder with a statically served video showing the Fractions lessons on mobile.


Discussion:
Hey @seanlip , I have some follow-up questions! Where do I get the image files to replace the current images?

Is it okay if I change some of the font-size from `em` to `vw`? Because the font pops out at certain resolution. 

e.g. 
`em`
<img width="298" alt="screen shot 2018-08-04 at 00 48 41" src="https://user-images.githubusercontent.com/10623811/43679091-e97638da-97d3-11e8-92e8-4316be960196.png">

`vw`
<img width="284" alt="screen shot 2018-08-04 at 00 49 17" src="https://user-images.githubusercontent.com/10623811/43679092-ed5ec746-97d3-11e8-89c5-bc11834544b3.png">

For image files, can you send me an email with references to the specific image files you need? I can get those to you. (Include screenshots of sub-areas of the mock, as needed, so it's clear what you're referring to.)

The em to vw change is a great idea. Thanks for catching it!
Hey @seanlip , I have some follow-up questions! Where do I get the image files to replace the current images?

Is it okay if I change some of the font-size from `em` to `vw`? Because the font pops out at certain resolution. 

e.g. 
`em`
<img width="298" alt="screen shot 2018-08-04 at 00 48 41" src="https://user-images.githubusercontent.com/10623811/43679091-e97638da-97d3-11e8-92e8-4316be960196.png">

`vw`
<img width="284" alt="screen shot 2018-08-04 at 00 49 17" src="https://user-images.githubusercontent.com/10623811/43679092-ed5ec746-97d3-11e8-89c5-bc11834544b3.png">

For image files, can you send me an email with references to the specific image files you need? I can get those to you. (Include screenshots of sub-areas of the mock, as needed, so it's clear what you're referring to.)

The em to vw change is a great idea. Thanks for catching it!

Resolving patch:
diff --git a/scripts/pre_commit_linter.py b/scripts/pre_commit_linter.py
--- a/scripts/pre_commit_linter.py
+++ b/scripts/pre_commit_linter.py
@@ -229,7 +229,7 @@
     'third_party/*', 'build/*', '.git/*', '*.pyc', 'CHANGELOG',
     'integrations/*', 'integrations_dev/*', '*.svg', '*.gif',
     '*.png', '*.zip', '*.ico', '*.jpg', '*.min.js',
-    'assets/scripts/*', 'core/tests/data/*', '*.mp3')
+    'assets/scripts/*', 'core/tests/data/*', '*.mp3', '*.mp4')
 
 GENERATED_FILE_PATHS = (
     'extensions/interactions/LogicProof/static/js/generatedDefaultData.js',


Test patch:
diff --git a/core/tests/karma-globals.js b/core/tests/karma-globals.js
--- a/core/tests/karma-globals.js
+++ b/core/tests/karma-globals.js
@@ -91,6 +91,7 @@ var hashes = {
   '/assets_test/hash_test.json': '987654321',
   '/pages_test/hash_test.html': 'abcd12345',
   '/images/hash_test.png': '98765fghij',
+  '/videos/hash_test.mp4': '12345cxz',
   '/interactions/interTest/static/interTest.png': '123654789'
 };