diff --git a/hakyll-bootstrap/Main.hs b/hakyll-bootstrap/Main.hs
index 4aec4b79b820a27fa070077a4b1d35916717f896..6a5313c8cc8d91626aa1d8fed70ad560f7484ec5 100644
--- a/hakyll-bootstrap/Main.hs
+++ b/hakyll-bootstrap/Main.hs
@@ -64,7 +64,7 @@ static = do
   match "fonts/*" $ do
     route idRoute
     compile $ copyFileCompiler
-  match "img/*" $ do
+  match ("img/*" .||. "img/*/**.png") $ do
     route idRoute
     compile $ copyFileCompiler
   match "css/*" $ do
@@ -74,13 +74,20 @@ static = do
     route idRoute
     compile $ copyFileCompiler
 
-resize :: Rules ()
-resize = do
+resizeThumbnails :: Rules ()
+resizeThumbnails = do
   match "img/thumbnails/**.png" $ do
       route idRoute
       compile $ loadImage
         >>= scaleImageCompiler 140 140
 
+resizeLarge :: Rules ()
+resizeLarge = do
+  match "img/large/**.png" $ do
+      route idRoute
+      compile $ loadImage
+        >>= scaleImageCompiler 900 500
+
 pages :: Rules ()
 pages = do
   match "pages/*" $ do
@@ -205,6 +212,7 @@ main = hakyllWith cfg $ do
   archive
   index
   templates
-  resize
+  resizeThumbnails
+  resizeLarge
   static
 
diff --git a/hakyll-bootstrap/img/large/epicells.png b/hakyll-bootstrap/img/large/epicells.png
new file mode 100644
index 0000000000000000000000000000000000000000..57cf67bd9e310011d36c217d52728304b5c6743f
Binary files /dev/null and b/hakyll-bootstrap/img/large/epicells.png differ
diff --git a/hakyll-bootstrap/img/large/q_0_5.0000.png b/hakyll-bootstrap/img/large/q_0_5.0000.png
new file mode 100644
index 0000000000000000000000000000000000000000..832c0c57af58ca1f502cbe71d531a00a4ff1a07f
Binary files /dev/null and b/hakyll-bootstrap/img/large/q_0_5.0000.png differ
diff --git a/hakyll-bootstrap/index.html b/hakyll-bootstrap/index.html
index 966fc5677219b1a183b0f7c977328b80b023d03e..446bed62da1d0a7014773ebc44d83416e5866b88 100644
--- a/hakyll-bootstrap/index.html
+++ b/hakyll-bootstrap/index.html
@@ -30,32 +30,32 @@
       </ol>
       <div class="carousel-inner">
         <div class="item active">
-          <img data-src="holder.js/900x500/social/text: " alt="First slide">
+          <img src="img/large/q_0_5.0000.png" alt="Fluid mechanics">
           <div class="container">
             <div class="carousel-caption">
-              <h1></h1>
-              <p></p>
-              <p><a class="btn btn-lg btn-primary" href="https://www.palabos.org" role="button">Palabos</a></p>
+              <!-- <h1 style="color:black;">Computational fluid mechanics</h1>
+              <p style="color:black;">Flow pas a sphere at Re=3900</p> -->
+              <p><a class="btn btn-lg btn-primary" href="https://www.palabos.org" role="button">Computational fluid dynamics</a></p>
             </div>
           </div>
         </div>
         <div class="item">
-          <img data-src="holder.js/900x500/industrial/text: " alt="Second slide">
+          <img src="img/large/live_stream.png" alt="Live stream">
           <div class="container">
             <div class="carousel-caption">
-              <h1></h1>
-              <p></p>
-              <p><a class="btn btn-lg btn-primary" href="https://www.mixer.com/omhepia" role="button">Live stream</a></p>
+              <!-- <h1>Live stream</h1>
+              <p>Checkout if I'm live</p> -->
+              <p><a class="btn btn-lg btn-primary" href="https://www.mixer.com/omhepia" role="button">Live stream: Mixer.com</a></p>
             </div>
           </div>
         </div>
         <div class="item">
-          <img data-src="holder.js/900x500/vine/text: " alt="Third slide">
+          <img data-src="holder.js/900x500/vine/text: " alt="EpiCells">
           <div class="container">
             <div class="carousel-caption">
               <h1></h1>
               <p></p>
-              <p><a class="btn btn-lg btn-primary" href="#" role="button">Case Studies</a></p>
+              <p><a class="btn btn-lg btn-primary" href="http://www.epicells.unige.ch/index.php" role="button">EpiCells: epithelial cells simulation</a></p>
             </div>
           </div>
         </div>