feat(homepage): reana 0.9.3 release (#91)

assets/static/css/style.css

@@ -259,8 +259,8 @@ a:focus {
   padding-bottom: 20px;
 }
 .release-news img {
-  width: 100%;
-  padding: 20px;
+  width: calc(100% - 40px);
+  margin: 20px;
 }
 .release-news-body {
   padding: 0px 25px;
@@ -579,3 +579,16 @@ only screen and (max-width: 993px) {
     flex-direction: row;
   }
 }
+
+/* taken and adapted from docs.reana.io */
+.screenshot-browser-mockup {
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), 0 0 2px rgba(0, 0, 0, 0.4);
+  border-radius: 4px;
+  background:
+      url('../img/window-buttons-for-mockup.png') no-repeat left top,
+      #333; /* Dark background for browser bar */
+  padding-top: 20px; /* This assumes the window bar height is 20px. Adjust if needed */
+  background-size: auto 20px, 100%;
+  margin: 10px;
+  max-width: calc(100% - 20px);
+}

templates/page.html

@@ -345,14 +345,14 @@ <h3>Developers</h3>
     <div class="row">
       <div class="col-md-6">
         <div class="release-news">
-          <img src="{{ '/static/img/release.png'|asseturl }}" />
+          <img class="screenshot-browser-mockup" src="{{ '/static/img/release.png'|asseturl }}" />
           <div class="release-news-body">
-            <h3>REANA 0.9.2</h3>
-            <h6>19 Dec 2023</h6>
-            <p>Increase workflow restart limit.</p>
-            <p>Automatically mount any CVMFS repository.</p>
-            <p>Deploy REANA clusters on ARM architecture hardware.</p>
-            <p class="release-news-link"><a href="https://github.com/reanahub/reana/releases/tag/0.9.2">See full release notes</a></p>
+            <h3>REANA 0.9.3</h3>
+            <h6>13 Mar 2024</h6>
+            <p>Upgrades Snakemake to version 7.</p>
+            <p>Improves job submission performance.</p>
+            <p>Improves clean up of deleted and failed workflows.</p>
+            <p class="release-news-link"><a href="https://github.com/reanahub/reana/releases/tag/0.9.3">See full release notes</a></p>
         </div>
         </div>
       </div>