<!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> </td>
</tr>
<tr id="overlayFocus">
<td> </td>
</tr>
<tr id="overlayBottom" class="overlayBg">
<td> </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>