Skip to content

Commit

Permalink
https://validator.w3.org/ のエラーを直した（a#hidden-download-link以外
Browse files Browse the repository at this point in the history
  • Loading branch information
@Gurrium
Gurrium committed Sep 15, 2022
1 parent 2f33dfd commit e5b9fc1
Showing 1 changed file with 52 additions and 53 deletions.
105 changes: 52 additions & 53 deletions index.html
View file
Expand Up @@ -3,6 +3,7 @@
<html lang="ja">

<head>
<meta charset="UTF-8">
<!-- Google Tag Manager -->
<script>(function (w, d, s, l, i) {
w[l] = w[l] || []; w[l].push({
Expand Down Expand Up @@ -33,7 +34,6 @@

<!-- Info -->
<title>TTE: TcxToElevation</title>
<meta charset="UTF-8">
<meta name="description" content="tcxファイルから標高図を表示して画像としてダウンロードできるツールです。">
<meta property="og:type" content="website">
<meta property="og:description" content="tcxファイルから標高図を表示して画像としてダウンロードできるツールです。">
Expand Down Expand Up @@ -64,34 +64,33 @@
</div>
</div>
</fieldset>
<fieldset>
<div class="pure-g">
<legend class="pure-u-1">
表示設定
</legend>
<div class="pure-u-1 pure-u-md-1-5">
<label class="pure-u-23-24">
始点
<input id="minDistance" type="number" placeholder="[km]" step="0.1" />
</label>
</div>
<div class="pure-u-1 pure-u-md-1-5">
<label class="pure-u-23-24">
終点
<input id="maxDistance" type="number" placeholder="[km]" step="0.1" />
</label>
</div>
<div class="pure-u-1 pure-u-md-1-5">
<label class="pure-u-23-24">
標高の最大値
<input id="maxAltitude" type="number" placeholder="[m]" step="0.1" />
</label>
</div>
<div class="pure-u-1">
<label class="pure-u-23-24">
<input id="shouldFill" type="checkbox" checked /> 塗りつぶす
</label>
</div>

<fieldset class="pure-g">
<legend class="pure-u-1">
表示設定
</legend>
<div class="pure-u-1 pure-u-md-1-5">
<label class="pure-u-23-24">
始点
<input id="minDistance" type="number" placeholder="[km]" step="0.1" />
</label>
</div>
<div class="pure-u-1 pure-u-md-1-5">
<label class="pure-u-23-24">
終点
<input id="maxDistance" type="number" placeholder="[km]" step="0.1" />
</label>
</div>
<div class="pure-u-1 pure-u-md-1-5">
<label class="pure-u-23-24">
標高の最大値
<input id="maxAltitude" type="number" placeholder="[m]" step="0.1" />
</label>
</div>
<div class="pure-u-1">
<label class="pure-u-23-24">
<input id="shouldFill" type="checkbox" checked /> 塗りつぶす
</label>
</div>
</fieldset>
</form>
Expand All @@ -101,31 +100,30 @@
</p>

<form class="pure-form pure-form-stacked">
<fieldset>
<div class="pure-g">
<legend class="pure-u-1">
ダウンロード設定
</legend>
<div class="pure-u-1">
<div class="pure-u-1 pure-u-md-1-5">
<label class="pure-u-23-24">
幅
<input id="exportImageWidth" type="number" placeholder="[px]" step="1" min="0" />
</label>
</div>
<div class="pure-u-1 pure-u-md-1-5">
<label class="pure-u-23-24">
高さ
<input id="exportImageHeight" type="number" placeholder="[px]" step="1" min="0" />
</label>
</div>
<fieldset class="pure-g">
<legend class="pure-u-1">
ダウンロード設定
</legend>
<div class="pure-u-1">
<div class="pure-u-1 pure-u-md-1-5">
<label class="pure-u-23-24">
幅
<input id="exportImageWidth" type="number" placeholder="[px]" step="1" min="0" />
</label>
</div>
<div class="pure-u-1-5">
<button id="download-button" class="pure-button pure-button-primary pure-button-disabled">
画像をダウンロードする
</button>
<a id="hidden-download-link" target="_blank" href="data:image/png;base64,Can+you+see+me"></a>
<div class="pure-u-1 pure-u-md-1-5">
<label class="pure-u-23-24">
高さ
<input id="exportImageHeight" type="number" placeholder="[px]" step="1" min="0" />
</label>
</div>
</div>
<div class="pure-u-1-5">
<button id="download-button" class="pure-button pure-button-primary pure-button-disabled">
画像をダウンロードする
</button>
<a id="hidden-download-link" target="_blank" href="data:image/png;base64,Can+you+see+me"></a>
</div>
</fieldset>
</form>
</main>
Expand All @@ -141,7 +139,8 @@
Wishlist: <a href="https://www.amazon.jp/hz/wishlist/ls/WUEQ18VE6LAE?ref_=wl_share" target="_blank">🍠</a>
</address>
<p>
Powered by <a href="https://purecss.io/" target="_blank">Pure.css</a> and <a href="https://www.netlify.com/" target="_blank">Netlify</a>
Powered by <a href="https://purecss.io/" target="_blank">Pure.css</a> and <a href="https://www.netlify.com/"
target="_blank">Netlify</a>
</p>
</footer>

Expand Down

0 comments on commit e5b9fc1

Please sign in to comment.