-
Notifications
You must be signed in to change notification settings - Fork 0
/
instructions.html
53 lines (53 loc) · 3.4 KB
/
instructions.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="apple-touch-icon" sizes="180x180" href="favicon_io/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon_io/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon_io/favicon-16x16.png">
<link rel="manifest" href="favicon_io/site.webmanifest">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open%20Sans">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<link rel="stylesheet" type="text/css" href="styles.css">
<title>Instructions</title>
</head>
<body class="smallerFontSize">
<h1>Instructions for Mason's Gain Formula Website</h1>
<div class="halfWidthEach">
<div class="pad">
<p>The website can receive input through the table or as a .txt file. Use the buttons to add and remove rows on the table.</p>
<p>Pressing the 'Submit' button draws the relevant charts for the formula.</p>
<p>Each row in the input represents an edge. The website reads the list of edges from top to bottom.</p>
<p>The further to the top of the table or .txt file the first edge that contains a given node is, the further to the left in that node is graphed in the diagrams.</p>
<p>By default, the nodes are graphed along a horizontal axis but you can drag them to other locations; sometimes this renders the diagram more comprehensible.</p>
<p>Each edge's 'from' and 'to' nodes must be integers. The gain can consist of letters and numbers. For a subscript use an underscore (G<sub>s</sub> as G_s).</p>
<p>Here are some examples of input files that will not work because they break one or more of the aforementioned rules:</p>
<div class="pad adjacent">
0 1 a<br>
3 2 b<br>
2 3 c<br>
2 4 d<br>
</div>
<div class="pad adjacent">
0 1 a<br>
1 2 b<br>
2 5 c<br>
5 6 d<br>
6 3 e<br>
3 4 f<br>
6 5 g<br>
3 2 h<br>
</div>
</div>
<div class="pad">
<p>0 must always exist as the source node, and there must always be at least one forward path from it to the sink node.</p>
<p>Each node must belong to at least one forward path connecting the source node to the sink node.</p>
<p>The sink node must have the largest integer label.</p>
<p>An edge is considered to point forwards if it points from a node with a lower integer to one with a higher integer.</p>
<p>An edge points backwards if it points from a node with a higher integer to one with a lower integer.</p>
<p>It is recommended (though not required) that you enter the edges in one path from the source to sink node with each edge's from = it's 'to'-1, if such a path exists, before entering the loops or forward paths between nodes with nonadjacent numbers to minimize the likelihood of having to drag the nodes around to make the diagrams more easily comprehensible. </p>
<p>Press 'Get Sample' for an example of a table and visit <a href="https://github.com/vader-coder/MasonsGainFormula">the GitHub repository</a> for examples of .txt files.</p>
</div>
</div>
</body>
</html>