-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathpng-to-scr.html
66 lines (66 loc) · 2.42 KB
/
png-to-scr.html
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
<!DOCTYPE html>
<html>
<head>
<title>PNG to SCR</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>
<script src="png-to-scr.js"></script>
<link rel="stylesheet" type="text/css" href="https://static.tumblr.com/twhmeyj/cVMm2xryf/fonts.css" />
<link rel="stylesheet" href="png-to-scr.css"/>
</head>
<body>
<div class="scanlines"></div>
<h1 class="title">
<span class="retronator">Retronator</span>
<span class="png-to-scr">png to scr</span>
</h1>
<div class="menu">
<label class="item open">Open<input class="file-input" type="file"/></label>
</div>
<div class="image-analysis">
<div class="image-area">
<img class="image-preview"/>
<div class="current-block"></div>
<div class="error-blocks"></div>
<div class="error-block-info"></div>
</div>
<div class="histogram-area">
<canvas class="histogram" width="256" height="16"></canvas>
</div>
<div class="status"></div>
</div>
<div class="downloads">
<div class="screen-area">
<canvas class="screen" width="256" height="192"></canvas>
<div class="screen-cursor"></div>
<div class="conversion-options">
<p>Color to use<br/>as paper:</p>
<div class="option-group">
<div class="option lighter selected">Lighter</div>
<div class="option darker">Darker</div>
<div class="option bigger">Bigger area</div>
<div class="option smaller">Smaller area</div>
</div>
<p>Single color<br/>blocks use:</p>
<div class="option-group">
<div class="option single-paper selected">Paper</div>
<div class="option single-ink">Ink</div>
</div>
<p>Preserve<br/>neighbor's<br/>colors:</p>
<div class="option-group">
<div class="option neighbor-no selected">No</div>
<div class="option neighbor-left">Left</div>
<div class="option neighbor-up">Up</div>
<div class="option neighbor-match">Match</div>
</div>
</div>
</div>
<div class="menu">
<div class="item download-scr">Download scr</div>
<div class="item download-tap">Download tap</div>
<div class="item preview-tap">Preview tap</div>
</div>
</div>
<div class="smallprint"><span class="copyleft">©</span> 2017 Retronator LLC</div>
</body>
</html>