Mercurial > repos > gregor.m > spyboat
diff OutputReport.html @ 5:d5a4180410c4 draft default tip
"planemo upload commit 7bc843096b70fe1c8fc149e69d8f87fceac4eb3b"
author | gregor.m |
---|---|
date | Sat, 28 Nov 2020 18:50:09 +0000 |
parents | a4c6fcf2c456 |
children |
line wrap: on
line diff
--- a/OutputReport.html Thu Nov 26 16:40:47 2020 +0000 +++ b/OutputReport.html Sat Nov 28 18:50:09 2020 +0000 @@ -22,7 +22,7 @@ text-align: center; /* border: 1px dashed rgba(4, 4, 4, 0.35); */ grid-template-columns: repeat(3,1fr); - grid-template-rows: 20vw; + grid-template-rows: 20vw; grid-gap: 0px; column-gap: 0px } @@ -56,7 +56,7 @@ </head> <body> <h1 style="text-align:center; color:#363333">SpyBOAT Results Report</h1> - <hr style="width:50%"> + <hr style="width:50%"> <h1 class="subheader"> Distribution Dynamics </h1> <div class="distr_gallery"> <figure class=”distr_gallery__item distr_gallery__item--1"> @@ -83,163 +83,226 @@ <!-- defines all elements of the "FrameSlides" class ---> - <div class="FrameSlides"> - <h3 style="text-align:center; color=#363333"> Frame Nr. 20 </h3> + <div class="FrameSlides"> + <h3 style="text-align:center; color=#363333"> + Frame Nr. 20 </h3> <div class="snapshot_gallery"> - <figure class=”snapshot_gallery__item snapshot_gallery__item--1"> - <img src="input_frame20.png" alt="The Input" class="snapshot_gallery__img"> + <figure class=”snapshot_gallery__item + snapshot_gallery__item--1"> + <img src="input_frame20.png" alt="The Input" + class="snapshot_gallery__img"> </figure> - <figure class=”snapshot_gallery__item snapshot_gallery__item--2"> - <img src="phase_frame20.png" alt="Phase" class="snapshot_gallery__img"> + <figure class=”snapshot_gallery__item + snapshot_gallery__item--2"> + <img src="phase_frame20.png" alt="Phase" + class="snapshot_gallery__img"> </figure> - <figure class=”snapshot_gallery__item snapshot_gallery__item--3"> - <img src="period_frame20.png" alt="Period" class="snapshot_gallery__img"> + <figure class=”snapshot_gallery__item + snapshot_gallery__item--3"> + <img src="period_frame20.png" + alt="Period" class="snapshot_gallery__img"> </figure> - <figure class=”snapshot_gallery__item snapshot_gallery__item--4"> - <img src="amplitude_frame20.png" alt="Amplitude" class="snapshot_gallery__img"> + <figure class=”snapshot_gallery__item + snapshot_gallery__item--4"> + <img src="amplitude_frame20.png" + alt="Amplitude" class="snapshot_gallery__img"> </figure> </div> </div> - <div class="FrameSlides"> - <h3 style="text-align:center; color=#363333"> Frame Nr. 29 </h3> + <div class="FrameSlides"> + <h3 style="text-align:center; color=#363333"> + Frame Nr. 28 </h3> <div class="snapshot_gallery"> - <figure class=”snapshot_gallery__item snapshot_gallery__item--1"> - <img src="input_frame29.png" alt="The Input" class="snapshot_gallery__img"> + <figure class=”snapshot_gallery__item + snapshot_gallery__item--1"> + <img src="input_frame28.png" alt="The Input" + class="snapshot_gallery__img"> </figure> - <figure class=”snapshot_gallery__item snapshot_gallery__item--2"> - <img src="phase_frame29.png" alt="Phase" class="snapshot_gallery__img"> + <figure class=”snapshot_gallery__item + snapshot_gallery__item--2"> + <img src="phase_frame28.png" alt="Phase" + class="snapshot_gallery__img"> </figure> - <figure class=”snapshot_gallery__item snapshot_gallery__item--3"> - <img src="period_frame29.png" alt="Period" class="snapshot_gallery__img"> + <figure class=”snapshot_gallery__item + snapshot_gallery__item--3"> + <img src="period_frame28.png" + alt="Period" class="snapshot_gallery__img"> </figure> - <figure class=”snapshot_gallery__item snapshot_gallery__item--4"> - <img src="amplitude_frame29.png" alt="Amplitude" class="snapshot_gallery__img"> + <figure class=”snapshot_gallery__item + snapshot_gallery__item--4"> + <img src="amplitude_frame28.png" + alt="Amplitude" class="snapshot_gallery__img"> </figure> </div> </div> - <div class="FrameSlides"> - <h3 style="text-align:center; color=#363333"> Frame Nr. 38 </h3> + <div class="FrameSlides"> + <h3 style="text-align:center; color=#363333"> + Frame Nr. 36 </h3> <div class="snapshot_gallery"> - <figure class=”snapshot_gallery__item snapshot_gallery__item--1"> - <img src="input_frame38.png" alt="The Input" class="snapshot_gallery__img"> + <figure class=”snapshot_gallery__item + snapshot_gallery__item--1"> + <img src="input_frame36.png" alt="The Input" + class="snapshot_gallery__img"> </figure> - <figure class=”snapshot_gallery__item snapshot_gallery__item--2"> - <img src="phase_frame38.png" alt="Phase" class="snapshot_gallery__img"> + <figure class=”snapshot_gallery__item + snapshot_gallery__item--2"> + <img src="phase_frame36.png" alt="Phase" + class="snapshot_gallery__img"> </figure> - <figure class=”snapshot_gallery__item snapshot_gallery__item--3"> - <img src="period_frame38.png" alt="Period" class="snapshot_gallery__img"> + <figure class=”snapshot_gallery__item + snapshot_gallery__item--3"> + <img src="period_frame36.png" + alt="Period" class="snapshot_gallery__img"> </figure> - <figure class=”snapshot_gallery__item snapshot_gallery__item--4"> - <img src="amplitude_frame38.png" alt="Amplitude" class="snapshot_gallery__img"> + <figure class=”snapshot_gallery__item + snapshot_gallery__item--4"> + <img src="amplitude_frame36.png" + alt="Amplitude" class="snapshot_gallery__img"> </figure> </div> </div> - <div class="FrameSlides"> - <h3 style="text-align:center; color=#363333"> Frame Nr. 47 </h3> + <div class="FrameSlides"> + <h3 style="text-align:center; color=#363333"> + Frame Nr. 44 </h3> <div class="snapshot_gallery"> - <figure class=”snapshot_gallery__item snapshot_gallery__item--1"> - <img src="input_frame47.png" alt="The Input" class="snapshot_gallery__img"> + <figure class=”snapshot_gallery__item + snapshot_gallery__item--1"> + <img src="input_frame44.png" alt="The Input" + class="snapshot_gallery__img"> </figure> - <figure class=”snapshot_gallery__item snapshot_gallery__item--2"> - <img src="phase_frame47.png" alt="Phase" class="snapshot_gallery__img"> + <figure class=”snapshot_gallery__item + snapshot_gallery__item--2"> + <img src="phase_frame44.png" alt="Phase" + class="snapshot_gallery__img"> </figure> - <figure class=”snapshot_gallery__item snapshot_gallery__item--3"> - <img src="period_frame47.png" alt="Period" class="snapshot_gallery__img"> + <figure class=”snapshot_gallery__item + snapshot_gallery__item--3"> + <img src="period_frame44.png" + alt="Period" class="snapshot_gallery__img"> </figure> - <figure class=”snapshot_gallery__item snapshot_gallery__item--4"> - <img src="amplitude_frame47.png" alt="Amplitude" class="snapshot_gallery__img"> + <figure class=”snapshot_gallery__item + snapshot_gallery__item--4"> + <img src="amplitude_frame44.png" + alt="Amplitude" class="snapshot_gallery__img"> </figure> </div> </div> - <div class="FrameSlides"> - <h3 style="text-align:center; color=#363333"> Frame Nr. 56 </h3> + <div class="FrameSlides"> + <h3 style="text-align:center; color=#363333"> + Frame Nr. 52 </h3> <div class="snapshot_gallery"> - <figure class=”snapshot_gallery__item snapshot_gallery__item--1"> - <img src="input_frame56.png" alt="The Input" class="snapshot_gallery__img"> + <figure class=”snapshot_gallery__item + snapshot_gallery__item--1"> + <img src="input_frame52.png" alt="The Input" + class="snapshot_gallery__img"> </figure> - <figure class=”snapshot_gallery__item snapshot_gallery__item--2"> - <img src="phase_frame56.png" alt="Phase" class="snapshot_gallery__img"> + <figure class=”snapshot_gallery__item + snapshot_gallery__item--2"> + <img src="phase_frame52.png" alt="Phase" + class="snapshot_gallery__img"> </figure> - <figure class=”snapshot_gallery__item snapshot_gallery__item--3"> - <img src="period_frame56.png" alt="Period" class="snapshot_gallery__img"> + <figure class=”snapshot_gallery__item + snapshot_gallery__item--3"> + <img src="period_frame52.png" + alt="Period" class="snapshot_gallery__img"> </figure> - <figure class=”snapshot_gallery__item snapshot_gallery__item--4"> - <img src="amplitude_frame56.png" alt="Amplitude" class="snapshot_gallery__img"> + <figure class=”snapshot_gallery__item + snapshot_gallery__item--4"> + <img src="amplitude_frame52.png" + alt="Amplitude" class="snapshot_gallery__img"> </figure> </div> </div> - <div class="FrameSlides"> - <h3 style="text-align:center; color=#363333"> Frame Nr. 65 </h3> + <div class="FrameSlides"> + <h3 style="text-align:center; color=#363333"> + Frame Nr. 60 </h3> <div class="snapshot_gallery"> - <figure class=”snapshot_gallery__item snapshot_gallery__item--1"> - <img src="input_frame65.png" alt="The Input" class="snapshot_gallery__img"> + <figure class=”snapshot_gallery__item + snapshot_gallery__item--1"> + <img src="input_frame60.png" alt="The Input" + class="snapshot_gallery__img"> </figure> - <figure class=”snapshot_gallery__item snapshot_gallery__item--2"> - <img src="phase_frame65.png" alt="Phase" class="snapshot_gallery__img"> + <figure class=”snapshot_gallery__item + snapshot_gallery__item--2"> + <img src="phase_frame60.png" alt="Phase" + class="snapshot_gallery__img"> </figure> - <figure class=”snapshot_gallery__item snapshot_gallery__item--3"> - <img src="period_frame65.png" alt="Period" class="snapshot_gallery__img"> + <figure class=”snapshot_gallery__item + snapshot_gallery__item--3"> + <img src="period_frame60.png" + alt="Period" class="snapshot_gallery__img"> </figure> - <figure class=”snapshot_gallery__item snapshot_gallery__item--4"> - <img src="amplitude_frame65.png" alt="Amplitude" class="snapshot_gallery__img"> + <figure class=”snapshot_gallery__item + snapshot_gallery__item--4"> + <img src="amplitude_frame60.png" + alt="Amplitude" class="snapshot_gallery__img"> </figure> </div> </div> - <div class="FrameSlides"> - <h3 style="text-align:center; color=#363333"> Frame Nr. 74 </h3> + <div class="FrameSlides"> + <h3 style="text-align:center; color=#363333"> + Frame Nr. 68 </h3> <div class="snapshot_gallery"> - <figure class=”snapshot_gallery__item snapshot_gallery__item--1"> - <img src="input_frame74.png" alt="The Input" class="snapshot_gallery__img"> + <figure class=”snapshot_gallery__item + snapshot_gallery__item--1"> + <img src="input_frame68.png" alt="The Input" + class="snapshot_gallery__img"> </figure> - <figure class=”snapshot_gallery__item snapshot_gallery__item--2"> - <img src="phase_frame74.png" alt="Phase" class="snapshot_gallery__img"> + <figure class=”snapshot_gallery__item + snapshot_gallery__item--2"> + <img src="phase_frame68.png" alt="Phase" + class="snapshot_gallery__img"> </figure> - <figure class=”snapshot_gallery__item snapshot_gallery__item--3"> - <img src="period_frame74.png" alt="Period" class="snapshot_gallery__img"> + <figure class=”snapshot_gallery__item + snapshot_gallery__item--3"> + <img src="period_frame68.png" + alt="Period" class="snapshot_gallery__img"> </figure> - <figure class=”snapshot_gallery__item snapshot_gallery__item--4"> - <img src="amplitude_frame74.png" alt="Amplitude" class="snapshot_gallery__img"> + <figure class=”snapshot_gallery__item + snapshot_gallery__item--4"> + <img src="amplitude_frame68.png" + alt="Amplitude" class="snapshot_gallery__img"> </figure> </div> </div>