Skip to content
Switch branches/tags
Go to file
Cannot retrieve contributors at this time
180 lines (156 sloc) 5.56 KB
<!doctype html>
<link rel="stylesheet" type="text/css" href="lib/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="lib/css/dataTables.bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="lib/css/font-awesome.min.css">
<title>Your results</title>
<script src="lib/js/jquery.min.js"></script>
<script src="lib/js/jquery.dataTables.min.js"></script>
<script src="lib/js/bootstrap.min.js"></script>
<script src="lib/js/dataTables.bootstrap.min.js"></script>
body {
margin-left: 10%;
margin-right: 10%;
#preamble {
margin-left: 5%;
margin-right: 5%;
margin-bottom: 2em;
margin-top: 2em;
tr {
vertical-align: text-top;
#icon {
float: left;
margin-right: 1em;
#licenseSelector {
display: none;
#signedout {
font-weight: bold;
.google:visited {
background-color: #dd4b39;
color: #fff !important;
.twitter:visited {
background-color: #00aced;
color: #fff !important;
.facebook:visited {
background-color: #3b5999;
color: #fff !important;
.google:active {
color: #ddd !important;
.fa-google {
margin-right: 1em;
#pinging {
display: none;
.message {
padding: 20px;
margin: 20px 0;
border: 1px solid #eee;
border-left-width: 5px;
border-radius: 3px;
.warning {
border-left-color: #f0ad4e;
.success {
border-left-color: green;
.error {
border-left-color: red;
.headerTable {
margin-bottom: 1em;
.headerCell {
padding-right: 1em;
.headerKey {
border-bottom: 1px dotted #000;
cursor: help;
#nonStandardURLNotice, #loginInfo, #licenseInfo, #needPermission {
display: none;
/* Don't let images explode tables */
img {
max-width: 100%;
<div id="preamble">
<img src="../assets/icon64.png" id="icon"> This is your data retrieved with <a href="" target="_blank"></a>. You can inspect it below and <a href="#" id="download">download a copy</a>. But most importantly, we encourage you to publish your data under a <a href="" target="_blank">free license</a>. This lets others build upon your work and share it freely. It will also let the Internet community keep backups of your data forever. See our <a href="" target="_blank">FAQ</a> for more info.
<br clear="all">
<div id="nonStandardURLNotice" class="message">
Instead of, the extension is currently configured to publish to
<code><span id="nonStandardURL"></span></code>.
<div id="needPermission" class="message success">
Want to publish your data under an open license? <a href="#" id="grantPermission"><b>Grant permission</b></a> to the extension to publish your data on
<div id="signedout">
You need to be logged into to publish your content:
<button class="btn modal-social-icons facebook" id="facebook">
<span class="fa fa-facebook"></span>Continue with Facebook</button>
<button class="btn modal-social-icons twitter" id="twitter">
<span class="fa fa-twitter"></span>Continue with Twitter</button>
<button class="btn modal-social-icons google" id="google">
<span class="fa fa-google"></span>Continue with Google</button>
<button class="btn btn-default" id="local">Continue with local account</button>
<div id="pinging">
<span class="fa fa-spinner fa-spin"></span> Waiting for successful login ... <a id="stop" href="#">click to cancel</a>.
<div id="messages">
<button class="btn btn-primary" id="publish" value="cc-0">Publish data under <span id="longLicense">Creative Commons CC-0</a></button>
<span class="dropdown" id="licenseSelector">
<button class="btn btn-default dropdown-toggle" id="licenseButton" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
Change license
<span class="caret"></span>
<ul class="dropdown-menu" aria-labelledby="licenseButton ">
<li><a href="#" data-license="cc-0">CC-0 (public domain)</a></li>
<li><a href="#" data-license="cc-by">CC-BY (attribution)</a></li>
<li><a href="#" data-license="cc-by-sa">CC-BY-SA (attribution and copyleft)</a></li>
<div id="infoArea">
<span id="loginInfo"><span class="fa fa-info-circle" style="color:#265a88;"></span> You are currently logged in as <span id="loginInfoLink"></span>.</span>
<span id="licenseInfo">The selected license, <a href="" target="_blank">CC-0</a>, is equivalent to the <a href="" target="_blank">public domain</a>. If you click "publish", it will allow anyone to use the data below for any purpose. (<a href="" target="_blank">Why this license?</a>)</span>
<div id="results">
<script src="result.js"></script>