-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
134 lines (129 loc) · 9.57 KB
/
index.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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>XprtCalc</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="description"
content="Expert calculator that supports vectors, arbitrary precision, lambda functions, and algebraic manipulation." />
<meta charset="utf-8" />
<meta name="author" content="Benjamin Cates" />
<link rel="icon" type="image/x-icon" href="favicon.ico">
<script src="wasm/arb.js"></script>
<script defer src="wasm/build/webxprtcalc.js"></script>
<link rel="stylesheet" href="wasm/style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel='preconnect' href='https://fonts.googleapis.com'>
<link rel='preconnect' href='https://fonts.gstatic.com' crossorigin>
<link href='https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono:wght@500&display=swap'
rel='stylesheet'>
</head>
<body>
<div id="io">
<div id="input">
<textarea id="input_element" spellcheck="false" autocomplete="off" autocorrect="off"
autocapitalize="off" onkeydown="textAreaKeydown(event)" inputmode="text"
oninput="update_highlight(this.value)" title="input textarea"></textarea>
<pre><code id="highlight_output" aria-hidden="true"></code></pre>
</div>
<div id="output">
<span class="hide_on_next_xpr" style="text-align:center;display:inline-block;">
Welcome to <Cu>XprtCalc</Cu>. Type an expression into the box, or open the help pages on the bottom
left.
<noscript>
<Ce>Error: </Ce> Javascript is not enabled in this browser, please enable it to continue.
</noscript>
</span>
</div>
</div>
<button id="keyboard_open" title="Toggle keyboard"><svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Artwork" x="0px" y="0px" width="35"
height="35" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve">
<g>
<circle cx="99.3" cy="273.5" r="15.3" />
<path
d="M162,288.8L162,288.8c8.5,0,15.3-6.9,15.3-15.3c0-8.5-6.9-15.3-15.3-15.3l0,0c-8.5,0-15.3,6.9-15.3,15.3 C146.7,282,153.5,288.8,162,288.8z" />
<circle cx="224.6" cy="273.5" r="15.3" />
<circle cx="287.3" cy="273.5" r="15.3" />
<circle cx="350" cy="273.5" r="15.3" />
<circle cx="412.7" cy="273.5" r="15.3" />
<circle cx="130.7" cy="338.5" r="15.3" />
<circle cx="193.3" cy="338.5" r="15.3" />
<circle cx="256" cy="338.5" r="15.3" />
<circle cx="318.6" cy="338.5" r="15.3" />
<circle cx="381.3" cy="338.5" r="15.3" />
<path
d="M134.5,403.4c0,6.8,5.5,12.3,12.3,12.3h218.6c6.8,0,12.3-5.5,12.3-12.3s-5.5-12.3-12.3-12.3H146.7 C139.9,391.2,134.5,396.6,134.5,403.4z" />
<path
d="M296.4,122.9h70.9c27.3,0,49.6-22.2,49.6-49.6s-22.2-49.6-49.6-49.6l-240.5,0.1c-6.8,0-12.2,5.5-12.2,12.3 c0,6.8,5.5,12.2,12.3,12.2h0l240.5-0.1c13.8,0,25.1,11.2,25.1,25.1s-11.2,25.1-25.1,25.1h-70.9c-29.6,0-53.7,24.1-53.7,53.7v36.7 H39.3c-15.6,0-28.3,12-28.3,26.7v246c0,14.7,12.7,26.7,28.3,26.7h433.4c15.6,0,28.3-12,28.3-26.7v-246c0-14.7-12.7-26.7-28.3-26.7 H267.3v-36.7C267.3,136,280.3,122.9,296.4,122.9z M476.5,215.5v246c0,0.9-1.5,2.2-3.8,2.2H39.3c-2.3,0-3.8-1.3-3.8-2.2v-246 c0-0.9,1.5-2.2,3.8-2.2h433.4C475.1,213.2,476.5,214.7,476.5,215.5z" />
</g>
</svg>
<svg width="35" height="35" id="keyboard_open_x" style="position: relative;top:-35px;"
viewBox="0 0 461 461">
<path class="panel_header_icon" xmlns="http://www.w3.org/2000/svg" style="fill:#FF000088;"
d="M285.08,230.397L456.218,59.27c6.076-6.077,6.076-15.911,0-21.986L423.511,4.565c-2.913-2.911-6.866-4.55-10.992-4.55 c-4.127,0-8.08,1.639-10.993,4.55l-171.138,171.14L59.25,4.565c-2.913-2.911-6.866-4.55-10.993-4.55 c-4.126,0-8.08,1.639-10.992,4.55L4.558,37.284c-6.077,6.075-6.077,15.909,0,21.986l171.138,171.128L4.575,401.505 c-6.074,6.077-6.074,15.911,0,21.986l32.709,32.719c2.911,2.911,6.865,4.55,10.992,4.55c4.127,0,8.08-1.639,10.994-4.55 l171.117-171.12l171.118,171.12c2.913,2.911,6.866,4.55,10.993,4.55c4.128,0,8.081-1.639,10.992-4.55l32.709-32.719 c6.074-6.075,6.074-15.909,0-21.986L285.08,230.397z" />
</svg></button>
<div id="keyboard" class="page1">
</div>
<div id="panel">
<button id="panel_open" onclick="openHelpPanel(true)" title="Open panel">?</button>
<div id="panel_header">
<button onclick="openHelp('back')" id="help_back"><svg width='30' height='30' viewbox='0 0 13 13'>
<g transform='translate(-2,-2)rotate(180,7.5,7.5)'>
<path
d='M 3 3 L 3 2 L 4 1 L 5 1 L 10 6 L 10 7 L 5 12 L 4 12 L 3 11 L 3 10 L 6 7 L 6 6 L 3 3'>
</path>
</g>
</svg></button>
<input type="text" id="help_search" placeholder="Search the docs..." onkeydown="helpSearch(event,this)"
onclick="helpSearch(event,'!click')">
<button onclick="openHelpPanel(false)" title="Close panel"><svg width="30" height="30"
viewBox="0 0 461 461">
<path class="panel_header_icon" xmlns="http://www.w3.org/2000/svg"
d="M285.08,230.397L456.218,59.27c6.076-6.077,6.076-15.911,0-21.986L423.511,4.565c-2.913-2.911-6.866-4.55-10.992-4.55 c-4.127,0-8.08,1.639-10.993,4.55l-171.138,171.14L59.25,4.565c-2.913-2.911-6.866-4.55-10.993-4.55 c-4.126,0-8.08,1.639-10.992,4.55L4.558,37.284c-6.077,6.075-6.077,15.909,0,21.986l171.138,171.128L4.575,401.505 c-6.074,6.077-6.074,15.911,0,21.986l32.709,32.719c2.911,2.911,6.865,4.55,10.992,4.55c4.127,0,8.08-1.639,10.994-4.55 l171.117-171.12l171.118,171.12c2.913,2.911,6.866,4.55,10.993,4.55c4.128,0,8.081-1.639,10.992-4.55l32.709-32.719 c6.074-6.075,6.074-15.909,0-21.986L285.08,230.397z" />
</svg></button>
</div>
<div id="search_results">
</div>
<div id="help_page"></div>
<div id="help_page_front">
<div style='font-size:24pt;margin-bottom:20px;'>Welcome to <Cu>XprtCalc</Cu>!</div>
<hCont>
To get started, type an expression into the main box.<br>Please use the search
bar to view the help pages or see these basic pages to understand the more advanced features of
the
program:<br><br>
<div style="color:#AAA;font-size:20pt;">Important pages:</div>
<div class="search_result" onclick="openHelp('types');">Types</div>
<div class="search_result" onclick="openHelp('number');">Number</div>
<div class="search_result" onclick="openHelp('vector');">Vector</div>
<div class="search_result" onclick="openHelp('lambda');">Lambda function</div>
<div class="search_result" onclick="openHelp('units');">Units</div>
<div class="search_result" onclick="openHelp('assignment operator');">Assignment operator </div>
<div class="search_result" onclick="openHelp('variables');">Variables </div>
<br>
<div style="color:#AAA;font-size:20pt;">Powerful features:</div>
<div class="search_result" onclick="openHelp('history');">History </div>
<div class="search_result" onclick="openHelp('derivative');"> Derivative</div>
<div class="search_result" onclick="openHelp('simplify');">Simplify </div>
<div class="search_result" onclick="openHelp('infinite series');"> Infinite sum</div>
<div class="search_result" onclick="openHelp('include command');"> Include command</div>
<br>
<div style="color:#AAA;font-size:20pt;">Listicles:</div>
<div class="search_result" onclick="openHelp('list of pages');">List of pages</div>
<div class="search_result" onclick="openHelp('list of operators');"> List of operators</div>
<div class="search_result" onclick="openHelp('list of functions');"> List of functions</div>
<div class="search_result" onclick="openHelp('list of units');">List of units</div>
<div class="search_result" onclick="openHelp('list of commands');"> List of commands</div>
<br>
This project was created by Benjamin Cates and is open source on <a
href="https://github.com/benjamin-cates/XprtCalc">GitHub</a>. Visit the link to see an
overview
of the project
</hCont>
</div>
</div>
<div id="cover" onclick="openHelpPanel(false)"></div>
</body>
<script src="wasm/driver.js"></script>
</html>