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>