Created
August 31, 2016 21:59
-
-
Save randomdrake/b4ab457183f47b04a22200e7960cbf8b to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<html><head> | |
<meta charset="utf-8"> | |
<title>Full page screen catpure</title> | |
<!-- there are rendering bugs when styles aren't inline... --> | |
<style> | |
body { | |
font: normal 12px/16px helvetica,aria,sans-serif; | |
} | |
div,p { margin: 0; padding: 0; } | |
.clr { overflow: hidden; } | |
.left { float: left; } | |
.right { float: right; } | |
a { | |
color: #3681b3; | |
text-decoration: none; | |
} | |
a:hover { color: #265c80; } | |
a:active { color: #000; } | |
#wrap { | |
width: 300px; | |
padding-top: 9px; | |
font-size: 12px; | |
color: #888; | |
} | |
#wrap>div { display: none; } | |
#wrap>#loading { display: block; } | |
#loading .loader { | |
position: relative; | |
border-top: 12px dotted #000; | |
height: 9px; | |
} | |
#loading .bar { | |
position: absolute; | |
top: -21px; | |
left: 0; | |
height: 30px; | |
width: 0%; | |
background: #fff url(loader.gif) scroll no-repeat center right; | |
} | |
p { word-wrap: break-word; } | |
.warning { | |
margin-top: 1em; | |
color: #aa8d3b; | |
font-style: italic; | |
font-weight: bold; | |
} | |
.error { | |
margin-top: 1em; | |
font-weight: bold; | |
color: #b33; | |
} | |
.error a { | |
color: #f75; | |
} | |
</style> | |
</head> | |
<body> | |
<div id="wrap"> | |
<div id="loading" style="display: block;"> | |
<div class="loader"><div class="bar" id="bar" style="width: 100%;"></div></div> | |
<div class="clr"> | |
<br> | |
<p> | |
Screen capture in progress, your finished image will open in a | |
new window once completed. Please wait for the progress bar to | |
finish. | |
</p> | |
</div> | |
</div> | |
<div id="split-image" class="warning"> | |
Note: your page is too large for the Chrome browser to capture as | |
one image. It will be split into <span id="screenshot-count">multiple</span> | |
images. | |
</div> | |
<div id="invalid" class="error"> | |
Full Page Screen Capture cannot be run on this type of URL | |
because of Google Chrome Web Store policies. Try | |
another page on the web. | |
</div> | |
<div id="uh-oh" class="error" style="display: block;"> | |
Uh oh, something went wrong! Try reloading the page, | |
verifying javascript is enabled, | |
and running this again. | |
<br><br> | |
If the problem persists, please report the error in the | |
<a href="https://chrome.google.com/webstore/support/fdpohaocaechififmbbbbbknoalclacl?hl=en&gl=US#bug">Chrome webstore</a>. | |
Please include the URL you tried it on and the | |
version of Chrome. | |
</div> | |
</div> | |
<!-- JavaScript and HTML must be in separate files for security. --> | |
<script src="api.js"></script> | |
<script src="filesystem.js"></script> | |
<script src="popup.js"></script> | |
</body></html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment