oninstall.html

<!--
	Copyright (c) 2018 Andy Bao

	THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
	IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
	FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
	AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
	LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
	OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
	SOFTWARE.
-->
<!--
	HTML Launch Page
-->
<html>
	<head>
		<title>DynamicHistory Installation</title>
		<!-- JQuery -->
		<script src="jquery-3.3.1.min.js"></script>
		<!-- OnInstall JS -->
		<script src="oninstall.js"></script>
		<style>
h3 {margin: 0; padding:0;}
body {text-align: center; font-family: Cantarell, Arial, sans-serif; font-size: 75%;}
table {
	margin-left: auto;
	margin-right: auto;
}
		</style>
	</head>
	<body>
		<h1>DynamicHistory Installation</h1>
		<p>
		<b>Note:</b> It is <b><i>HIGHLY</i></b> recommended that you read this!
		</p>
		<hr />
		<h1>Thanks for installing DynamicHistory. Due to some <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=395955">bugs</a> in Chrome however, there are some furthur steps you must take before DynamicHistory will function properly:</h1>
		<hr />
		<h2>DynamicHistory <b style="color: red">DOES NOT WORK</b> when "<i>History Sync</i>" is enabled!</h2>
		<h3>Since you will probably not even use "<i>History Sync</i>" you should just disable it using the instructions below:</h3><br /><br />
		<table border="1">
			<tr>
				<td><b>Step #</b></td>
				<td><b>Description</b></td>
				<td><b>Screenshot</b></td>
			</tr>
			<tr>
				<td><b>1.</b></td>
				<td>Click on the "three lines menu" and click on "Settings".</td>
				<td><img src="scrshot/1a.jpg" /><hr /><img src="scrshot/1b.jpg" /></td>
			</tr>
			<tr>
				<td><b>2.</b></td>
				<td>Click on the 'Sync' row. Note that under the word 'Sync' it will tell you whether or not sync is on or off. <b>If sync is off, you are good to go! If sync is on, please continue to the next step.</b></td>
				<td><img src="scrshot/2.jpg" /></td>
			</tr>
			<tr>
				<td><b>3.</b></td>
				<td>Flip the 'Sync everything' switch to off if it is not already.</td>
				<td><img src="scrshot/3.jpg" /></td>
			</tr>
			<tr>
				<td><b>4.</b></td>
				<td>Flip the 'History' switch to off if it is not already.</td>
				<td><img src="scrshot/4.jpg" /></td>
			</tr>
			<tr>
				<td></td>
				<td><br /><b>DynamicHistory is ready to go! Now you may configure it by clicking <a href="" id="options_button">here</a> (or by clicking the options button in the extensions section).</b><br /><br /></td>
				<td></td>
			</tr>
		</table>
		</p>
	</body>
</html>