teleprompter.html

<!DOCTYPE html>
<!--
	Imaginary Teleprompter
	Copyright (C) 2015 Imaginary Sense Inc. and contributors

	This file is part of Imaginary Teleprompter.

	Imaginary Teleprompter is free software: you can redistribute it and/or modify
	it under the terms of the GNU General Public License as published by
	the Free Software Foundation, either version 3 of the License, or
	(at your option) any later version.

	Imaginary Teleprompter is distributed in the hope that it will be useful,
	but WITHOUT ANY WARRANTY; without even the implied warranty of
	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
	GNU General Public License for more details.

	You should have received a copy of the GNU General Public License
	along with Imaginary Teleprompter.  If not, see <https://www.gnu.org/licenses/>.
-->
<html>
<head>
	<meta charset="utf-8">
	<title>Teleprompter Instance</title>
	<link href="favicon.ico" rel="icon" type="image/x-icon">
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/teleprompter.css">
	<link rel="stylesheet" href="css/prompt.css">
	<link rel="stylesheet" href="css/teleprompter-themes.css">
</head>
<!-- Prompt id brings text formating -->
<body id="promptcontainer">
	<!-- header contains visual controls. -->
	<header id="touchControls" class="top">
		<h1>Teleprompter</h1>
		<nav>
			<ul>
				<li>Pause</li>
				<li>Velocity</li>
				<li>Sensitivity</li>
				<li>Multiplicator</li>
				<li>Font size</li>
			</ul>
		</nav>
	</header>
	<!-- #prompt contains formating, which is shared with the overlay. -->
	<div id="prompt">
		<!-- #touchOverlay allows for scroll controls. -->
		<div id="touchOverlay"></div>
		<!-- .prompt helps us identify and manipulate the prompt itself. -->
		<article class="prompt"></article>
		<!-- .clock load timer instances. -->
		<div class="clock"></div>
		<!-- #overlay layers focus area on top of the prompt. -->
		<table border="0" cellpadding="0" cellspacing="0" touch-action="none" id="overlay">
			<tbody>
				<tr id="overlayTop" class="overlayBg">
					<td>&nbsp;</td>
				</tr>
				<tr id="overlayFocus">
					<td>&nbsp;</td>
				</tr>
				<tr id="overlayBottom" class="overlayBg">
					<td>&nbsp;</td>
				</tr>
			</tbody>
		</table>
	</div>
	<script src="js/jquery.min.js"></script>
	<script src="js/pep.min.js"></script>
	<script src="js/data.manager.js"></script>
	<script src="js/teleprompter.js"></script>
	<script src="js/teleprompter-themes.js"></script>
	<script src="js/jquery.timer.js"></script>
</body>