root
/
public
mirror of https://github.com/01-edu/public.git
14
27
Fork 0
Code Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2393 Commits
41 Branches
12 Tags
349 MiB
 
 
 
 
 
 
Tree: 429a501460
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '429a501460'
${ noResults }
public/subjects/harder-bigger-bolder-stronger
Marie Malarme f40473cdf1
harder-bigger-bolder-stronger: add useful notions 		4 years ago
..
README.md harder-bigger-bolder-stronger: add useful notions 4 years ago
index.html adding dom content 4 years ago

README.md

Harder, bigger, bolder, stronger

Instructions

Being stuck at home, bored, desperate and coming up with a lot of weird ideas, a friend asks you to develop a tool to measure his ocular skills: one of those Monoyer charts that ophthalmologists use.

Generate a board where each new letter is harder, bigger, bolder and stronger!

Write the function generateLetters which creates 120 div, each containing a letter randomly picked through the uppercase alphabet, and whose style properties have to be increased:

  • each letter font-size has to grow from 11 to 130 pixels
  • font-weight has to be 300 for the first third of the letters, 400 for the second third, and 600 for the last third

Provided files

You have at your disposal the following file that you can download to test locally:

  • the HTML file index.html to open in the browser, which includes:

    • the JS script running some code, and which will also allow to run yours
    • some CSS pre-styled classes: feel free to use those as they are, or modify them

Notions