-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
83 lines (82 loc) · 8.14 KB
/
index.html
File metadata and controls
83 lines (82 loc) · 8.14 KB
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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<title>BitmapEditor</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
<![endif]-->
<div class="jumbotron">
<div class="container">
<h1>BitmapEditor <small>(verse 1.0)</small></h1>
<p><b>BitmapEditor</b> je modulární webová aplikace na straně klienta, která umožňuje editovat jednoduchou bitmapu a v reálném čase generovat binární reprezentaci vytvářeného formátu se zvýrazněním syntaxe. Funkcionalita je obousměrná, takže bude možné také editovat binární reprezentaci a ihned vidět bitmapu. V současné chvíli <b>BitmapEditor</b> poporuje formáty WBMP a BMP (dvoubarevné).</p>
<p><a class="btn btn-primary btn" href="#content">Přeskočit na aplikaci »</a></p>
</div>
</div>
<div class="container" id="content">
<noscript>
<div class=" alert alert-danger alert-dismissable">
<button type="button" class="close" id="clode-btn" data-dismiss="alert" aria-hidden="true">×</button>
BitmapEditor potřebuje pro své fungování JavaScript. Pokud ho nemůžete ve svém prohlížeči zapnout, použijte, prosím, jiný.
</div>
</noscript>
<div id="error" class=" alert alert-danger alert-dismissable">
<button type="button" class="close" id="clode-btn" data-dismiss="alert" aria-hidden="true">×</button>
Pravděpdobně máte vypnuté kaskádové styly. Bez nich, bohužel, nemůže aplikace fungovat :(
</div>
<div class="row">
<div class="col-lg-6">
<h2>Bitmapa</h2>
<div id="output">
<div id="output-settings" class="form-group">
</div>
<div id="output-data">
</div>
<div id="output-styling"></div>
<span class="help-block">Zde uvidíte vlastní prezentaci binárních dat. Klikáním do obrázku docílíte i změny binárních dat.</span>
</div>
</div>
<div class="col-lg-6">
<h2>Binární reprezentace</h2>
<div id="input">
<div id="input-settings" class="form-group">
Bin <input type="radio" name="inputFormat" value="bin" checked>
</div>
<div id="input-data" class="form-control" contenteditable="true">
00000000 00000000 00110111 00111001 11111111 11111111 11111111 10111111 11111111 11111111 11111110 11111111 11111111 11111111 10111001 11011111 11111111 11111110 11111111 11111111 11111111 10011001 10010111 11111111 11111110 11111111 11111110 01111111 10010101 10000111 11111111 11111110 11111111 11111001 01111111 00010001 10001110 01111111 11111110 11111111 11111100 00111111 10110101 01001101 01111111 11111110 11111111 11011100 00011111 11111111 11001000 11111111 11111110 11111111 11101100 01011111 11111111 11110100 11111111 11111110 11111111 10100110 11111111 11111111 11111100 11111111 11111110 11111111 10010010 11111000 00000011 11111111 11111111 11111110 11111110 01000011 11110000 00000001 11111111 11111100 11111110 11111111 00110111 11100001 01100000 11111111 11111001 01111110 11111011 10011111 11100111 11111100 01111111 11110000 01111110 11111011 11011111 11001111 11111100 00111111 11110101 11111110 11111000 01111111 11001111 11111100 00111111 11111001 10011110 11111111 00111111 11011111 11111100 00111111 11111110 00101110 11101111 01111111 11011111 11111110 00111111 11111100 10111110 11100000 11111111 11011111 11111111 00111111 11111110 11111110 11110100 11111111 11001111 10001111 00011111 11111111 11000110 11111001 11111111 11000011 01001111 00011111 11111111 00010010 10111101 11111111 11001011 10111111 11000111 11111111 11000110 11000011 11111111 11011011 11111111 10011001 11111111 11111110 10000011 11111111 11011011 11111011 10111101 11111111 11000010 10001111 11111111 00001011 11111111 10111110 11111111 10001110 11110011 11111100 01101011 10111111 01111110 11111111 10111110 11111111 11111101 11100010 01111111 01111110 01111111 11111110 00000011 11110011 11110000 00011111 01111111 01111111 10010010 11001111 11111011 11110011 11001111 00111110 11111111 10100100 10000011 11111011 11110000 11011101 01111110 11111111 10111100 00001111 11110111 11110011 10011010 11111111 01111111 11111110 11111111 11101111 11110001 00000001 11111111 01111111 10000010 11111111 11110011 11110000 00000011 11111110 11111111 11100100 00000011 11111011 11110000 00000111 11111110 11111111 10010010 11100111 11111001 11110000 00001111 11111000 01111111 11111110 10001111 11111110 00011100 00011111 11011000 00011111 10111110 10110001 11111111 00000111 11110110 00000000 00001111 10001110 11101001 11111100 00000000 10000000 00000000 00001111 00010110 10110001 11111000 00000000 00000000 00000000 00011111 11100110 11000111 11111000 00000000 10000000 00000000 00011111 11111110 11111111 11110000 00000000 00000000 00000000 00111111 11111110 11111111 11110000 00000000 11000000 00000000 01111111 11111110 11111111 11110000 00000000 00000000 00000000 01111111 11111110 11111111 11111000 00000001 00000000 00000000 11111111 11111110 11111111 11111000 00001000 00000000 00000001 11111111 11111110 11111111 11111110 00001001 00000000 00000011 11111111 11111110 11111111 10111111 00001011 00000000 00000111 11111011 11111110 11111111 00011111 11000111 00000000 00011111 11110001 11111110 11111111 10111111 11111111 00000000 01111101 11111011 11111110 11111111 11111110 00111111 11001111 11111000 11111111 11111110 11111111 11111110 10111111 11111111 11011100 01111111 11111110 11111111 11111100 00110001 11101110 11011101 01111111 11111110 11111111 11111000 11110101 11100110 01011100 00111111 11111110 11111111 11111001 11110001 11000111 00011110 10111111 11111110 11111111 11111111 11100011 11010111 00001110 11111111 11111110 11111111 11111111 11100001 11000111 00100111 11111111 11111110 11111111 11111111 11101001 11000111 10110111 11111111 11111110 11111111 11111111 11111111 11110111 11111111 11111111 11111110
</div>
<span class="help-block">Do tohoto pole můžete vložit vlastní binární kód, který se pak aplikace pokusí prezentovat ve vybraném formátu. Nezapomeňte na to, že každý formát má nějakou specifikaci, kterou je potřeba dodržet.</span>
</div>
</div>
</div>
<hr>
<footer class="text-right">
<p><!--[if lte IE 8]><span style="filter: FlipH; -ms-filter: "FlipH"; display: inline-block;"><![endif]-->
<span style="-moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); display: inline-block;">
©
</span>
<!--[if lte IE 8]></span><![endif]--> Šimon Schierreich 2014</p>
</footer>
</div>
<script src="js/libs/jquery-1.10.1.js"></script>
<script src="js/libs/bootstrap.min.js"></script>
<script src="js/Loader.js" type="text/javascript"></script>
<script src="js/Model.js" type="text/javascript"></script>
<script src="js/View.js" type="text/javascript"></script>
<script src="js/Controller.js" type="text/javascript"></script>
<!-- Moduly -->
<script src="js/Modules/beModuleWBMP.js" type="text/javascript"></script>
<script src="js/Modules/beModuleBMP2.js" type="text/javascript"></script>
<script src="js/Views/beViewTable.js" type="text/javascript"></script>
<script src="js/Views/beViewInput.js" type="text/javascript"></script>
<!-- Moduly END -->
</body>
</html>