File size: 1,468 Bytes
bc20498 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 |
<!DOCTYPE html>
<html lang="en-US" class="scheme--white">
<meta charset="utf-8">
<title>EOL converter</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Newline character converter">
<link rel="stylesheet" href="style.css">
<header class="m-b-3">
<h1 class="m-b-1">eol converter</h1>
<a class="button scheme--light" href="https://github.com/ryanve/eol">Github</a>
<a class="button scheme--light" href="https://www.npmjs.com/package/eol">npm</a>
</header>
<form class="js-converter__form">
<fieldset class="m-b-2">
<label class="block m-b-2">
<b>Input</b>
<textarea class="area border-radius scheme--white js-converter__input"></textarea>
</label>
<button type="submit" class="button scheme--dark">Convert line endings to</button>
<label class="inline-block m-b-2">
<select class="button scheme--light text--uppercase js-converter__method" aria-label="Convert to">
<option selected>lf</option>
<option>crlf</option>
<option>cr</option>
</select>
</label>
</fieldset>
<section>
<h2 class="inherit-size">Output</h2>
<div class="area scheme--white border-radius js-converter__output" contenteditable></div>
</section>
</form>
<script src="eol.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.slim.min.js"></script>
<script src="ui.js"></script>
|