Skip to content
Snippets Groups Projects
Commit ba912d12 authored by Conrad Zelck's avatar Conrad Zelck
Browse files

style: beautify index.html code 


Signed-off-by: default avatarConrad Zelck <git@simpel.cc>
parent fd95b8ea
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 50 additions and 48 deletions
index.html
+ 50
− 48
View file @ ba912d12
<!doctype html>
<html dir="ltr" lang="en-US">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="height=device-height,width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,minimal-ui" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="translucent black" />
<meta name="format-detection" content="telephone=no,date=no,address=no,email=no,url=no" />
<link rel="stylesheet" href="style.css">
<title>Sort Lines</title>
</head>
<body onKeyDown="keys(event,'d')" onKeyUp="keys(event,'u')">
<header>
<nav>
<h1>Sort Lines</h1>
<a id="logo" class="cursordefault" href="/"><img src="../Simpel.png" alt="simpel icon" height="48" width="48"></a>
<a id="github" href="https://github.com/SimpelMe/sort-lines" target="_blank" title="watch source code">
<img id="github-cat" src="../github-cat-white.png" alt="github logo">
</a>
</nav>
</header>
<main>
<noscript>
<b>Warning: JavaScript had to be enabled.</b>
<br><br>
</noscript>
<details>
<summary>How to sort</summary>
<p>With this tool you can sort newline separated lines alphabetically.</p>
<p>You can either push the button "Paste, Sort &amp; Copy" where the clipboard content is used as content or fill in your lines into textarea and push the button "Sort &amp; Copy". In both cases the sorted result will be put back to clipboard.</p>
<p>If you set the option "output unique lines only" all lines existing more then once are deleted.</p>
</details>
<div class="flex">
<button class="button pastesortunique" title="click: paste + sort + unique + copy to clipboard" onclick="paste()">Paste, Sort &amp; Copy [1]</button>
<span class="between_buttons">or</span>
<button class="button sortunique" title="click: sort + unique + copy to clipboard" onclick="sort_and_copy()">Sort &amp; Copy [2]</button>
<input id="unique" type="checkbox" name="unique" checked>
<label for="unique">output unique lines only</label>
</div>
<textarea autofocus placeholder="fill in lines to sort here …" spellcheck="false" autocomplete="off">
</textarea>
</main>
</body>
<script src="script.js"></script>
</html>
<!doctype html>
<html dir="ltr" lang="en-US">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="height=device-height,width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,minimal-ui" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="translucent black" />
<meta name="format-detection" content="telephone=no,date=no,address=no,email=no,url=no" />
<link rel="stylesheet" href="style.css">
<title>Sort Lines</title>
</head>
<body onKeyDown="keys(event,'d')" onKeyUp="keys(event,'u')">
<header>
<nav>
<h1>Sort Lines</h1>
<a id="logo" class="cursordefault" href="/"><img src="../Simpel.png" alt="simpel icon" height="48" width="48"></a>
<a id="github" href="https://github.com/SimpelMe/sort-lines" target="_blank" title="watch source code">
<img id="github-cat" src="../github-cat-white.png" alt="github logo">
</a>
</nav>
</header>
<main>
<noscript>
<b>Warning: JavaScript had to be enabled.</b>
<br><br>
</noscript>
<details>
<summary>How to sort</summary>
<p>With this tool you can sort newline separated lines alphabetically.</p>
<p>You can either push the button "Paste, Sort &amp; Copy" where the clipboard content is used as content or fill in your lines into textarea and push the button "Sort &amp; Copy". In both cases the sorted result will be put back to clipboard.
</p>
<p>If you set the option "output unique lines only" all lines existing more then once are deleted.</p>
</details>
<div class="flex">
<button class="button pastesortunique" title="click: paste + sort + unique + copy to clipboard" onclick="paste()">Paste, Sort &amp; Copy [1]</button>
<span class="between_buttons">or</span>
<button class="button sortunique" title="click: sort + unique + copy to clipboard" onclick="sort_and_copy()">Sort &amp; Copy [2]</button>
<div class="flexlabel">
<input id="unique" type="checkbox" name="unique" checked>
<label for="unique">output unique lines only</label>
</div>
</div>
<textarea autofocus placeholder="fill in lines to sort here …" spellcheck="false" autocomplete="off"></textarea>
</main>
</body>
<script src="script.js"></script>
</html>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment