added stuff

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
 

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>