mirrors
/
roar
mirror of https://github.com/lalbornoz/roar.git
1
Fork 0
Code Issues Packages Projects Releases Wiki Activity

index.html, assets/css/sally.css: clean up & correct {CSS,HTML}.

This commit is contained in:
Lucio Andrés Illanes Albornoz 2018-11-25 10:41:27 +01:00
parent f012c628f2
commit 6cae432f46
2 changed files with 105 additions and 94 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/sally.css
View File

@ -17,7 +17,6 @@ body {
url('../fonts/fsex300-webfont.woff') format('woff'), url('../fonts/fsex300-webfont.woff') format('woff'),
url('../fonts/fsex300-webfont.ttf') format('truetype'), url('../fonts/fsex300-webfont.ttf') format('truetype'),
url('../fonts/fsex300-webfont.svg#FixedsysExcelsior301Regular') format('svg'); url('../fonts/fsex300-webfont.svg#FixedsysExcelsior301Regular') format('svg');
font-weighmal;
font-style: normal; font-style: normal;
} }
@ -158,7 +157,6 @@ textarea { font-size:12pt; width: 37vw; height: 300px; background: #333; color:
position:absolute; position:absolute;
margin-top: -1px; margin-top: -1px;
top:-999px;left:-999px; top:-999px;left:-999px;
pointer-events: none;
} }
.selector_el.dragging { .selector_el.dragging {
color: #0f0; color: #0f0;

123
index.html
View File

@ -1,20 +1,25 @@
<!doctype html> <?xml version="1.0" encoding="UTF-8"?>
<html> <!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> <head>
<meta charset="UTF-8"> <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> <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> </head>
<!-- }}} -->
<!-- {{{ BODY -->
<body class="loading panke"> <body class="loading panke">
<!-- {{{ DIV: workspace_rapper -->
<div id="workspace_rapper"> <div id="workspace_rapper">
<div id="canvas_rapper" class="rapper"></div> <div id="canvas_rapper" class="rapper"></div>
</div> </div>
<!-- }}} -->
<!-- {{{ DIV: ui_rapper -->
<div id="ui_rapper"> <div id="ui_rapper">
<!-- {{{ DIV: tools_block -->
<div class="block" id="tools_block"> <div class="block" id="tools_block">
<div id="palette_rapper"></div> <div id="palette_rapper"></div>
<div id="secret_rapper"> <div id="secret_rapper">
@ -23,40 +28,45 @@
<div id="letters_rapper"></div> <div id="letters_rapper"></div>
<div id="custom_rapper"></div> <div id="custom_rapper"></div>
</div> </div>
<!-- }}} -->
<!-- {{{ DIV: brush_container -->
<div id="brush_container" class="block"> <div id="brush_container" class="block">
<div id="brush_rapper"> <div id="brush_rapper">
</div> </div>
<span id="fg_checkbox" class="tool">x fg</span><br> <span id="fg_checkbox" class="tool">x fg</span><br />
<span id="bg_checkbox" class="tool">x bg</span><br> <span id="bg_checkbox" class="tool">x bg</span><br />
<span id="char_checkbox" class="tool">x char</span><br> <span id="char_checkbox" class="tool">x char</span><br />
<span id="add_custom_el" class="tool">+ add</span><br> <span id="add_custom_el" class="tool">+ add</span><br />
<br> <br />
<span id="undo_el" class="tool hidden">undo</span><br> <span id="undo_el" class="tool hidden">undo</span><br />
<span id="redo_el" class="tool hidden">redo</span><br> <span id="redo_el" class="tool hidden">redo</span><br />
</div> </div>
<!-- }}} -->
<!-- {{{ DIV: tools_rapper -->
<div id="tools_rapper" class="block"> <div id="tools_rapper" class="block">
<span id="square_el" class="tool">square</span><br> <span id="square_el" class="tool">square</span><br />
<span id="circle_el" class="tool">circle</span><br> <span id="circle_el" class="tool">circle</span><br />
<span id="cross_el" class="tool">cross</span><br> <span id="cross_el" class="tool">cross</span><br />
<span id="text_el" class="tool">text</span><br> <span id="text_el" class="tool">text</span><br />
<span id="fill_el" class="tool">fill</span><br> <span id="fill_el" class="tool">fill</span><br />
<span id="select_el" class="tool">select</span><br> <span id="select_el" class="tool">select</span><br />
<br> <br />
<span id="rotate_el" class="tool">rotate</span><br> <span id="rotate_el" class="tool">rotate</span><br />
<span id="scale_el" class="tool">scale</span><br> <span id="scale_el" class="tool">scale</span><br />
<span id="translate_el" class="tool">translate</span><br> <span id="translate_el" class="tool">translate</span><br />
<span id="slice_el" class="tool">slice</span><br> <span id="slice_el" class="tool">slice</span><br />
</div> </div>
<!-- }}} -->
<!-- {{{ DIV: textarea_mode -->
<div id="textarea_mode" style="float: left"> <div id="textarea_mode" style="float: left">
<div> <div>
<span id="clear_el" class="tool">new</span> <span id="clear_el" class="tool">new</span>
<span id="save_el" class="tool">save</span> <span id="save_el" class="tool">save</span>
<span id="load_el" class="tool">load</span> <span id="load_el" class="tool">load</span>
<a id="doc_el" href="assets/html/help.html" target="_blank">help</a> <a id="doc_el" href="assets/html/help.html" target="_blank">help</a>
<br> <br />
brush: <span id="brush_w_el" class="ed">5</span> x <span id="brush_h_el" class="ed">5</span><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> 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="grid_el" class="tool">_ grid</span>
<span id="vertical_checkbox" class="tool">x vertical</span> <span id="vertical_checkbox" class="tool">x vertical</span>
</div> </div>
@ -66,35 +76,38 @@
<span id="import_buttons"> <span id="import_buttons">
<button id="import_button">import</button> <button id="import_button">import</button>
</span> </span>
<div id="gallery_rapper" /><br > <div id="gallery_rapper" /><br />
<div id="cutoff_warning_el">character limit of 425 exceeded</div> <div id="cutoff_warning_el">character limit of 425 exceeded</div>
<textarea id="import_textarea"></textarea> <textarea id="import_textarea" cols="100" rows="30"></textarea>
</div> </div>
</div> </div>
<input type="text" id="cursor_input" />
</div> </div>
<!-- }}} -->
<input type="text" id="cursor_input"> <!-- }}} -->
<!-- {{{ 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> </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>
</html> </html>
<!-- <!--