New images for generation in progress

app/Soshot/GetThumb.php

@@ -115,7 +115,7 @@ class GetThumb {
             if ($this->type === 'fav') {
                 echo file_get_contents(__DIR__ . '/../../src/images/error_fav.png');
             } else {
-                echo file_get_contents(__DIR__ . '/../../src/images/loadingGen.png');
+                echo file_get_contents(__DIR__ . '/../../src/images/'.$this->type.'_generation_in_progress.jpg');
             }
             exit();
         }

public/assets/css/style.css

@@ -62,6 +62,10 @@ a:visited {
   padding: 4px 16px;
 }
 
+.w3-bar {
+  background-color: #fff !important;
+}
+
 #myFooter {
   position: fixed;
   left: 0;
@@ -71,7 +75,7 @@ a:visited {
 }
 
 .w3-main {
-  margin: 64px auto 64px 270px;
+  margin: 64px auto 46px 270px;
 }
 
 .soshot-main {

src/images/generation_in_progress.svg

@@ -0,0 +1,113 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="1920"
+   height="1080"
+   viewBox="0 0 507.99994 285.74997"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="generation_in_progress.svg"
+   inkscape:export-filename="generation_in_progress.jpg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showgrid="false"
+     inkscape:zoom="0.5946522"
+     inkscape:cx="914.82046"
+     inkscape:cy="412.00554"
+     inkscape:window-width="1920"
+     inkscape:window-height="1150"
+     inkscape:window-x="0"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs2">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1515">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop1511" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0;"
+         offset="1"
+         id="stop1513" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1515"
+       id="linearGradient1517"
+       x1="0.55058265"
+       y1="22.141287"
+       x2="41.490334"
+       y2="19.506355"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="Calque 3"
+     style="fill:#ff0000" />
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Calque 2" />
+  <g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <g
+       id="g2134"
+       transform="matrix(11.965877,0,0,11.819126,0.86251738,2.3240735)">
+      <rect
+         style="opacity:1;fill:#ffffff;stroke:none;stroke-width:0.16;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:0.4"
+         id="rect1746"
+         width="42.55217"
+         height="24.264963"
+         x="-0.078654662"
+         y="-0.19663666" />
+      <rect
+         style="opacity:0.375168;fill:url(#linearGradient1517);fill-opacity:1;stroke:none;stroke-width:0.16;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:0.4"
+         id="rect779"
+         width="41.097057"
+         height="2.7922401"
+         x="0.51125532"
+         y="19.427702" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-weight:normal;font-size:7.56121px;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.18903"
+         x="1.2073866"
+         y="6.6335373"
+         id="text113"
+         transform="scale(1.0116028,0.98853033)"><tspan
+           sodipodi:role="line"
+           id="tspan111"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.56121px;font-family:C059;-inkscape-font-specification:'C059, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;stroke-width:0.18903"
+           x="1.2073866"
+           y="6.6335373">Generation</tspan><tspan
+           sodipodi:role="line"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.56121px;font-family:C059;-inkscape-font-specification:'C059, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;stroke-width:0.18903"
+           x="1.2073866"
+           y="16.447044"
+           id="tspan115">in progress</tspan></text>
+    </g>
+  </g>
+</svg>

tpl/footer.php

@@ -1,5 +1,5 @@
 </div>
-<footer id="myFooter" class="w3-bottom w3-margin-top">
+<footer id="myFooter" class="w3-bottom">
     <div class="w3-container w3-theme-l1">
         <p>Powered by <a href="https://www.w3schools.com/w3css/default.asp" target="_blank">w3.css</a></p>
     </div>

tpl/infos.php

@@ -8,11 +8,13 @@ use App\Utils\Domains;
 <div class="w3-row soshot-main w3-margin-bottom">
   <div class="w3-container">
     <h1 class="w3-text-teal">Infos</h1>
+
     <ul>
       <li>Total : <?= $total; ?></li>
       <li>Queue : <?= $inQueue; ?></li>
       <li>Error : <?= $inError; ?></li>
     </ul>
+
     <table class="w3-table-all w3-hoverable">
       <thead>
         <tr>
@@ -43,14 +45,14 @@ use App\Utils\Domains;
         <?php endforeach; ?>
       </tbody>
     </table>
-    <div class="w3-center">
-      <div class="w3-bar">
-        <a href="?page=infos&start=<?= $previous; ?>" class="w3-bar-item w3-button">&laquo; Previous</a>
-        <a href="?page=infos&start=<?= $next; ?>" class="w3-button">Next &raquo; </a>
-      </div>
-    </div>
-  </div>
 
+    <div class="w3-center w3-margin-top">
+      <div class="w3-bar">
+        <a href="?page=infos&start=<?= $previous; ?>" class="w3-teal w3-button">&laquo; Previous</a>
+        <a href="?page=infos&start=<?= $next; ?>" class="w3-teal w3-button">Next &raquo; </a>
+      </div>
+    </div>
+  </div>
 
   <div id="detail" class="w3-modal">
     <div class="w3-modal-content w3-animate-opacity">
@@ -69,7 +71,6 @@ use App\Utils\Domains;
     </div>
   </div>
 
-
 </div>
 <!-- END MAIN -->
 <script>