(11-25-2015, 11:03 PM)evanz Wrote: looks great but put a small black outline around the text, gets missed with bright background
Yup, agreed, it's a bit difficult to read on some of the brighter background images (or, in the worst case, a star). There are some quick and humble commented style suggestions below, in case you need something that improves readability a bit without messing too much with the image files and layout (though you're probably already ahead of me there).
Again, many thanks for the effort; it's pretty damn cool (and useful)!
Code:
section#two {
/* reduces the brightness of the background image a bit */
background: rgba(0, 0, 0, 0.1);
}
section#two .feature p.text-faded {
/* adds a black shadow "outline" to the text for added contrast */
text-shadow: 0em 0em 0.25em #000;
/* reduces opacity a bit relative to the .text-faded class (would suggest setting it to 1?) */
color: rgba(245, 245, 245, 0.9);
}