143 lines
No EOL
6.3 KiB
HTML
143 lines
No EOL
6.3 KiB
HTML
<html>
|
|
<head>
|
|
<title>Sahli Editor</title>
|
|
<script src="//code.jquery.com/jquery-2.1.0.min.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.min.js" type="text/javascript" charset="utf-8" ></script>
|
|
<script src="/editor/sahliedit.js" type="text/javascript" charset="utf-8" async defer></script>
|
|
<link rel="stylesheet" href="/editor/sahliedit.css">
|
|
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/dot-luv/jquery-ui.css">
|
|
</head>
|
|
<body>
|
|
<h1>Sahli Editor</h1>
|
|
<div id='editbox'>
|
|
<div id='buttonbox'>
|
|
<button id='newsahli'>New</button>
|
|
<button id='loadsahli'>Load</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class='hidden' id='list'>
|
|
<ol id='sortlist'>
|
|
</ol>
|
|
<p id='listsave'>Save</p>
|
|
</div>
|
|
|
|
<div class='hidden' id='formica'>
|
|
<form accept-charset="utf-8">
|
|
<ul>
|
|
<div class='groupbox' id='basics'>
|
|
<p>Basics:</p>
|
|
<div class='drop'>
|
|
<li>
|
|
<input type="text" id="entryindex" value="" class='hidden'>
|
|
<label for="file">File name:</label>
|
|
<input id='entryfile' type="hidden" name="file" value="" placeholder="">
|
|
<input id='entryfilepick' type="file" name="pickfile" value="" placeholder="">
|
|
</li>
|
|
<li>
|
|
<label for="file">Title:</label>
|
|
<input id='entryname' type="text" name="name" value="" placeholder="">
|
|
</li>
|
|
<li>
|
|
<label for="author">Author's name:</label>
|
|
<input id='entryauthor' type="text" name="author" value="" placeholder="">
|
|
</li>
|
|
</div>
|
|
</div>
|
|
<div class='groupbox' id='displaydata'>
|
|
<p>Display:</p>
|
|
<div class='drop' id='fl'>
|
|
<li>
|
|
<label for="file">Ascii or Ansi?</label>
|
|
<button id='entryamiga' name="amiga" id='amiga' type='button' value='1'>Ascii</button>
|
|
</li>
|
|
<li>
|
|
<label for="width">With of file:</label>
|
|
<input id='entrywidth' type="number" name="width" value="80" placeholder="">
|
|
</li>
|
|
<li>
|
|
<label for="font">Font:</label>
|
|
<select id='entryfont' name="font">
|
|
<option value="Propaz">Propaz</option>
|
|
<!-- <option value="Topaz13">Topaz13</option> -->
|
|
<!-- <option value="mOsOli">mOsOli</option> -->
|
|
<!-- <option value="MicroKnight">Microknight</option> -->
|
|
<option value="ansifont">Ansifont</option>
|
|
</select>
|
|
</li>
|
|
<div class='45box'>
|
|
<li>
|
|
<label for="color">Text Color:</label>
|
|
<select name="color" id='entrycolor' class='colorbox'>
|
|
<option value="#E0E0E0">Light Grey</option>
|
|
<option value="#A0A0E0">Light Blue</option>
|
|
<option value="#9AFe2e">Light Green</option>
|
|
<option value="#FF0000">Red</option>
|
|
<option value="#FF8000">Orange</option>
|
|
<option value="#FFFF00">Yellow</option>
|
|
<option value="#00f000">Green</option>
|
|
<option value="#2efeF7">Cyan</option>
|
|
<option value="#2efeF7">Blue</option>
|
|
<option value="#0b0b3b">Navy</option>
|
|
<option value="#FF00FF">Magenta</option>
|
|
<option value="#8000FF">Purple</option>
|
|
<option value="#0a2a0a">Dark Green</option>
|
|
<option value="#3b3b3b">Dark Grey</option>
|
|
<option value="#FFFFFF">White</option>
|
|
<option value="#000000">Black</option>
|
|
</select>
|
|
</li>
|
|
<li>
|
|
<label for="bg">Background color:</label>
|
|
<select name="bg" id='entrybg' class='colorbox'>
|
|
<option value="#E0E0E0">Light Grey</option>
|
|
<option value="#A0A0E0">Light Blue</option>
|
|
<option value="#9AFe2e">Light Green</option>
|
|
<option value="#FF0000">Red</option>
|
|
<option value="#FF8000">Orange</option>
|
|
<option value="#FFFF00">Yellow</option>
|
|
<option value="#00f000">Green</option>
|
|
<option value="#2efeF7">Cyan</option>
|
|
<option value="#2efeF7">Blue</option>
|
|
<option value="#0b0b3b">Navy</option>
|
|
<option value="#FF00FF">Magenta</option>
|
|
<option value="#8000FF">Purple</option>
|
|
<option value="#0a2a0a">Dark Green</option>
|
|
<option value="#3b3b3b">Dark Grey</option>
|
|
<option value="#FFFFFF">White</option>
|
|
<option value="#000000">Black</option>
|
|
</select>
|
|
</li>
|
|
</div>
|
|
<div class='45box'>
|
|
<pre>
|
|
________________________, ._____,
|
|
| ___|___ | | | | |_____|
|
|
|_____ | _ | | |__| |
|
|
|_____|_____|___|__|______|___|
|
|
</pre>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class='groupbox' id='optionals'>
|
|
<p>Optional text:</p>
|
|
<div class='drop'>
|
|
<li>
|
|
<label for="line1">Optional Info line 1:</label>
|
|
<input id='entryline1' type="text" name="line1" value="" placeholder="">
|
|
</li>
|
|
<li>
|
|
<label for="line2">Optional Info line 2:</label>
|
|
<input id='entryline2' type="text" name="line2" value="" placeholder="">
|
|
</li>
|
|
<li>
|
|
<label for="text">Optional Text (notes, comments, etc):</label>
|
|
<textarea id='entrytext' name='text'></textarea>
|
|
</li>
|
|
</div>
|
|
<li><input type="submit" name="smt" id="smt" class="hidden" value=""></li>
|
|
</ul>
|
|
</form>
|
|
</div>
|
|
</body>
|
|
</html> |