mirror of
https://github.com/lalbornoz/roar.git
synced 2024-12-22 20:36:37 +00:00
index.html, assets/css/sally.css: clean up & correct {CSS,HTML}.
This commit is contained in:
Lucio Andrés Illanes Albornoz
parent
f012c628f2
commit
6cae432f46
@ -17,7 +17,6 @@ body {
|
||||
url('../fonts/fsex300-webfont.woff') format('woff'),
|
||||
url('../fonts/fsex300-webfont.ttf') format('truetype'),
|
||||
url('../fonts/fsex300-webfont.svg#FixedsysExcelsior301Regular') format('svg');
|
||||
font-weighmal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@ -158,7 +157,6 @@ textarea { font-size:12pt; width: 37vw; height: 300px; background: #333; color:
|
||||
position:absolute;
|
||||
margin-top: -1px;
|
||||
top:-999px;left:-999px;
|
||||
pointer-events: none;
|
||||
}
|
||||
.selector_el.dragging {
|
||||
color: #0f0;
|
||||
|
||||
197
index.html
197
index.html
@ -1,100 +1,113 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>asciiblaster v1.0.6</title>
|
||||
<meta name="viewport" content="width=device-width, maximum-scale=1.0, user-scalable=yes" />
|
||||
<link rel="stylesheet" href="assets/css/sally.css" type="text/css" charset="utf-8" />
|
||||
<link rel="stylesheet" href="assets/css/ak.css" type="text/css" charset="utf-8" />
|
||||
</head>
|
||||
|
||||
<body class="loading panke">
|
||||
|
||||
<div id="workspace_rapper">
|
||||
<div id="canvas_rapper" class="rapper"></div>
|
||||
</div>
|
||||
|
||||
<div id="ui_rapper">
|
||||
<div class="block" id="tools_block">
|
||||
<div id="palette_rapper"></div>
|
||||
<div id="secret_rapper">
|
||||
<span id="experimental_palette_toggle">.</span>
|
||||
</div>
|
||||
<div id="letters_rapper"></div>
|
||||
<div id="custom_rapper"></div>
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<!-- {{{ HEAD -->
|
||||
<head>
|
||||
<link charset="utf-8" href="assets/css/sally.css" rel="stylesheet" type="text/css" />
|
||||
<link charset="utf-8" href="assets/css/ak.css" rel="stylesheet" type="text/css" />
|
||||
<meta content="width=device-width, maximum-scale=1.0, user-scalable=yes" name="viewport" />
|
||||
<title>asciiblaster v1.0.6</title>
|
||||
</head>
|
||||
<!-- }}} -->
|
||||
<!-- {{{ BODY -->
|
||||
<body class="loading panke">
|
||||
<!-- {{{ DIV: workspace_rapper -->
|
||||
<div id="workspace_rapper">
|
||||
<div id="canvas_rapper" class="rapper"></div>
|
||||
</div>
|
||||
<div id="brush_container" class="block">
|
||||
<div id="brush_rapper">
|
||||
<!-- }}} -->
|
||||
<!-- {{{ DIV: ui_rapper -->
|
||||
<div id="ui_rapper">
|
||||
<!-- {{{ DIV: tools_block -->
|
||||
<div class="block" id="tools_block">
|
||||
<div id="palette_rapper"></div>
|
||||
<div id="secret_rapper">
|
||||
<span id="experimental_palette_toggle">.</span>
|
||||
</div>
|
||||
<div id="letters_rapper"></div>
|
||||
<div id="custom_rapper"></div>
|
||||
</div>
|
||||
<span id="fg_checkbox" class="tool">x fg</span><br>
|
||||
<span id="bg_checkbox" class="tool">x bg</span><br>
|
||||
<span id="char_checkbox" class="tool">x char</span><br>
|
||||
<span id="add_custom_el" class="tool">+ add</span><br>
|
||||
<br>
|
||||
<span id="undo_el" class="tool hidden">undo</span><br>
|
||||
<span id="redo_el" class="tool hidden">redo</span><br>
|
||||
</div>
|
||||
<div id="tools_rapper" class="block">
|
||||
<span id="square_el" class="tool">square</span><br>
|
||||
<span id="circle_el" class="tool">circle</span><br>
|
||||
<span id="cross_el" class="tool">cross</span><br>
|
||||
<span id="text_el" class="tool">text</span><br>
|
||||
<span id="fill_el" class="tool">fill</span><br>
|
||||
<span id="select_el" class="tool">select</span><br>
|
||||
<br>
|
||||
<span id="rotate_el" class="tool">rotate</span><br>
|
||||
<span id="scale_el" class="tool">scale</span><br>
|
||||
<span id="translate_el" class="tool">translate</span><br>
|
||||
<span id="slice_el" class="tool">slice</span><br>
|
||||
</div>
|
||||
|
||||
<div id="textarea_mode" style="float: left">
|
||||
<div>
|
||||
<span id="clear_el" class="tool">new</span>
|
||||
<span id="save_el" class="tool">save</span>
|
||||
<span id="load_el" class="tool">load</span>
|
||||
<a id="doc_el" href="assets/html/help.html" target="_blank">help</a>
|
||||
<br>
|
||||
brush: <span id="brush_w_el" class="ed">5</span> x <span id="brush_h_el" class="ed">5</span><br>
|
||||
canvas: <span id="canvas_w_el" class="ed">100</span> x <span id="canvas_h_el" class="ed">30</span><br>
|
||||
<span id="grid_el" class="tool">_ grid</span>
|
||||
<span id="vertical_checkbox" class="tool">x vertical</span>
|
||||
<!-- }}} -->
|
||||
<!-- {{{ DIV: brush_container -->
|
||||
<div id="brush_container" class="block">
|
||||
<div id="brush_rapper">
|
||||
</div>
|
||||
<span id="fg_checkbox" class="tool">x fg</span><br />
|
||||
<span id="bg_checkbox" class="tool">x bg</span><br />
|
||||
<span id="char_checkbox" class="tool">x char</span><br />
|
||||
<span id="add_custom_el" class="tool">+ add</span><br />
|
||||
<br />
|
||||
<span id="undo_el" class="tool hidden">undo</span><br />
|
||||
<span id="redo_el" class="tool hidden">redo</span><br />
|
||||
</div>
|
||||
|
||||
<div id="import_rapper">
|
||||
<span id="format_el">ascii *mirc</span>
|
||||
<span id="import_buttons">
|
||||
<button id="import_button">import</button>
|
||||
</span>
|
||||
<div id="gallery_rapper" /><br >
|
||||
<div id="cutoff_warning_el">character limit of 425 exceeded</div>
|
||||
<textarea id="import_textarea"></textarea>
|
||||
<!-- }}} -->
|
||||
<!-- {{{ DIV: tools_rapper -->
|
||||
<div id="tools_rapper" class="block">
|
||||
<span id="square_el" class="tool">square</span><br />
|
||||
<span id="circle_el" class="tool">circle</span><br />
|
||||
<span id="cross_el" class="tool">cross</span><br />
|
||||
<span id="text_el" class="tool">text</span><br />
|
||||
<span id="fill_el" class="tool">fill</span><br />
|
||||
<span id="select_el" class="tool">select</span><br />
|
||||
<br />
|
||||
<span id="rotate_el" class="tool">rotate</span><br />
|
||||
<span id="scale_el" class="tool">scale</span><br />
|
||||
<span id="translate_el" class="tool">translate</span><br />
|
||||
<span id="slice_el" class="tool">slice</span><br />
|
||||
</div>
|
||||
<!-- }}} -->
|
||||
<!-- {{{ DIV: textarea_mode -->
|
||||
<div id="textarea_mode" style="float: left">
|
||||
<div>
|
||||
<span id="clear_el" class="tool">new</span>
|
||||
<span id="save_el" class="tool">save</span>
|
||||
<span id="load_el" class="tool">load</span>
|
||||
<a id="doc_el" href="assets/html/help.html" target="_blank">help</a>
|
||||
<br />
|
||||
brush: <span id="brush_w_el" class="ed">5</span> x <span id="brush_h_el" class="ed">5</span><br />
|
||||
canvas: <span id="canvas_w_el" class="ed">100</span> x <span id="canvas_h_el" class="ed">30</span><br />
|
||||
<span id="grid_el" class="tool">_ grid</span>
|
||||
<span id="vertical_checkbox" class="tool">x vertical</span>
|
||||
</div>
|
||||
|
||||
<div id="import_rapper">
|
||||
<span id="format_el">ascii *mirc</span>
|
||||
<span id="import_buttons">
|
||||
<button id="import_button">import</button>
|
||||
</span>
|
||||
<div id="gallery_rapper" /><br />
|
||||
<div id="cutoff_warning_el">character limit of 425 exceeded</div>
|
||||
<textarea id="import_textarea" cols="100" rows="30"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<input type="text" id="cursor_input" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<input type="text" id="cursor_input">
|
||||
|
||||
</body>
|
||||
<script src="assets/js/util.js"></script>
|
||||
<script src="assets/js/unicode.js"></script>
|
||||
<script src="assets/js/color.js"></script>
|
||||
<script src="assets/js/clipboard.js"></script>
|
||||
<script src="assets/js/lex.js"></script>
|
||||
<script src="assets/js/matrix.js"></script>
|
||||
<script src="assets/js/gfx.js"></script>
|
||||
<script src="assets/js/ui/tool.js"></script>
|
||||
<script src="assets/js/gfx.js"></script>
|
||||
|
||||
<script src="assets/js/ui/brush.js"></script>
|
||||
<script src="assets/js/ui/canvas.js"></script>
|
||||
<script src="assets/js/ui/keys.js"></script>
|
||||
<script src="assets/js/ui/controls.js"></script>
|
||||
<script src="assets/js/ui/paletters.js"></script>
|
||||
<script src="assets/js/ui/selection.js"></script>
|
||||
<script src="assets/js/ui/transform.js"></script>
|
||||
|
||||
<script src="assets/js/app.js"></script>
|
||||
<!-- }}} -->
|
||||
<!-- }}} -->
|
||||
<!-- {{{ SCRIPTs: assets/js/* -->
|
||||
<script src="assets/js/util.js" type="text/javascript"></script>
|
||||
<script src="assets/js/unicode.js" type="text/javascript"></script>
|
||||
<script src="assets/js/color.js" type="text/javascript"></script>
|
||||
<script src="assets/js/clipboard.js" type="text/javascript"></script>
|
||||
<script src="assets/js/lex.js" type="text/javascript"></script>
|
||||
<script src="assets/js/matrix.js" type="text/javascript"></script>
|
||||
<script src="assets/js/gfx.js" type="text/javascript"></script>
|
||||
<script src="assets/js/ui/tool.js" type="text/javascript"></script>
|
||||
<script src="assets/js/gfx.js" type="text/javascript"></script>
|
||||
<!-- }}} -->
|
||||
<!-- {{{ SCRIPTs: assets/js/ui/* -->
|
||||
<script src="assets/js/ui/brush.js" type="text/javascript"></script>
|
||||
<script src="assets/js/ui/canvas.js" type="text/javascript"></script>
|
||||
<script src="assets/js/ui/keys.js" type="text/javascript"></script>
|
||||
<script src="assets/js/ui/controls.js" type="text/javascript"></script>
|
||||
<script src="assets/js/ui/paletters.js" type="text/javascript"></script>
|
||||
<script src="assets/js/ui/selection.js" type="text/javascript"></script>
|
||||
<script src="assets/js/ui/transform.js" type="text/javascript"></script>
|
||||
<!-- }}} -->
|
||||
<script src="assets/js/app.js" type="text/javascript"></script>
|
||||
</body>
|
||||
<!-- }}} -->
|
||||
</html>
|
||||
|
||||
<!--
|
||||
|
||||
Loading…
Reference in New Issue
Block a user