<!DOCTYPE html>
<html lang="ja">
<head>
<title>【レツウォ】レッツウォーキング</title>
<link rel="stylesheet" type="text/css" href="../src/leaflet/leaflet.css">
<script type="text/javascript" src="../src/leaflet/leaflet.js"></script>
<script type="text/javascript" src="game.js"></script>
<link rel="stylesheet" type="text/css" href="game.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css?family=Sawarabi+Mincho" rel="stylesheet">
</head>
<body>
<h1>レッツウォーキング</h1>
<details>
<summary>このプログラムではあなたの歩行距離を計測することができます。</summary>
<h2>- 使用方法 -</h2>
<p>「start」で計測開始</p>
<p>「stop」で計測終了</p>
<p>「now」で現在地点を表示</p>
<p>「result」で歩行距離を表示</p>
<p>「src」でソースコードを表示</p>
</details>
<div class="run-container">
<div class="run"><img src="inu.png"></div>
<div id="timer" class="timer">一緒に汗を流そうぜ！</div>
<div class="run"><img src="uma.png"></div>
</div>
<div class="flex-container">
<div class="button-solid">
<button id="start" type="button">start</button>
</div>
<div class="button-solid">
<button id="stop" type="button">stop</button>
</div>
<div class="button-solid">
<button id="now" type="button">now</button>
</div>
<div class="button-solid">
<button id="result" type="button">result</button>
</div>
<div class="button-solid">
<button><a href="game.js">src</a></button>
</div>
</div>f
<div id="gpsmap"></div>
</body>
</html>
