Added landing page thumbnails and fixed displayed version for eng ver…

…sion

.github/workflows/render.yml

@@ -65,6 +65,7 @@ jobs:
       - name: Render PDF
         run: |
           sed -i -E "s/date: .+/date: ${{ steps.date.outputs.date }} - ${{ env.BOOK_VERSION }}/g" ./fra/metadata.yml
+          sed -i -E "s/date: .+/date: ${{ steps.date.outputs.date }} - ${{ env.BOOK_VERSION }}/g" ./eng/metadata.yml
           cd ./fra && make pdf && cd -
           cd ./eng && make pdf && cd -
 

README.md

@@ -15,15 +15,20 @@
 <p align="center" style="color: gray; font-size: 0.9em;">Paperback and ebook with foreword</p>
 
 <p align="center">
-    <img src="./fra/images/cover_a5_source.png" width="128px"/>
-    <img src="./fra/images/fourthcover_a5_source.png" width="128px"/>
+    <img src="./eng/images/cover_a5_source.png" width="128px"/>
+    <img src="./eng/images/fourthcover_a5_source.png" width="128px"/>
 </p>
 
 <h4 align="center">:fr:</h4>
 <h3 align="center"><a href="./fra/README.md" alt="Accéder au livre en version française">Le DevOps pour transformer les institutions</a></h3>
 <p align="center"><i>Le guide des décideurs pragmatiques pour comprendre et agir.</i></p>
 <p align="center" style="color: gray; font-size: 0.9em;">Livre broché et ebook préfacés</p>
 
+<p align="center">
+    <img src="./fra/images/cover_a5_source.png" width="128px"/>
+    <img src="./fra/images/fourthcover_a5_source.png" width="128px"/>
+</p>
+
 <br/>
 
 ## What is it ?

fra/templates/html.html

@@ -15,7 +15,7 @@
         $endif$
         <title>$if(title-prefix)$$title-prefix$ – $endif$$pagetitle$</title>
         <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto%20Serif">
-        <style>#forkongithub a{background:#1260CC;color:#fff;text-decoration:none;font-family:arial,sans-serif;text-align:center;font-weight:bold;padding:5px 40px;font-size:1rem;line-height:2rem;position:relative;transition:0.5s;}#forkongithub a:hover{background: #042b61;color:#fff;}#forkongithub a::before,#forkongithub a::after{content:"";width:100%;display:block;position:absolute;top:1px;left:0;height:1px;background:#fff;}#forkongithub a::after{bottom:1px;top:auto;}@media screen and (min-width:800px){#forkongithub{position:absolute;display:block;top:0;left:0;width:200px;overflow:hidden;height:200px;z-index:9999;}#forkongithub a{width:200px;position:absolute;top:60px;left:-60px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);box-shadow:4px 4px 10px rgba(103, 102, 130, 0.8);}}</style><span id="forkongithub"><a href="https://github.com/flavienbwk/book-devops">Contribuez sur GitHub</a></span>
+        <style>#forkongithub a{background:#1260CC;color:#fff;text-decoration:none;font-family:arial,sans-serif;text-align:center;font-weight:bold;padding:5px 40px;font-size:1rem;line-height:2rem;position:relative;transition:0.5s;}#forkongithub a:hover{background: #042b61;color:#fff;}#forkongithub a::before,#forkongithub a::after{content:"";width:100%;display:block;position:absolute;top:1px;left:0;height:1px;background:#fff;}#forkongithub a::after{bottom:1px;top:auto;}@media screen and (min-width:800px){#forkongithub{position:absolute;display:block;top:0;left:0;width:200px;overflow:hidden;height:200px;z-index:9999;}#forkongithub a{width:200px;position:absolute;top:60px;left:-60px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);box-shadow:4px 4px 10px rgba(103, 102, 130, 0.8);}}</style><span id="forkongithub"><a href="https://github.com/flavienbwk/book-devops">Contribute on GitHub</a></span>
         <style>
         $styles.html()$
         $style.css()$

index.html

@@ -150,8 +150,8 @@ <h2 class="display-5">English Version 🇺🇸</h2>
                     </div>
                     <div class="my-3 py-5">
                         <a target="_blank" href="https://book-devops.berwick.fr/fra/index.html">
-                            <img src="./eng/images/cover_a5_source.png" width="128px" />
-                            <img src="./eng/images/fourthcover_a5_source.png" width="128px" />
+                            <img src="./eng/images/cover_a5_source_thumb.png" width="128px" />
+                            <img src="./eng/images/fourthcover_a5_source_thumb.png" width="128px" />
                         </a>
                     </div>
                 </div>
@@ -169,8 +169,8 @@ <h2 class="display-5">Version en français 🇫🇷</h2>
                     </div>
                     <div class="my-3 py-5">
                         <a target="_blank" href="https://www.amazon.fr/dp/B0CKHV5QB7">
-                            <img src="./fra/images/cover_a5_source.png" width="128px" />
-                            <img src="./fra/images/fourthcover_a5_source.png" width="128px" />
+                            <img src="./fra/images/cover_a5_source_thumb.png" width="128px" />
+                            <img src="./fra/images/fourthcover_a5_source_thumb.png" width="128px" />
                         </a>
                     </div>
                 </div>