-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathquickgrapher-tutorials.html
86 lines (75 loc) · 5.33 KB
/
quickgrapher-tutorials.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
<!--
Sliders.html, a simple javascript equation parser that creats dynamic sliders based on the equation
based on original work by Hunter Davis, 2010
Copyright Discursive Labs, LLC
We still need to decided on a license for our internal tools we share with the community
So if you'd like this to be gpl, send us an email
hunter or mark at discursivelabs.com
-->
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>QuickGrapher Help</title>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link rel="stylesheet" media="all" href="http://www.hunterdavis.com/quickgrapher/css/less-style.css"/>
<meta name="viewport" content="width=device-width; initial-scale=1"/>
<!-- Add "maximum-scale=1" to fix the Mobile Safari auto-zoom bug on orientation changes,
but keep in mind that it will disable user-zooming completely. Bad for accessibility. -->
<!--script src="/js/obfs.js" type="text/javascript" charset="utf-8"></script-->
</head>
<body>
<div id="container">
<div id="inner">
<span style="width: 100%;">
<a href="http://www.hunterdavis.com/quickgrapher/">
<img class="logo" src="http://www.hunterdavis.com/quickgrapher/images/logo_1.png"></img>
</a>
</span>
<h2>Tutorial Videos</h2>
<div class="instructions">
QuickGrapher is a quick and easy way to solve and interact with equations in a whole new way. Take a look at our introductory video below to get a head start on using QuickGrapher.
<object style="height: 390px; width: 600px"><param name="movie" value="http://www.youtube.com/v/o24ph-0_u9M?version=3"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="http://www.youtube.com/v/o24ph-0_u9M?version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="600" height="390"></object>
<br/>
</div>
<div class="instructions">
With QuickGrapher, anyone can easily visualize the effects of multiple variables on complex equations in a simple way. View a video demonstration of this below.
<object style="height: 390px; width: 600px"><param name="movie" value="http://www.youtube.com/v/ej7pAX2fMj4?version=3"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="http://www.youtube.com/v/ej7pAX2fMj4?version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="600" height="390"></object>
<br/>
</div>
<div class="instructions">
Quickgrapher allows you to quickly double-check any equation graph you come across. View a demonstration video of one of our testers vetting an XKCD comic below.
<object style="height: 390px; width: 600px"><param name="movie" value="http://www.youtube.com/v/XiIPsVVtCU4?version=3"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="http://www.youtube.com/v/XiIPsVVtCU4?version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="600" height="390"></object>
<br/>
</div>
<div class="instructions">
QuickGrapher supports logical and complex functions that your old calculator never could and it is constantly improving. View a demonstration of some of the advanced features of QuickGrapher below.
<object style="height: 390px; width: 600px"><param name="movie" value="http://www.youtube.com/v/WOC_IzFQt44?version=3"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="http://www.youtube.com/v/WOC_IzFQt44?version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="600" height="390"></object>
<br/>
</div>
</div>
</div>
<center>
Email: <font style="font-weight: bold">hunter @ hunterdavis.com/quickgrapher/</font><br/>
Copyright 2011 Discursive Labs, LLC
</center>
<div id="beta_box" style="position:absolute; top: 0px; right: 0px; padding: 4px; font-weight: bold; font-size: 13pt; color: rgb(195,220,235); background-color: rgb(164,157,143); width: 120px; text-align: right; border: 1px solid rgb(144,136,125);">
<div style="text-align: center;">We love feedback & suggestions!</div><br/><br/>
<font style="font-size: 10pt;">Let us know your thoughts in an email to</font>
<div style="text-align: left; color: rgb(53, 52, 49); margin-bottom: -5px; padding-bottom: 10px; border-bottom: 1px solid black"><br/>beta <font style="color: rgb(255,255,255);">@</font><br/><font style="font-size: 10pt;">hunterdavis.com/quickgrapher/</font></div>
</div>
<script type="text/javascript">
// Google analytics
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-19995643-2']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>