-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
119 lines (104 loc) · 3.87 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
<!DOCTYPE html>
<!-- This file is part of BikeGeo.
BikeGeo is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License version 3 as
published by the Free Software Foundation.
BikeGeo is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Affero General Public License for more details.
You should have received a copy of the GNU Affero General Public License
along with BikeGeo. If not, see <http://www.gnu.org/licenses/>.
Copyright 2014 Juha Virtakoivu -->
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<meta name="keywords" content="stack, reach, bike, bicycle">
<meta name="description" content="Bicycle stack and reach calculator with visualization.">
<link rel="stylesheet" type="text/css" href="bikegeo.css">
<title>Stack and reach calculator</title>
</head>
<body>
<!-- hidden help image-->
<div style="visibility:hidden;height:0">
<img id="helpPng" src="help1.png" alt="Error in help function">
</div>
<div class = "body">
<div id = "canvases" class = "LeftColumn" >
<canvas id="bg" width="600" height="320" class="bike"
style="z-index: 0; background-color:#F8F8F8;">
</canvas>
<canvas id="help" width="600" height="320" class="bike"
style="z-index: 10;">
</canvas>
<div class="disclaimer">
<a href="#" id="helpLink"> Toggle help </a> <br>
</div>
</div>
<script src="./bike.js"></script>
<!-- "virtual" dedicated forms for the bikes-->
<div id="bikeForms">
</div>
<div class="RightColumn">
<form name="BikesData" method="GET">
<table class="BikeInputTable">
<thead>
<tr id = "row_bikes">
<th class="label">Geometry</th>
<!-- style="color:#ff0000;" -->
</thead>
<tbody>
<tr id="row_hta"><td>Head tube angle(1)</td>
</tr>
<tr id="row_fstack"><td>Frame Stack(2) </td>
</tr>
<tr id="row_freach"><td>Frame Reach(3) </td>
</tr>
<tr id="row_spacers"><td>Spacers height(4)</td>
</tr>
<tr id="row_headset"><td>Headset height(5)</td>
</tr>
<tr id="row_sl"><td>Stem length(6)</td>
</tr>
<tr id="row_sa"><td>Stem angle(7)</td>
</tr>
<tr id="row_handlebarReach"><td>Handlebar Reach(8)</td>
</tr>
</tbody>
<tfoot>
<tr id="row_reachWspc" class="divider"><td>Reach(spacers)(9)</td>
</tr>
<tr id="row_stackWspc"><td>Stack(spacers)(10)</td>
</tr>
<tr id="row_reachWstm" class="divider"><td>Reach(stem)(11)</td>
</tr>
<tr id="row_reachWstmWhandlebar"><td>Reach(Handlebar)(12)</td>
</tr>
<tr id="row_stackWstm"><td>Stack(stem)(13)</td>
</tr>
<tr id="row_color" class="divider"><td>Graphics color</td>
</tr>
<tr id="row_controls"><td><button onclick="addBike(null, bikes)">Add</button></td>
</tr>
</tfoot>
</table>
</form>
</div>
<script src="./init.js"></script>
<div class="footer">
<p class="credits"> This web site was developed with free open source tools:
<a href="http://www.gnu.org/software/emacs/"> Emacs</a>,
<a href="https://wiki.gnome.org/Apps/Dia">Dia</a>, <BR>
<a href="https://wiki.debian.org/Iceweasel"> Iceweasel</a>
<a href="https://www.mozilla.org/firefox">(Firefox)</a>,
<a href="https://wiki.gnome.org/Apps/Web">Epiphany</a> and
<a href="http://www.gimp.org/">GIMP</a>
packaged by
<a href="https://www.debian.org/">Debian project</a>.</p>
<p class="cr">Copyright 2014<a href="mailto:juha@bikegeo.net">Juha Virtakoivu</a> , 2020 Scott Phillips, 2022 Valentin Chirikov
<BR>
The original source code is available at <a href="https://github.com/Yellow-Me/bikegeo">GitHub</a></p>
</div>
</div>
</body>
</html>