Mercurial > repos > iuc > spyboat

diff test-data/output1.html @ 1:639d2031d998 draft

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
"planemo upload for repository https://github.com/galaxyproject/tools-iuc/tree/master/packages/spyboat commit 88e9d9a220d160f55e0472719bb463143a4eefa5"
author iuc
date Mon, 30 Nov 2020 21:11:23 +0000
parents 76733d05d8ef
children
line wrap: on
line diff
--- a/test-data/output1.html	Sat Nov 28 13:45:34 2020 +0000
+++ b/test-data/output1.html	Mon Nov 30 21:11:23 2020 +0000
@@ -7,7 +7,12 @@
         <!--link rel="stylesheet" href="styles.css"-->
       <style type="text/css">
         body{ margin:10 100; background:whitesmoke; }
-        /*body{ margin:10 100; background:darkslategrey; }*/
+        p{
+           text-align: center;
+           margin-top: 0.05cm;
+           margin-bottom: .05cm;
+           color:#2c2e2e;
+         }
         .center{
             text-align: center;
             display: block;
@@ -16,60 +21,80 @@
             width: 100%;}
 
         /* matplotlib output at 1600x1200  */
-        .distr_gallery {
-            display: grid;
-            margin: 0 auto;
+        .snapshot_gallery {
+            margin: 0 0;
             text-align: center;
-            /* border: 1px dashed rgba(4, 4, 4, 0.35);     */
-            grid-template-columns: repeat(3,1fr);
-            grid-template-rows: 20vw;
-            grid-gap: 0px;
-            column-gap: 0px
-        }
-        .distr_gallery__img {
-            width: 100%;
-            height: 100%;
-            object-fit: contain;
+            display: grid;
+            grid-template-columns: repeat(2,1fr);
+            grid-template-rows: repeat(2,27vw);
+            grid-gap: 5px;
         }
 
-
-        /* matplotlib output at 1600x1200  */
-        .snapshot_gallery {
-            display: grid;
-            margin: 0 auto;
-            border: 1px dashed rgba(4, 4, 4, 0.35);
-            text-align: center;
-            grid-template-columns: repeat(2,1fr);
-            grid-template-rows: repeat(2,20vw);
-            grid-gap: 5px;
-        }
         .snapshot_gallery__img {
             width: 100%;
             height: 100%;
             object-fit: contain;
+            margin-top: 5px;
+            margin-bottom: 15px;
         }
         .subheader{
              text-align:center;
              font-size: 160%;
              color:#363333;}
+        .centerimg{
+            text-align: center;
+            width: 65%;
+            max-width: 400px;
+            display: block;
+            padding: 10px;
+            margin-left: auto;
+            margin-right: auto;
+       }
+
+        .div_distr{
+          text-align: center;
+          border-radius: 25px;
+          margin-top: 1cm;
+          margin: auto;
+          margin-bottom: 0.5cm;
+          background-color: #cce1e3;
+          max-width: 550px;
+    }
+
+        .partable{
+          width: 70%;
+          margin-left: auto;
+          margin-right: auto;
+          }
+
+       tr, td{
+         color:#2c2e2e;
+         font-size: 110%;
+          }
+
      </style>
     </head>
     <body>
     <h1 style="text-align:center; color:#363333">SpyBOAT Results Report</h1>
-    <hr style="width:50%">
-    <h1 class="subheader"> Distribution Dynamics </h1>
-    <div class="distr_gallery">
-       <figure class=”distr_gallery__item distr_gallery__item--1">
-         <img src="period_distr.png" alt="Period" class="distr_gallery__img">
-       </figure>
+    <hr style="width:70%">
+
+    <h1 class="subheader"> Spatial Summary Statistics </h1>
+    <div class="div_distr">
+      <img src="period_distr.png" alt="Period"
+       class="centerimg">
+      <p> Median and quartiles of the estimated periods for each frame </p>
+    </div>
+
 
-       <figure class=”distr_gallery__item distr_gallery__item--2">
-         <img src="power_distr.png" alt="Power" class="distr_gallery__img">
-       </figure>
-
-       <figure class=”distr_gallery__item distr_gallery__item--3">
-         <img src="phase_distr.png" alt="Phase" class="distr_gallery__img">
-       </figure>
+    <div class="div_distr">
+      <img src="power_distr.png" alt="Period"
+       class="centerimg">
+      <p> Median and quartiles of the ridge wavelet power for each frame </p>
+    </div>
+    <div class="div_distr">
+      <img src="phase_distr.png" alt="Period"
+       class="centerimg">
+      <p> Kuramoto order parameter for the phases estimated for each frame </p>
 
     </div>
 
@@ -90,25 +115,25 @@
             <div class="snapshot_gallery">
 
                <figure class=”snapshot_gallery__item
-                   snapshot_gallery__item--1">
+                   snapshot_gallery__item--1" style="margin: 0 0">
                  <img src="input_frame20.png" alt="The Input"
                      class="snapshot_gallery__img">
                </figure>
 
                <figure class=”snapshot_gallery__item
-                  snapshot_gallery__item--2">
+                  snapshot_gallery__item--2" style="margin: 0 0">
                  <img src="phase_frame20.png" alt="Phase"
                     class="snapshot_gallery__img">
                </figure>
 
                <figure class=”snapshot_gallery__item
-                    snapshot_gallery__item--3">
+                    snapshot_gallery__item--3" style="margin: 0 0">
                  <img src="period_frame20.png"
                    alt="Period" class="snapshot_gallery__img">
                </figure>
 
                <figure class=”snapshot_gallery__item
-                   snapshot_gallery__item--4">
+                   snapshot_gallery__item--4" style="margin: 0 0">
                  <img src="amplitude_frame20.png"
                    alt="Amplitude" class="snapshot_gallery__img">
                </figure>
@@ -117,31 +142,31 @@
         
         <div class="FrameSlides">
         <h3 style="text-align:center; color=#363333">
-        Frame Nr. 28 </h3>
+        Frame Nr. 27 </h3>
 
             <div class="snapshot_gallery">
 
                <figure class=”snapshot_gallery__item
-                   snapshot_gallery__item--1">
-                 <img src="input_frame28.png" alt="The Input"
+                   snapshot_gallery__item--1" style="margin: 0 0">
+                 <img src="input_frame27.png" alt="The Input"
                      class="snapshot_gallery__img">
                </figure>
 
                <figure class=”snapshot_gallery__item
-                  snapshot_gallery__item--2">
-                 <img src="phase_frame28.png" alt="Phase"
+                  snapshot_gallery__item--2" style="margin: 0 0">
+                 <img src="phase_frame27.png" alt="Phase"
                     class="snapshot_gallery__img">
                </figure>
 
                <figure class=”snapshot_gallery__item
-                    snapshot_gallery__item--3">
-                 <img src="period_frame28.png"
+                    snapshot_gallery__item--3" style="margin: 0 0">
+                 <img src="period_frame27.png"
                    alt="Period" class="snapshot_gallery__img">
                </figure>
 
                <figure class=”snapshot_gallery__item
-                   snapshot_gallery__item--4">
-                 <img src="amplitude_frame28.png"
+                   snapshot_gallery__item--4" style="margin: 0 0">
+                 <img src="amplitude_frame27.png"
                    alt="Amplitude" class="snapshot_gallery__img">
                </figure>
             </div>
@@ -149,31 +174,95 @@
         
         <div class="FrameSlides">
         <h3 style="text-align:center; color=#363333">
-        Frame Nr. 36 </h3>
+        Frame Nr. 34 </h3>
 
             <div class="snapshot_gallery">
 
                <figure class=”snapshot_gallery__item
-                   snapshot_gallery__item--1">
-                 <img src="input_frame36.png" alt="The Input"
+                   snapshot_gallery__item--1" style="margin: 0 0">
+                 <img src="input_frame34.png" alt="The Input"
+                     class="snapshot_gallery__img">
+               </figure>
+
+               <figure class=”snapshot_gallery__item
+                  snapshot_gallery__item--2" style="margin: 0 0">
+                 <img src="phase_frame34.png" alt="Phase"
+                    class="snapshot_gallery__img">
+               </figure>
+
+               <figure class=”snapshot_gallery__item
+                    snapshot_gallery__item--3" style="margin: 0 0">
+                 <img src="period_frame34.png"
+                   alt="Period" class="snapshot_gallery__img">
+               </figure>
+
+               <figure class=”snapshot_gallery__item
+                   snapshot_gallery__item--4" style="margin: 0 0">
+                 <img src="amplitude_frame34.png"
+                   alt="Amplitude" class="snapshot_gallery__img">
+               </figure>
+            </div>
+        </div>
+        
+        <div class="FrameSlides">
+        <h3 style="text-align:center; color=#363333">
+        Frame Nr. 41 </h3>
+
+            <div class="snapshot_gallery">
+
+               <figure class=”snapshot_gallery__item
+                   snapshot_gallery__item--1" style="margin: 0 0">
+                 <img src="input_frame41.png" alt="The Input"
                      class="snapshot_gallery__img">
                </figure>
 
                <figure class=”snapshot_gallery__item
-                  snapshot_gallery__item--2">
-                 <img src="phase_frame36.png" alt="Phase"
+                  snapshot_gallery__item--2" style="margin: 0 0">
+                 <img src="phase_frame41.png" alt="Phase"
                     class="snapshot_gallery__img">
                </figure>
 
                <figure class=”snapshot_gallery__item
-                    snapshot_gallery__item--3">
-                 <img src="period_frame36.png"
+                    snapshot_gallery__item--3" style="margin: 0 0">
+                 <img src="period_frame41.png"
                    alt="Period" class="snapshot_gallery__img">
                </figure>
 
                <figure class=”snapshot_gallery__item
-                   snapshot_gallery__item--4">
-                 <img src="amplitude_frame36.png"
+                   snapshot_gallery__item--4" style="margin: 0 0">
+                 <img src="amplitude_frame41.png"
+                   alt="Amplitude" class="snapshot_gallery__img">
+               </figure>
+            </div>
+        </div>
+        
+        <div class="FrameSlides">
+        <h3 style="text-align:center; color=#363333">
+        Frame Nr. 48 </h3>
+
+            <div class="snapshot_gallery">
+
+               <figure class=”snapshot_gallery__item
+                   snapshot_gallery__item--1" style="margin: 0 0">
+                 <img src="input_frame48.png" alt="The Input"
+                     class="snapshot_gallery__img">
+               </figure>
+
+               <figure class=”snapshot_gallery__item
+                  snapshot_gallery__item--2" style="margin: 0 0">
+                 <img src="phase_frame48.png" alt="Phase"
+                    class="snapshot_gallery__img">
+               </figure>
+
+               <figure class=”snapshot_gallery__item
+                    snapshot_gallery__item--3" style="margin: 0 0">
+                 <img src="period_frame48.png"
+                   alt="Period" class="snapshot_gallery__img">
+               </figure>
+
+               <figure class=”snapshot_gallery__item
+                   snapshot_gallery__item--4" style="margin: 0 0">
+                 <img src="amplitude_frame48.png"
                    alt="Amplitude" class="snapshot_gallery__img">
                </figure>
             </div>
@@ -181,31 +270,63 @@
         
         <div class="FrameSlides">
         <h3 style="text-align:center; color=#363333">
-        Frame Nr. 44 </h3>
+        Frame Nr. 55 </h3>
 
             <div class="snapshot_gallery">
 
                <figure class=”snapshot_gallery__item
-                   snapshot_gallery__item--1">
-                 <img src="input_frame44.png" alt="The Input"
+                   snapshot_gallery__item--1" style="margin: 0 0">
+                 <img src="input_frame55.png" alt="The Input"
                      class="snapshot_gallery__img">
                </figure>
 
                <figure class=”snapshot_gallery__item
-                  snapshot_gallery__item--2">
-                 <img src="phase_frame44.png" alt="Phase"
+                  snapshot_gallery__item--2" style="margin: 0 0">
+                 <img src="phase_frame55.png" alt="Phase"
                     class="snapshot_gallery__img">
                </figure>
 
                <figure class=”snapshot_gallery__item
-                    snapshot_gallery__item--3">
-                 <img src="period_frame44.png"
+                    snapshot_gallery__item--3" style="margin: 0 0">
+                 <img src="period_frame55.png"
                    alt="Period" class="snapshot_gallery__img">
                </figure>
 
                <figure class=”snapshot_gallery__item
-                   snapshot_gallery__item--4">
-                 <img src="amplitude_frame44.png"
+                   snapshot_gallery__item--4" style="margin: 0 0">
+                 <img src="amplitude_frame55.png"
+                   alt="Amplitude" class="snapshot_gallery__img">
+               </figure>
+            </div>
+        </div>
+        
+        <div class="FrameSlides">
+        <h3 style="text-align:center; color=#363333">
+        Frame Nr. 62 </h3>
+
+            <div class="snapshot_gallery">
+
+               <figure class=”snapshot_gallery__item
+                   snapshot_gallery__item--1" style="margin: 0 0">
+                 <img src="input_frame62.png" alt="The Input"
+                     class="snapshot_gallery__img">
+               </figure>
+
+               <figure class=”snapshot_gallery__item
+                  snapshot_gallery__item--2" style="margin: 0 0">
+                 <img src="phase_frame62.png" alt="Phase"
+                    class="snapshot_gallery__img">
+               </figure>
+
+               <figure class=”snapshot_gallery__item
+                    snapshot_gallery__item--3" style="margin: 0 0">
+                 <img src="period_frame62.png"
+                   alt="Period" class="snapshot_gallery__img">
+               </figure>
+
+               <figure class=”snapshot_gallery__item
+                   snapshot_gallery__item--4" style="margin: 0 0">
+                 <img src="amplitude_frame62.png"
                    alt="Amplitude" class="snapshot_gallery__img">
                </figure>
             </div>
@@ -213,100 +334,95 @@
         
         <div class="FrameSlides">
         <h3 style="text-align:center; color=#363333">
-        Frame Nr. 52 </h3>
+        Frame Nr. 69 </h3>
 
             <div class="snapshot_gallery">
 
                <figure class=”snapshot_gallery__item
-                   snapshot_gallery__item--1">
-                 <img src="input_frame52.png" alt="The Input"
+                   snapshot_gallery__item--1" style="margin: 0 0">
+                 <img src="input_frame69.png" alt="The Input"
                      class="snapshot_gallery__img">
                </figure>
 
                <figure class=”snapshot_gallery__item
-                  snapshot_gallery__item--2">
-                 <img src="phase_frame52.png" alt="Phase"
+                  snapshot_gallery__item--2" style="margin: 0 0">
+                 <img src="phase_frame69.png" alt="Phase"
                     class="snapshot_gallery__img">
                </figure>
 
                <figure class=”snapshot_gallery__item
-                    snapshot_gallery__item--3">
-                 <img src="period_frame52.png"
+                    snapshot_gallery__item--3" style="margin: 0 0">
+                 <img src="period_frame69.png"
                    alt="Period" class="snapshot_gallery__img">
                </figure>
 
                <figure class=”snapshot_gallery__item
-                   snapshot_gallery__item--4">
-                 <img src="amplitude_frame52.png"
+                   snapshot_gallery__item--4" style="margin: 0 0">
+                 <img src="amplitude_frame69.png"
                    alt="Amplitude" class="snapshot_gallery__img">
                </figure>
             </div>
         </div>
         
-        <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_frame60.png" alt="The Input"
-                     class="snapshot_gallery__img">
-               </figure>
-
-               <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_frame60.png"
-                   alt="Period" class="snapshot_gallery__img">
-               </figure>
+    </div>
 
-               <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. 68 </h3>
-
-            <div class="snapshot_gallery">
-
-               <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_frame68.png" alt="Phase"
-                    class="snapshot_gallery__img">
-               </figure>
-
-               <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_frame68.png"
-                   alt="Amplitude" class="snapshot_gallery__img">
-               </figure>
-            </div>
-        </div>
-        
+    <h1 class="subheader"> Parameters </h1>
+    <div class="div_distr">
+      <table border = "1" class="partable">
+         <tr>
+            <th>Name</th>
+            <th>Value</th>
+         </tr>
+         
+            <tr>
+              <td>ncpu </td>
+              <td> 1</td>
+            </tr>
+            <tr>
+              <td>rescale_factor </td>
+              <td> None</td>
+            </tr>
+            <tr>
+              <td>gauss_sigma </td>
+              <td> None</td>
+            </tr>
+            <tr>
+              <td>dt </td>
+              <td> 1.0</td>
+            </tr>
+            <tr>
+              <td>Tmin </td>
+              <td> 20.0</td>
+            </tr>
+            <tr>
+              <td>Tmax </td>
+              <td> 30.0</td>
+            </tr>
+            <tr>
+              <td>nT </td>
+              <td> 150</td>
+            </tr>
+            <tr>
+              <td>Tcutoff </td>
+              <td> 40.0</td>
+            </tr>
+            <tr>
+              <td>win_size </td>
+              <td> None</td>
+            </tr>
+            <tr>
+              <td>masking </td>
+              <td> None</td>
+            </tr>
+            <tr>
+              <td>mask_frame </td>
+              <td> None</td>
+            </tr>
+            <tr>
+              <td>mask_thresh </td>
+              <td> 0</td>
+            </tr>
+      </table>
     </div>
 
     <!-- javascript with escaped '{'--->