<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="google-signin-client_id" content="580018768696-4beppspj6cu7rhjnfgok8lbmh9a4n3ok.apps.googleusercontent.com"> <title>Elm SPA</title> <link rel="stylesheet" type="text/css" href="./output.css" /> <link rel="stylesheet" type="text/css" href="./print.css" media="print" /> <script src="https://apis.google.com/js/platform.js" async defer></script> <script src="./Main.min.js"></script> </head> <body class="font-serif"> <div id="mount"></div> <script> function onSignIn(googleUser) { console.log(googleUser); } var app = Elm.Main.init({node: document.getElementById("mount")}); app.ports.printPage.subscribe(function() { window.print(); }); app.ports.googleSignIn.subscribe(function() { var auth2 = gapi.auth2.getAuthInstance(); var googleUser = auth2.signIn(); }); app.ports.googleSignOut.subscribe(function() { var auth2 = gapi.auth2.getAuthInstance(); auth2.signOut().then(function() { console.log('Google user successfully signed out.'); }); }); </script> </body> </html>