I am just realizing the new quote button randomizes the color for the main background and the quote box foreground text. This is a challenging wrinkle that will take me a while to figure out. I think they are using something called a flex that we have not yet learned. Also, I have added <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"> to enable font awesome, but it does not seem to be active. Should this command work on HTML I am not seeing where the list of quotes/authors is housed.
Your code so far
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/22.214.171.124 Safari/537.36
Challenge: Front End Development Libraries Projects - Build a Random Quote Machine
The color change isn’t a requirement but all it does is use an array of hex color strings and using the same logic for a random quote to get a random color. Then just set the body color (background-color and color). It is using jQuery but you absolutely do not need that.
Well it is installed and claiming that I have passed 10 of 12 tests already and I have not figured out how to pass the quotes, pass the authors or get my font-awesome icons to populate. In addition, when I added <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"/> to my HTML inside the <head></head> element it messed up my background. There is no way it should be saying passed 10 of 12.
I also have not figured out how to get the color random, incorporate JQuery or Bootstrap. Not 10 of 12 for sure.
Here is my CSS that was working before I put the bootstrap initialization in my HTML:
background-color: #77B1A9; /*same as rgb(119, 177, 169)*/
margin-top: 250px ;
padding: 25px 50px;
Note the color is the color I was seeing before I realized it was random and dynamic.
I put the array of objects with authors and quotes and stuff in js file.
Remember challenges like record collection? It looks kind of like it.
about this I am not sure.
It may be something related to codepen environment - no clue about it.
I am using codepen only to test some snippets real quick, or to show some raw code to other people.
Or to look at other’s people work.
I am building stuff locally.
To do this you have to know how to source this data. Once I know where it is/how I can call it, I’ll figure out how to use it. I inspected their code and just see it randomly appear to replace the prior quotes and authors. I don’t see an array or object to work with.