Mercurial > repos > gregor.m > spyboat

comparison OutputReport.html @ 5:d5a4180410c4 draft default tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
"planemo upload commit 7bc843096b70fe1c8fc149e69d8f87fceac4eb3b"
author gregor.m
date Sat, 28 Nov 2020 18:50:09 +0000
parents a4c6fcf2c456
children
comparison
equal deleted inserted replaced
4:a4c6fcf2c456 5:d5a4180410c4
20 display: grid; 20 display: grid;
21 margin: 0 auto; 21 margin: 0 auto;
22 text-align: center; 22 text-align: center;
23 /* border: 1px dashed rgba(4, 4, 4, 0.35); */ 23 /* border: 1px dashed rgba(4, 4, 4, 0.35); */
24 grid-template-columns: repeat(3,1fr); 24 grid-template-columns: repeat(3,1fr);
25 grid-template-rows: 20vw; 25 grid-template-rows: 20vw;
26 grid-gap: 0px; 26 grid-gap: 0px;
27 column-gap: 0px 27 column-gap: 0px
28 } 28 }
29 .distr_gallery__img { 29 .distr_gallery__img {
30 width: 100%; 30 width: 100%;
54 color:#363333;} 54 color:#363333;}
55 </style> 55 </style>
56 </head> 56 </head>
57 <body> 57 <body>
58 <h1 style="text-align:center; color:#363333">SpyBOAT Results Report</h1> 58 <h1 style="text-align:center; color:#363333">SpyBOAT Results Report</h1>
59 <hr style="width:50%"> 59 <hr style="width:50%">
60 <h1 class="subheader"> Distribution Dynamics </h1> 60 <h1 class="subheader"> Distribution Dynamics </h1>
61 <div class="distr_gallery"> 61 <div class="distr_gallery">
62 <figure class=”distr_gallery__item distr_gallery__item--1"> 62 <figure class=”distr_gallery__item distr_gallery__item--1">
63 <img src="period_distr.png" alt="Period" class="distr_gallery__img"> 63 <img src="period_distr.png" alt="Period" class="distr_gallery__img">
64 </figure> 64 </figure>
81 <button class="w3-button" onclick="plusDivs(1)">Next &#10095;</button> 81 <button class="w3-button" onclick="plusDivs(1)">Next &#10095;</button>
82 </div> 82 </div>
83 83
84 <!-- defines all elements of the "FrameSlides" class ---> 84 <!-- defines all elements of the "FrameSlides" class --->
85 85
86 <div class="FrameSlides"> 86 <div class="FrameSlides">
87 <h3 style="text-align:center; color=#363333"> Frame Nr. 20 </h3> 87 <h3 style="text-align:center; color=#363333">
88 88 Frame Nr. 20 </h3>
89 <div class="snapshot_gallery"> 89
90 90 <div class="snapshot_gallery">
91 <figure class=”snapshot_gallery__item snapshot_gallery__item--1"> 91
92 <img src="input_frame20.png" alt="The Input" class="snapshot_gallery__img"> 92 <figure class=”snapshot_gallery__item
93 </figure> 93 snapshot_gallery__item--1">
94 94 <img src="input_frame20.png" alt="The Input"
95 <figure class=”snapshot_gallery__item snapshot_gallery__item--2"> 95 class="snapshot_gallery__img">
96 <img src="phase_frame20.png" alt="Phase" class="snapshot_gallery__img"> 96 </figure>
97 </figure> 97
98 98 <figure class=”snapshot_gallery__item
99 <figure class=”snapshot_gallery__item snapshot_gallery__item--3"> 99 snapshot_gallery__item--2">
100 <img src="period_frame20.png" alt="Period" class="snapshot_gallery__img"> 100 <img src="phase_frame20.png" alt="Phase"
101 </figure> 101 class="snapshot_gallery__img">
102 102 </figure>
103 <figure class=”snapshot_gallery__item snapshot_gallery__item--4"> 103
104 <img src="amplitude_frame20.png" alt="Amplitude" class="snapshot_gallery__img"> 104 <figure class=”snapshot_gallery__item
105 </figure> 105 snapshot_gallery__item--3">
106 </div> 106 <img src="period_frame20.png"
107 </div> 107 alt="Period" class="snapshot_gallery__img">
108 108 </figure>
109 <div class="FrameSlides"> 109
110 <h3 style="text-align:center; color=#363333"> Frame Nr. 29 </h3> 110 <figure class=”snapshot_gallery__item
111 111 snapshot_gallery__item--4">
112 <div class="snapshot_gallery"> 112 <img src="amplitude_frame20.png"
113 113 alt="Amplitude" class="snapshot_gallery__img">
114 <figure class=”snapshot_gallery__item snapshot_gallery__item--1"> 114 </figure>
115 <img src="input_frame29.png" alt="The Input" class="snapshot_gallery__img"> 115 </div>
116 </figure> 116 </div>
117 117
118 <figure class=”snapshot_gallery__item snapshot_gallery__item--2"> 118 <div class="FrameSlides">
119 <img src="phase_frame29.png" alt="Phase" class="snapshot_gallery__img"> 119 <h3 style="text-align:center; color=#363333">
120 </figure> 120 Frame Nr. 28 </h3>
121 121
122 <figure class=”snapshot_gallery__item snapshot_gallery__item--3"> 122 <div class="snapshot_gallery">
123 <img src="period_frame29.png" alt="Period" class="snapshot_gallery__img"> 123
124 </figure> 124 <figure class=”snapshot_gallery__item
125 125 snapshot_gallery__item--1">
126 <figure class=”snapshot_gallery__item snapshot_gallery__item--4"> 126 <img src="input_frame28.png" alt="The Input"
127 <img src="amplitude_frame29.png" alt="Amplitude" class="snapshot_gallery__img"> 127 class="snapshot_gallery__img">
128 </figure> 128 </figure>
129 </div> 129
130 </div> 130 <figure class=”snapshot_gallery__item
131 131 snapshot_gallery__item--2">
132 <div class="FrameSlides"> 132 <img src="phase_frame28.png" alt="Phase"
133 <h3 style="text-align:center; color=#363333"> Frame Nr. 38 </h3> 133 class="snapshot_gallery__img">
134 134 </figure>
135 <div class="snapshot_gallery"> 135
136 136 <figure class=”snapshot_gallery__item
137 <figure class=”snapshot_gallery__item snapshot_gallery__item--1"> 137 snapshot_gallery__item--3">
138 <img src="input_frame38.png" alt="The Input" class="snapshot_gallery__img"> 138 <img src="period_frame28.png"
139 </figure> 139 alt="Period" class="snapshot_gallery__img">
140 140 </figure>
141 <figure class=”snapshot_gallery__item snapshot_gallery__item--2"> 141
142 <img src="phase_frame38.png" alt="Phase" class="snapshot_gallery__img"> 142 <figure class=”snapshot_gallery__item
143 </figure> 143 snapshot_gallery__item--4">
144 144 <img src="amplitude_frame28.png"
145 <figure class=”snapshot_gallery__item snapshot_gallery__item--3"> 145 alt="Amplitude" class="snapshot_gallery__img">
146 <img src="period_frame38.png" alt="Period" class="snapshot_gallery__img"> 146 </figure>
147 </figure> 147 </div>
148 148 </div>
149 <figure class=”snapshot_gallery__item snapshot_gallery__item--4"> 149
150 <img src="amplitude_frame38.png" alt="Amplitude" class="snapshot_gallery__img"> 150 <div class="FrameSlides">
151 </figure> 151 <h3 style="text-align:center; color=#363333">
152 </div> 152 Frame Nr. 36 </h3>
153 </div> 153
154 154 <div class="snapshot_gallery">
155 <div class="FrameSlides"> 155
156 <h3 style="text-align:center; color=#363333"> Frame Nr. 47 </h3> 156 <figure class=”snapshot_gallery__item
157 157 snapshot_gallery__item--1">
158 <div class="snapshot_gallery"> 158 <img src="input_frame36.png" alt="The Input"
159 159 class="snapshot_gallery__img">
160 <figure class=”snapshot_gallery__item snapshot_gallery__item--1"> 160 </figure>
161 <img src="input_frame47.png" alt="The Input" class="snapshot_gallery__img"> 161
162 </figure> 162 <figure class=”snapshot_gallery__item
163 163 snapshot_gallery__item--2">
164 <figure class=”snapshot_gallery__item snapshot_gallery__item--2"> 164 <img src="phase_frame36.png" alt="Phase"
165 <img src="phase_frame47.png" alt="Phase" class="snapshot_gallery__img"> 165 class="snapshot_gallery__img">
166 </figure> 166 </figure>
167 167
168 <figure class=”snapshot_gallery__item snapshot_gallery__item--3"> 168 <figure class=”snapshot_gallery__item
169 <img src="period_frame47.png" alt="Period" class="snapshot_gallery__img"> 169 snapshot_gallery__item--3">
170 </figure> 170 <img src="period_frame36.png"
171 171 alt="Period" class="snapshot_gallery__img">
172 <figure class=”snapshot_gallery__item snapshot_gallery__item--4"> 172 </figure>
173 <img src="amplitude_frame47.png" alt="Amplitude" class="snapshot_gallery__img"> 173
174 </figure> 174 <figure class=”snapshot_gallery__item
175 </div> 175 snapshot_gallery__item--4">
176 </div> 176 <img src="amplitude_frame36.png"
177 177 alt="Amplitude" class="snapshot_gallery__img">
178 <div class="FrameSlides"> 178 </figure>
179 <h3 style="text-align:center; color=#363333"> Frame Nr. 56 </h3> 179 </div>
180 180 </div>
181 <div class="snapshot_gallery"> 181
182 182 <div class="FrameSlides">
183 <figure class=”snapshot_gallery__item snapshot_gallery__item--1"> 183 <h3 style="text-align:center; color=#363333">
184 <img src="input_frame56.png" alt="The Input" class="snapshot_gallery__img"> 184 Frame Nr. 44 </h3>
185 </figure> 185
186 186 <div class="snapshot_gallery">
187 <figure class=”snapshot_gallery__item snapshot_gallery__item--2"> 187
188 <img src="phase_frame56.png" alt="Phase" class="snapshot_gallery__img"> 188 <figure class=”snapshot_gallery__item
189 </figure> 189 snapshot_gallery__item--1">
190 190 <img src="input_frame44.png" alt="The Input"
191 <figure class=”snapshot_gallery__item snapshot_gallery__item--3"> 191 class="snapshot_gallery__img">
192 <img src="period_frame56.png" alt="Period" class="snapshot_gallery__img"> 192 </figure>
193 </figure> 193
194 194 <figure class=”snapshot_gallery__item
195 <figure class=”snapshot_gallery__item snapshot_gallery__item--4"> 195 snapshot_gallery__item--2">
196 <img src="amplitude_frame56.png" alt="Amplitude" class="snapshot_gallery__img"> 196 <img src="phase_frame44.png" alt="Phase"
197 </figure> 197 class="snapshot_gallery__img">
198 </div> 198 </figure>
199 </div> 199
200 200 <figure class=”snapshot_gallery__item
201 <div class="FrameSlides"> 201 snapshot_gallery__item--3">
202 <h3 style="text-align:center; color=#363333"> Frame Nr. 65 </h3> 202 <img src="period_frame44.png"
203 203 alt="Period" class="snapshot_gallery__img">
204 <div class="snapshot_gallery"> 204 </figure>
205 205
206 <figure class=”snapshot_gallery__item snapshot_gallery__item--1"> 206 <figure class=”snapshot_gallery__item
207 <img src="input_frame65.png" alt="The Input" class="snapshot_gallery__img"> 207 snapshot_gallery__item--4">
208 </figure> 208 <img src="amplitude_frame44.png"
209 209 alt="Amplitude" class="snapshot_gallery__img">
210 <figure class=”snapshot_gallery__item snapshot_gallery__item--2"> 210 </figure>
211 <img src="phase_frame65.png" alt="Phase" class="snapshot_gallery__img"> 211 </div>
212 </figure> 212 </div>
213 213
214 <figure class=”snapshot_gallery__item snapshot_gallery__item--3"> 214 <div class="FrameSlides">
215 <img src="period_frame65.png" alt="Period" class="snapshot_gallery__img"> 215 <h3 style="text-align:center; color=#363333">
216 </figure> 216 Frame Nr. 52 </h3>
217 217
218 <figure class=”snapshot_gallery__item snapshot_gallery__item--4"> 218 <div class="snapshot_gallery">
219 <img src="amplitude_frame65.png" alt="Amplitude" class="snapshot_gallery__img"> 219
220 </figure> 220 <figure class=”snapshot_gallery__item
221 </div> 221 snapshot_gallery__item--1">
222 </div> 222 <img src="input_frame52.png" alt="The Input"
223 223 class="snapshot_gallery__img">
224 <div class="FrameSlides"> 224 </figure>
225 <h3 style="text-align:center; color=#363333"> Frame Nr. 74 </h3> 225
226 226 <figure class=”snapshot_gallery__item
227 <div class="snapshot_gallery"> 227 snapshot_gallery__item--2">
228 228 <img src="phase_frame52.png" alt="Phase"
229 <figure class=”snapshot_gallery__item snapshot_gallery__item--1"> 229 class="snapshot_gallery__img">
230 <img src="input_frame74.png" alt="The Input" class="snapshot_gallery__img"> 230 </figure>
231 </figure> 231
232 232 <figure class=”snapshot_gallery__item
233 <figure class=”snapshot_gallery__item snapshot_gallery__item--2"> 233 snapshot_gallery__item--3">
234 <img src="phase_frame74.png" alt="Phase" class="snapshot_gallery__img"> 234 <img src="period_frame52.png"
235 </figure> 235 alt="Period" class="snapshot_gallery__img">
236 236 </figure>
237 <figure class=”snapshot_gallery__item snapshot_gallery__item--3"> 237
238 <img src="period_frame74.png" alt="Period" class="snapshot_gallery__img"> 238 <figure class=”snapshot_gallery__item
239 </figure> 239 snapshot_gallery__item--4">
240 240 <img src="amplitude_frame52.png"
241 <figure class=”snapshot_gallery__item snapshot_gallery__item--4"> 241 alt="Amplitude" class="snapshot_gallery__img">
242 <img src="amplitude_frame74.png" alt="Amplitude" class="snapshot_gallery__img"> 242 </figure>
243 </div>
244 </div>
245
246 <div class="FrameSlides">
247 <h3 style="text-align:center; color=#363333">
248 Frame Nr. 60 </h3>
249
250 <div class="snapshot_gallery">
251
252 <figure class=”snapshot_gallery__item
253 snapshot_gallery__item--1">
254 <img src="input_frame60.png" alt="The Input"
255 class="snapshot_gallery__img">
256 </figure>
257
258 <figure class=”snapshot_gallery__item
259 snapshot_gallery__item--2">
260 <img src="phase_frame60.png" alt="Phase"
261 class="snapshot_gallery__img">
262 </figure>
263
264 <figure class=”snapshot_gallery__item
265 snapshot_gallery__item--3">
266 <img src="period_frame60.png"
267 alt="Period" class="snapshot_gallery__img">
268 </figure>
269
270 <figure class=”snapshot_gallery__item
271 snapshot_gallery__item--4">
272 <img src="amplitude_frame60.png"
273 alt="Amplitude" class="snapshot_gallery__img">
274 </figure>
275 </div>
276 </div>
277
278 <div class="FrameSlides">
279 <h3 style="text-align:center; color=#363333">
280 Frame Nr. 68 </h3>
281
282 <div class="snapshot_gallery">
283
284 <figure class=”snapshot_gallery__item
285 snapshot_gallery__item--1">
286 <img src="input_frame68.png" alt="The Input"
287 class="snapshot_gallery__img">
288 </figure>
289
290 <figure class=”snapshot_gallery__item
291 snapshot_gallery__item--2">
292 <img src="phase_frame68.png" alt="Phase"
293 class="snapshot_gallery__img">
294 </figure>
295
296 <figure class=”snapshot_gallery__item
297 snapshot_gallery__item--3">
298 <img src="period_frame68.png"
299 alt="Period" class="snapshot_gallery__img">
300 </figure>
301
302 <figure class=”snapshot_gallery__item
303 snapshot_gallery__item--4">
304 <img src="amplitude_frame68.png"
305 alt="Amplitude" class="snapshot_gallery__img">
243 </figure> 306 </figure>
244 </div> 307 </div>
245 </div> 308 </div>
246 309
247 </div> 310 </div>