app/views/static_pages/welcome.html.erb
<body style='background: url("nails-smallest.jpg") no-repeat center center fixed; background-size: cover; top: 0; bottom: 0; min-height: 100%;'>
<div style="text-align: center; text-shadow: 0.4em 0.4em 0.6em black; color: white; font-family: 'Hind', sans-serif; margin-top:15%; min-height: 100%;">
<h1 style="font-size: 500%;"><strong>Welcome to<br>Lacquer Love&Lend!</strong></h1>
<h2 style="font-size: 250%; font-family: 'Homemade Apple', cursive;"><strong>Build a network. Share and lend your lacquers. Find and borrow new lacquers from your friends!</strong></h2>
<h1><%= button_to 'Learn More', about_path, method: 'get', class: 'btn btn-default btn-lg', id: 'learn-more-button' %></h1>
</div>
</body>
<script>
function windowH() {
var wH = $(window).height();
$('body').css({height: wH});
}
windowH();
</script>