<html>
	<head>
		<meta charset = "UTF-8" />
		<title>Help HTML File</title>
		<link rel = "stylesheet" href = "css/style.css" />
		<link rel = "shortcut icon" href = "icon/help.png" />
	</head>
	<body>
		<script type = "text/javascript">
			function openSpoiler() {
				if (checkbox.checked) {
					checkbox.checked = false;
				}
				else {
					checkbox.checked = true;
				}
			}
		</script>
		
		<h1>Справка по приложению FallSimulation</h1>
		<h2>
			FallSimulation - редактор уровней для этой же игры. Выполнена в стиле Марио.
			<br />
			<span id = "opensource-text">Open Source</span>
		</h2>
		<h3>
			Разработчик: Чечкенёв Андрей Дмитриевич/DarkCat09
			<br />
			<a href = "https://github.com/ingcenter/fallsimulator">
				Ссылка на Github
			</a>
		</h3>
		<p>
			После запуска приложения Вы увидите главное меню.
			<br />
			В нём есть кнопки:
			<br />
			<br />
			<strong>Start</strong> для запуска редактора;
			<br />
			<br />
			<strong>Exit</strong> для выхода из приложения
			<br />
			(выход также может быть произведён нажатием клавиши <span>Q</span> - Quit);
			<br />
			<br />
			<strong>? Help</strong> для запуска данной справки;
			<br />
			<br />
			и <strong>Play</strong> для проверки готового уровня.
			
			<div class = "spoiler" onclick = "openSpoiler()">
				<input type = "checkbox" />
					Скриншоты
					<div class = "box">
						<br />
						<p>
							<img src = "img/fallsimulation-mainmenu.png" alt = "Ваш браузер не поддерживает картинку" />
							<br />
							Главное меню
						</p>
						<p>
							<img src = "img/fallsimulation-loading.png" alt = "Ваш браузер не поддерживает картинку" />
							<br />
							Анимация загрузки
						</p>
						<p>
							<img src = "img/fallsimulation-editor.png" alt = "Ваш браузер не поддерживает картинку" />
							<br />
							Создание уровня
						</p>
						<p>
							<img src = "img/fallsimulation-savedialog.png" alt = "Ваш браузер не поддерживает картинку" />
							<br />
							Файл сохранён!
						</p>
						<p>
							<img src = "img/fallsimulation-playmode.png" alt = "Ваш браузер не поддерживает картинку" />
							<br />
							Играем на своём уровне
						</p>
						<p>
							<img src = "img/fallsimulation-playwin.png" alt = "Ваш браузер не поддерживает картинку" />
							<br />
							Вы победили!
						</p>
						<p>
							<img src = "img/fallsimulation-playlose.png" alt = "Ваш браузер не поддерживает картинку" />
							<br />
							Вы проиграли...
						</p>
					</div>
			</div>
		</p>
	</body>
</html>