public/index.html
<!DOCTYPE html>
<html>
<head>
<title>Fableau (Beta): A Tableau Facebook Web Data Connector for Tableau</title>
<link href="https://fonts.googleapis.com/css?family=Montserrat|Slabo+27px" rel="stylesheet">
<link rel="stylesheet" href="assets/main.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta name="keywords" content="tableau, fableau, web data connector, wdc, facebook" />
<meta name="robots" content="index,follow" />
<meta name="description" content="A Tableau Web Data Connector for Facebook Pages. Visualise your data beautifully and analyse it intelligently" />
<meta property="og:title" content="Fableau (Beta): A Tableau Web Data Connector for Facebook" />
<meta property="og:description" content="A Tableau Web Data Connector for Facebook Pages. Visualise your data beautifully and analyse it intelligently" />
<meta property="og:url" content="http://fableau.io" />
<meta property="og:image" content="" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="" />
<meta name="twitter:title" content="Fableau (Beta): A Tableau Web Data Connector for Facebook" />
<meta name="twitter:description" content="A Tableau Web Data Connector for Facebook Pages. Visualise your data beautifully and analyse it intelligently" />
<meta name="twitter:image" content="" />
</head>
<body>
<div id="holder">
<div class="header">
<h1 class="header__text">Fableau (Beta)</h1>
</div>
<div class="facebook_auth" id="facebook-block">
<p class="facebook_auth__text">A Tableau Web Data Connector for Facebook Pages. Visualise your data beautifully and analyse it intelligently.</p>
<form>
<fieldset class="facebook_auth__fieldset">
<input class="facebook_auth__button" type="submit" value="Get Started" id="facebook-auth" />
</fieldset>
</form>
</div>
<div class="tableau_connect" id="tableau-block">
<p class="tableau_connect__text">Please select the Facebook pages you would like to retrieve data for
and click the big purple button.</p>
<form>
<fieldset class="tableau_connect__fieldset">
<input class="tableau_connect__button" type="submit" value="Get Page Data" id="tableau-connect" />
</fieldset>
</form>
<div class="tableau_connect__select_all">
</div>
<div id="facebook-page-list"></div>
</div>
<div class="footer">
<small>Be aware this Web Data Connector is currently in Alpha, stability cannot be guaranteed.</small>
<small>For more information on how Fableau.io works and how you can use it please read our <a href="https://github.com/RobDWaller/fableau/blob/master/README.md">documentation</a>.</small>
<small>Fableau.io built by <a href="https://twitter.com/RobDWaller">@RobDWaller</a>, please feel free to connect and send any questions you have.</small>
<small>© Rob Waller 2017, released under the MIT License, <a href="/privacy.html">Privacy Policy</a>.</small>
</div>
</div>
<script src="https://connectors.tableau.com/libs/tableauwdc-2.2.latest.js" type="text/javascript"></script>
<script type="text/javascript" src="./assets/fableau.js"></script>
</body>
</html>