HTML and CSS Reference
In-Depth Information
FB.Canvas.setAutoGrow();
};
$(function() {
window.scrollTo(0,10);
$("html").on("touchmove",function(e) { e.preventDefault(); });
});
// Load the SDK Asynchronously
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<form action='/' id='signed_form' method='post'>
<input type='hidden' name='signed_request'
id='signed_request' value=''/>
</form>
<div id='title-screen'>
<div id='login'>
<div class="fb-login-button" data-scope="email"></div>
</div>
</div>
</body>
</html>
This view file consists of nothing more than a little bit of JavaScript to set up the Facebook JavaScript SDK,
display a login button, and submit the
signed_request
to the page when the user is logged in.
The file references a
style.css
file that you can find in the code for the chapter along with three images:
blog.png
,
title.png
, and
interior.png
. Place the
style.css
file into a new
public/
directory
underneath the
blob_clicker
directory, and place the images into
public/images/
. If you don't use the
files, the app is still playable; however, it appears just as unstyled text. The login screen with the images and
styles loaded is shown in
Figure 20-3
.
