speedandcurrent 1.0.1 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/public/style.css DELETED
@@ -1,184 +0,0 @@
1
- body {
2
- font-family: Arial, sans-serif;
3
- display: flex;
4
-
5
- position: relative;
6
- display: flex;
7
- flex-direction: column;
8
- margin: 0;
9
- }
10
-
11
- section {
12
- width: 100%;
13
- padding: 10px;
14
- box-sizing: border-box;
15
- }
16
-
17
-
18
- svg {
19
- border: 1px solid #ccc;
20
- width: 50%;
21
- height: auto;
22
- aspect-ratio: 1 / 1;
23
- }
24
-
25
- .label {
26
- font-size: 12px;
27
- text-anchor: middle;
28
- }
29
-
30
- table {
31
- border-collapse: collapse;
32
- }
33
-
34
- /* .correctionTable {
35
-
36
- } */
37
-
38
- th,
39
- td {
40
- border: 1px solid black;
41
- padding: 5px;
42
- }
43
-
44
- th {
45
- background-color: #a2a2a2;
46
- }
47
-
48
- /* tr:nth-child(even) {
49
- background-color: #f2f2f2;
50
- } */
51
-
52
- .TablecolumnHeader {
53
- text-align: center;
54
- background-color: #a2a2a2;
55
- }
56
-
57
- .TableRowHeader {
58
- text-align: right;
59
- background-color: #a2a2a2;
60
- }
61
-
62
- .TableCell {
63
- width: 60px;
64
- /* Adjust the size as needed */
65
- height: 60px;
66
- /* Same as width to make it square */
67
- text-align: center;
68
- vertical-align: middle;
69
- font-size: 11px;
70
- background-color:white;
71
- }
72
-
73
- .selectedCell {
74
- background-color: #ff0000;
75
- color: #fff;
76
- }
77
-
78
- .emptyCell {
79
- background-color: #f2f2f2;
80
- }
81
-
82
- /* Fixed menu bar */
83
- .menu-bar {
84
- position: fixed;
85
- top: 0;
86
- left: 0;
87
- width: 100%;
88
- background: #6a6a6a;
89
- color: black;
90
- display: flex;
91
- align-items: center;
92
- padding: 10px 20px;
93
- gap: 20px;
94
- box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
95
- z-index: 1000;
96
- }
97
-
98
- /* Menu items */
99
- .menu-item {
100
- display: flex;
101
- align-items: center;
102
- gap: 5px;
103
- cursor: pointer;
104
- }
105
-
106
- /* Labels */
107
- .menu-item label {
108
- font-size: 14px;
109
- color: black;
110
- }
111
-
112
- /* Dropdowns styled as text with dropdown arrow */
113
- .menu-item select {
114
- background: transparent;
115
- border: none;
116
- border: 1px solid #888;
117
- color: black;
118
- font-size: 14px;
119
- appearance: none;
120
- padding-right: 15px;
121
- cursor: pointer;
122
- }
123
-
124
- /* Custom dropdown styling */
125
- .menu-item select::-ms-expand {
126
- display: none;
127
- }
128
-
129
-
130
- /* Pause Button */
131
- #toggle-updates {
132
- background: transparent;
133
- border: 1px solid #888;
134
- padding: 5px 15px;
135
- border-radius: 4px;
136
- cursor: pointer;
137
- }
138
-
139
- #toggle-updates:hover {
140
- background: #555;
141
- }
142
-
143
- /* Push content below fixed menu */
144
- .content {
145
- margin-top: 60px;
146
- : 20px;
147
- }
148
-
149
- .boatSpeed {
150
- background-color: lightseagreen;
151
- }
152
-
153
- .correction {
154
- background-color: red;
155
- }
156
-
157
- .correctedSpeed {
158
- background-color: seagreen;
159
- }
160
-
161
- .residual {
162
- background-color: rgb(250, 140, 158);
163
- }
164
-
165
- .current {
166
- background-color: rgb(52, 52, 255);
167
- }
168
-
169
-
170
- .groundSpeed {
171
- background-color: brown;
172
- }
173
-
174
- .surfacePlot {
175
- width: 100%;
176
-
177
- height: 100%;
178
- border: 1px solid black;
179
- /* Keep the border for recognition */
180
- padding: 0;
181
- margin: 0;
182
- position: relative;
183
- /* Ensure it can be positioned correctly */
184
- }
@@ -1,59 +0,0 @@
1
- body {
2
- font-family: Arial, sans-serif;
3
- display: flex;
4
- position: relative;
5
- display: flex;
6
- flex-direction: column;
7
- margin: 0;
8
- }
9
-
10
-
11
- svg {
12
- width: 100vmin;
13
- height: 100vmin;
14
- }
15
-
16
-
17
-
18
- line {
19
- stroke-width: 1;
20
- stroke: green;
21
- }
22
-
23
- #hull {
24
- stroke: purple;
25
- stroke-width: 1;
26
- stroke-linecap: round;
27
- }
28
-
29
- #mast {
30
- stroke: purple;
31
- stroke-width: 1;
32
- stroke-linecap: round;
33
- }
34
-
35
- #boatSpeed {
36
- stroke: lightseagreen;
37
- }
38
-
39
- #correction {
40
- stroke: red;
41
- }
42
-
43
-
44
- #correctedSpeed {
45
- stroke: seagreen;
46
- }
47
-
48
- #residual {
49
- stroke: rgb(250, 140, 158);
50
- }
51
-
52
- #current {
53
- stroke: rgb(52, 52, 255) ;
54
- }
55
-
56
-
57
- #groundSpeed {
58
- stroke: brown;
59
- }