index.html

<!DOCTYPE html>
<html>
	<head>
		<title class="l-main-title">Ace Attorney Image Generator</title>
		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
		
		<meta http-equiv="cache-control" content="max-age=0" />
		<meta http-equiv="cache-control" content="no-cache" />
		<meta http-equiv="expires" content="0" />
		<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
		<meta http-equiv="pragma" content="no-cache" />
		
		<link rel="apple-touch-icon-precomposed" sizes="57x57" href="favicons/apple-touch-icon-57x57.png" />
		<link rel="apple-touch-icon-precomposed" sizes="114x114" href="favicons/apple-touch-icon-114x114.png" />
		<link rel="apple-touch-icon-precomposed" sizes="72x72" href="favicons/apple-touch-icon-72x72.png" />
		<link rel="apple-touch-icon-precomposed" sizes="144x144" href="favicons/apple-touch-icon-144x144.png" />
		<link rel="apple-touch-icon-precomposed" sizes="60x60" href="favicons/apple-touch-icon-60x60.png" />
		<link rel="apple-touch-icon-precomposed" sizes="120x120" href="favicons/apple-touch-icon-120x120.png" />
		<link rel="apple-touch-icon-precomposed" sizes="76x76" href="favicons/apple-touch-icon-76x76.png" />
		<link rel="apple-touch-icon-precomposed" sizes="152x152" href="favicons/apple-touch-icon-152x152.png" />
		<link rel="icon" type="image/png" href="favicons/favicon-196x196.png" sizes="196x196" />
		<link rel="icon" type="image/png" href="favicons/favicon-96x96.png" sizes="96x96" />
		<link rel="icon" type="image/png" href="favicons/favicon-32x32.png" sizes="32x32" />
		<link rel="icon" type="image/png" href="favicons/favicon-16x16.png" sizes="16x16" />
		<link rel="icon" type="image/png" href="favicons/favicon-128.png" sizes="128x128" />
		<meta name="application-name" content="&nbsp;"/>
		<meta name="msapplication-TileColor" content="#FFFFFF" />
		<meta name="msapplication-TileImage" content="favicons/mstile-144x144.png" />
		<meta name="msapplication-square70x70logo" content="favicons/mstile-70x70.png" />
		<meta name="msapplication-square150x150logo" content="favicons/mstile-150x150.png" />
		<meta name="msapplication-wide310x150logo" content="favicons/mstile-310x150.png" />
		<meta name="msapplication-square310x310logo" content="favicons/mstile-310x310.png" />
		
		<link rel="stylesheet" href="css/bootstrap.min.css">
		<link rel="stylesheet" href="css/bootstrap-slider.min.css">
		<link rel="stylesheet" href="css/select2.min.css">
		<link rel="stylesheet" href="css/css.css?v=1.0.3">
		<link rel="stylesheet" href="css/sprites-titles.css?v=1.0.3">
		<link rel="stylesheet" href="css/sprites-subtitles.css?v=1.0.3">
		<link rel="stylesheet" href="css/sprites-descriptions.css?v=1.0.3">
		<link rel="stylesheet" href="css/sprites-logic-buttons.css?v=1.0.3">
		<link rel="stylesheet" href="css/sprites-logic-titles.css?v=1.0.3">
		<link rel="stylesheet" href="css/sprites-logic-descriptions.css?v=1.0.3">
		<link rel="stylesheet" href="css/theme-dark.css">
		
		<!--
		Electron - Line needed in order to make the imports of JS files to work.
		Need to be added before the imports.
		-->
		<script>if (typeof module === 'object') {window.module = module; module = undefined;}</script>
		
		<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/bootstrap-slider.min.js"></script>
		<script type="text/javascript" src="js/select2.min.js"></script>
		<script type="text/javascript" src="js/jszip.min.js"></script>
		<script type="text/javascript" src="js/FileSaver.min.js"></script>
		<script type="text/javascript" src="js/stash.min.js"></script>
		<script type="text/javascript" src="js/CanvasToBMP.js"></script>
		<script type="text/javascript" src="js/html2canvas.js?v=1.0.3"></script>
		<script type="text/javascript" src="js/aaig.js?v=1.0.3"></script>
		<script type="text/javascript">
			// Electron - Line needed in order to script imports to work.
			// Need to be added after all JS files are loaded.
			if (window.module) module = window.module;
			
			// Common tool routines
			var device = aaig.getDevice(true);
			$(function(){
				aaig.loadMainAppRoutines();
			})
		</script>
	</head>
	<body>
		<nav class="navbar navbar-inverse navbar-static-top">
			<div class="container-fluid">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#global-actions-menu" aria-expanded="false">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="#">
						<img class="brand" alt="Brand" src="favicons/brand.png" />
						<span class="title hidden-xs">
							<span class="l-navbar-title">&nbsp;</span>
							<span class="l-version">&nbsp;</span>
						</span>
						<span class="title visible-xs">
							<span class="l-navbar-title-mobile">&nbsp;</span>
							<span class="l-version">&nbsp;</span>
						</span>
					</a>
				</div>

				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse" id="global-actions-menu">
					<ul class="nav navbar-nav navbar-right">
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
								<span class="l-menu-title">&nbsp;</span>
								<span class="caret"></span>
							</a>
							<ul id="global-actions-dropdown" class="dropdown-menu">
								<li>
									<a href="#" onclick="aaig.openTextFile()">
										<span class="glyphicon glyphicon-open-file"></span>
										<span class="l-open-text-file">&nbsp;</span>
									</a>
								</li>
								<li>
									<a href="#" onclick="aaig.showConfigSettings()">
										<span class="glyphicon glyphicon-cog"></span>
										<span class="l-configs">&nbsp;</span>
									</a>
								</li>
								<li>
									<a href="#" onclick="aaig.openPageAboutThisSoftware()">
										<span class="glyphicon glyphicon-info-sign"></span>
										<span class="l-about">&nbsp;</span>
									</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
		</nav>
		
		<div id="main-container" class="container-fluid">
			<!-- Tabs -->
			<ul id="main-tabs" class="nav nav-pills nav-stacked col-md-2 col-sm-3" role="tablist">
				<li role="presentation" class="active">
					<a href="#buttons" aria-controls="buttons" role="tab" data-toggle="tab">
						<span class="glyphicon glyphicon-align-justify"></span>
						<span class="l-tab-buttons">&nbsp;</span>
					</a>
				</li>
				<li role="presentation">
					<a href="#smaller-buttons" aria-controls="smaller-buttons" role="tab" data-toggle="tab">
						<span class="glyphicon glyphicon-th-list"></span>
						<span class="l-tab-smaller-buttons">&nbsp;</span>
					</a>
				</li>
				<li role="presentation">
					<a href="#proof-profile-titles" aria-controls="proof-profile-titles" role="tab" data-toggle="tab">
						<span class="glyphicon glyphicon-text-background"></span>
						<span class="l-tab-proof-profile-titles">&nbsp;</span>
					</a>
				</li>
				<li role="presentation">
					<a href="#proof-profile-subtitles" aria-controls="proof-profile-subtitles" role="tab" data-toggle="tab">
						<span class="glyphicon glyphicon-text-background"></span>
						<span class="l-tab-proof-profile-subtitles">&nbsp;</span>
					</a>
				</li>
				<li role="presentation">
					<a href="#proof-profile-descriptions" aria-controls="proof-profile-descriptions" role="tab" data-toggle="tab">
						<span class="glyphicon glyphicon-list-alt"></span>
						<span class="l-tab-proof-profile-descriptions">&nbsp;</span>
					</a>
				</li>
				<li role="presentation">
					<a href="#logic-buttons" aria-controls="logic-buttons" role="tab" data-toggle="tab">
						<span class="glyphicon glyphicon-text-background"></span>
						<span class="l-tab-logic-buttons">&nbsp;</span>
					</a>
				</li>
				<li role="presentation">
					<a href="#logic-titles" aria-controls="logic-titles" role="tab" data-toggle="tab">
						<span class="glyphicon glyphicon-text-background"></span>
						<span class="l-tab-logic-titles">&nbsp;</span>
					</a>
				</li>
				<li role="presentation">
					<a href="#logic-descriptions" aria-controls="logic-descriptions" role="tab" data-toggle="tab">
						<span class="glyphicon glyphicon-list-alt"></span>
						<span class="l-tab-logic-descriptions">&nbsp;</span>
					</a>
				</li>
				<li role="presentation">
					<a href="#sandbox" aria-controls="sandbox" role="tab" data-toggle="tab">
						<span class="glyphicon glyphicon-inbox"></span>
						<span class="l-tab-sandbox">&nbsp;</span>
					</a>
				</li>
			</ul>

			<!-- Tab conteiners -->
			<div id="main-tabs-conteiners" class="tab-content col-md-10 col-sm-9">
				<div role="tabpanel" class="tab-pane active" id="buttons">
					<!-- include "tab-buttons.html" -->
					<span class="l-loading">&nbsp;</span>
				</div>
				<div role="tabpanel" class="tab-pane" id="smaller-buttons">
					<!-- include "tab-smaller-buttons.html -->
					<span class="l-loading">&nbsp;</span>
				</div>
				<div role="tabpanel" class="tab-pane" id="proof-profile-titles">
					<!-- include "tab-proof-profile-titles.html" -->
					<span class="l-loading">&nbsp;</span>
				</div>
				<div role="tabpanel" class="tab-pane" id="proof-profile-subtitles">
					<!-- include "tab-proof-profile-subtitles.html" -->
					<span class="l-loading">&nbsp;</span>
				</div>
				<div role="tabpanel" class="tab-pane" id="proof-profile-descriptions">
					<!-- include "tab-proof-profile-descriptions.html" -->
					<span class="l-loading">&nbsp;</span>
				</div>
				<div role="tabpanel" class="tab-pane" id="logic-titles">
					<!-- include "tab-logic-titles.html" -->
					<span class="l-loading">&nbsp;</span>
				</div>
				<div role="tabpanel" class="tab-pane" id="logic-buttons">
					<!-- include "tab-logic-buttons.html" -->
					<span class="l-loading">&nbsp;</span>
				</div>
				<div role="tabpanel" class="tab-pane" id="logic-descriptions">
					<!-- include "tab-logic-descriptions.html" -->
					<span class="l-loading">&nbsp;</span>
				</div>
				<div role="tabpanel" class="tab-pane" id="sandbox">
					<!-- include "tab-sandbox.html" -->
					<span class="l-loading">&nbsp;</span>
				</div>
			</div>
		</div>
	</body>
</html>