<!doctype html>
<!--
This page is shown when the extension button is clicked, because the
"browser_action" field in manifest.json contains the "default_popup" key with
value "popup.html".
-->
<html>
<head>
<title>Getting Started Extension's Popup</title>
<style>
@import url(http://fonts.googleapis.com/css?family=Lato);
* { margin: 0px; padding: 0px; }
body {
font-family: "Lato", "Segoe UI", "Lucida Grande", Tahoma, sans-serif;
font-size: 100%;
}
button {
text-transform: uppercase;
text-decoration: underline;
cursor: pointer;
min-width: 12rem;
margin: 0.5em 4em 0.75em 4em;
padding: 1em;
}
#status {
/* avoid an excessively wide status text */
white-space: pre;
text-overflow: ellipsis;
overflow: hidden;
max-width: 400px;
}
ul#recentLinks {
list-style: none;
padding: 0px;
margin: 0px;
}
ul#recentLinks a {
display: block;
width: 100%;
height: 100%;
color: inherit;
padding: 0.5em;
}
ul#recentLinks li:hover a {
background: gray;
color: white;
text-shadow: 0em 0em 0.2em black;
}
ul#recentLinks li + li {
border-top: thin dotted black;
}
</style>
<!--
- JavaScript and HTML must be in separate files: see our Content Security
- Policy documentation[1] for details and explanation.
-
- [1]: https://developer.chrome.com/extensions/contentSecurityPolicy
-->
<script src="jquery.min.js"></script>
<script src="popup.js"></script>
</head>
<body>
<button id="submitButton">Submit this Page</button>
<ul id="recentLinks"></ul>
<div id="status"></div>
<img id="image-result" hidden>
</body>
</html>