[!] [=title "Week 6 Homework"] [=content-]

This homework is going to be entirely about background images. You don't need to know anything not covered in Week 6: Backgrounds, but if you're curious or want a deeper understanding, check out MDN on the background property. It's complicated because it's powerful!

I recommend doing all of this in a new page with its own CSS file.

## Part 1: Space Age

Download a good space age background image (there are some nice options on freepik). Use it to set the background image of a new page on your website. Background image set properly. The background image should cover the entire area, should not stretch, and should not repeat - which single CSS property will achieve that?

Note that Freepik is licensed - you can't just use the images. Fortunately, their "free tier" only requires you to put an attribution on your site. Find Freepik's free-license attribution on your own, and use it correctly on your webpage. Correct attribution

(Note that if you use a service other than freepik it is your responsibility to handle the license correctly - I will be checking.)

## Part 2: Planetarium

Let's make your space page more interesting! Download some planets (Pics4Learning has them, and you don't need to worry about P4L licensing because this is a school project).

Add a few `div`'s to the page (with their own IDs) and give them planet backgrounds divs with planet backgrounds. Use `padding` to increase the size of the divs, and use the background properties to set the position and size of the planets within their divs planet backgrounds are sized and positioned.

There's no required end result here, so be creative!

## Part 3: Words

Using whatever technique you think is best, add some Lorem text to the page between some planets. lorem text Make sure that it's readable: e.g. white on black or black on white, not black on black. text is readable. Web developers have to be aware of contrast!

## Extra Credit

I'll add 3 points of extra credit if you can figure out how to use linear-gradient to set a spaceage-ey glow effect on your website, and 7 if you can find and download a space font and correctly apply it to your text (this is hard!).

## Self-Study

We'll be learning about fonts soon - to get a head start, read on your own about the font properties in CSS and the `@font-face` declaration.

Also, read CSS-Tricks' Grids page - it's an excellent dive into more advanced layouts. In particular, using a grid to complete this homework is a far better solution than the intended one - I won't assign extra credit if you do so, but I will consider it to be a fully correct solution.

## Submission

Upload your page to your Github site and e-mail me the link, no later than February 20th.

[/] [#template.html]