-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
simple.html
74 lines (68 loc) · 2.57 KB
/
simple.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
67
68
69
70
71
72
73
74
<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE>Strip Folding Designer</TITLE>
<SCRIPT TYPE="text/javascript" src="../../js/svg.min.js"></SCRIPT>
<SCRIPT TYPE="text/javascript" src="strip.js"></SCRIPT>
<STYLE TYPE="text/css">
@media print {
.noprint { display: none; }
}
/*TD { text-align: center; }*/
TEXTAREA { vertical-align: middle; }
CODE { background: #80ff80; }
</STYLE>
<!--#include virtual="../../analytics.html"-->
</HEAD>
<BODY>
<TABLE WIDTH="100%">
<TR>
<TD STYLE="text-align: left; vertical-align: middle;">
<H1><A HREF="./">Strip Folding Designer</A></H1>
<TD STYLE="text-align: right; vertical-align: middle;">
<H2>by <A HREF="http://erikdemaine.org/">Erik Demaine</A> and <A HREF="http://martindemaine.org">Martin Demaine</A>, 2016</H2>
</TABLE>
<TABLE>
<TD STYLE="font-size: x-large">
<B><LABEL FOR="cp">Enter code for strip crease pattern:</LABEL></B>
<BR>
<TEXTAREA NAME="cp" ID="cp" ROWS=2 COLS=80></TEXTAREA>
<BR>
1 × <span id="aspectRatioWith">?</span> strip
<TD STYLE="padding-left: 2em">
<CODE>|</CODE> for perpendicular folds <BR>
<CODE>/</CODE> and <CODE>\</CODE> for diagonal folds which occupy one square <BR>
<CODE> </CODE> for a blank square <BR>
<CODE>!</CODE> for a half square <BR>
<!--<CODE>~</CODE> to separate start/middle/end-->
<TD STYLE="padding-left: 1em; text-align: center">
Paper opacity:<br>
<input id="opacity" type="range" min="0" max="100">
<br>
<input id="backlight" type="checkbox">
<label for="backlight">Backlight</label>
</TABLE>
<P>
<TABLE STYLE="width: 100%" ID="gui">
<TR>
<TD id="unfold1" STYLE="width: 100%; height: 50%">
</TD>
<TR>
<TD id="fold1" STYLE="width: 100%; height: 50%">
</TD>
</TABLE>
<DIV STYLE="text-align: right" CLASS="noprint">
<BUTTON ID="simulate" STYLE="float: left">Simulate in Origami Simulator</BUTTON>
Download SVG:
<BUTTON ID="downloadCP">Crease Pattern</BUTTON>
<BUTTON ID="downloadSim">Crease Pattern for Origami Simulator</BUTTON>
<BUTTON ID="downloadFolded">Folded Form</BUTTON>
<A ID="download" STYLE="display: none"></A>
</DIV>
<HR>
<P>
Check out <A HREF="http://erikdemaine.org/fonts/">other mathematical and
puzzle fonts</A>. • Feedback or not working?
<A HREF="mailto:[email protected]">Email Erik</A>.
</BODY>
</HTML>