ytursyna
/
public
forked from root/public
1
0
Fork 0
Code Issues Pull Requests Projects 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.
2385 Commits
59 Branches
1 Tag
132 MiB
 
 
 
 
 
Tree: d96e34e4b6
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'd96e34e4b6'
${ noResults }
public/subjects/harder-bigger-bolder-stronger
MarieMalarme 65fdff275c
Update README.md 		4 years ago
..
README.md Update README.md 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