<!DOCTYPE html>
<html lang="ja">
	<head>
		<title>TheDesk</title>
		<meta content="width=device-width,initial-scale=1.0" name="viewport" />
		<meta charset="utf-8" />
		<style>
			@font-face {
				font-family: 'Open Sans';
				font-style: normal;
				font-weight: 300;
				src: local('Open Sans Light'), local('OpenSans-Light'), url('./fonts/OpenSans-Light.ttf') format('truetype');
			}
			body {
				font-family: 'Open Sans';
				-webkit-app-region: drag;
				cursor: move;
				padding: 5px;
				padding-top: 15px;
				background-color: #222222;
				color: white;
				text-align: center;
			}
			.loading {
				animation: throbber-loader 1000ms 300ms infinite ease-out;
				background: #3d3d3d;
				display: inline-block;
				position: relative;
				text-indent: -9999px;
				width: 0.9em;
				height: 0.9em;
				margin: 0 .9em;
			}
			.loading:before,
			.loading:after {
				background: #3d3d3d;
				content: '\x200B';
				display: inline-block;
				width: 0.9em;
				height: 0.9em;
				position: absolute;
				top: 0;
			}
			.loading:before {
				animation: throbber-loader 1000ms 150ms infinite ease-out;
				left: -1.9em;
			}
			.loading:after {
				animation: throbber-loader 1000ms 450ms infinite ease-out;
				right: -1.9em;
			}
			@keyframes throbber-loader {
				0% {
					background: #3d3d3d;
				}
				10% {
					background: #6b9dc8;
				}
				40% {
					background: #3d3d3d;
				}
			}

			a,
			button {
				-webkit-app-region: no-drag;
			}
			h1 {
				margin: 0;
            }
            #maxim {
                font-size: 0.7rem;
            }
		</style>
	</head>

	<body class="center" style="overflow: hidden;">
		<img src="./img/desk-animation.svg" id="leader" style="max-width: 62%;" />
		<h1>TheDesk</h1>
		<span id="ver"></span><br />
		<span class="loading"></span><br />
		<div class="cp">
			<span id="maxim"></span><br />
			<script>
				if (location.search) {
					var m = location.search.match(/\?ver=([0-9.]+)&codename=([a-zA-Z]+)&maxim=(.+)/)
					var maxim = decodeURI(m[3])
					if(maxim == 'いのちの輝き版ロゴ') document.getElementById('leader').setAttribute('src', './img/2025.svg')
					var ver = m[1]
					var code = m[2]
					document.getElementById('ver').innerText = `${ver}(${code})`
					document.getElementById('maxim').innerText = maxim
				}
			</script>
		</div>
	</body>
</html>