hakyll-bootstrap/hakyll-bootstrap.cabal

-name:                hakyll-bootstrap
-version:             0.1.0.0
-license:             MIT
-license-file:        LICENSE
-category:            Web
-author:              Orestis Malaspinas
-maintainer:          orestis.malaspinas@hesge.ch
-build-type:          Simple
-cabal-version:       >=1.16
-
-executable blog
-  default-language:    Haskell2010
-  main-is:             Main.hs
-  build-depends:
-      base       
-    , containers 
-    , pandoc   
-    , pandoc-crossref 
-    , hakyll   
-    , hakyll-images
-    , process
-    , text
-    , filepath

hakyll-bootstrap/img/thumbnails/logo.svg

-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="462"
-   height="462"
-   viewBox="0 0 462 462"
-   version="1.1"
-   id="svg26"
-   sodipodi:docname="logo.svg"
-   style="fill:none"
-   inkscape:version="0.92.5 (0.92.5+68)">
-  <metadata
-     id="metadata32">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <defs
-     id="defs30" />
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1920"
-     inkscape:window-height="1025"
-     id="namedview28"
-     showgrid="false"
-     inkscape:zoom="1.021645"
-     inkscape:cx="114.99946"
-     inkscape:cy="201.41822"
-     inkscape:window-x="0"
-     inkscape:window-y="27"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg26" />
-  <g
-     id="g4554"
-     transform="translate(64.908756)">
-    <path
-       style="fill:#000000"
-       inkscape:connector-curvature="0"
-       id="path2"
-       d="M 91.0224,191.056 79.5081,163.771 H 32.4523 L 20.938,191.056 H 0 L 54.8568,70.4285 H 57.79 L 112.46,191.056 Z M 55.9802,107.953 39.0988,147.725 h 33.7628 z" />
-    <path
-       style="fill:#000000"
-       inkscape:connector-curvature="0"
-       id="path4"
-       d="m 287.983,335.691 c 0,4.433 -1.03,8.71 -3.089,12.83 -2.06,4.121 -5.118,7.774 -9.174,10.958 -4.057,3.184 -9.081,5.744 -15.103,7.617 -5.991,1.905 -13.012,2.841 -21.001,2.841 -5.086,0 -10.422,-0.218 -15.976,-0.655 -5.586,-0.438 -10.953,-0.968 -16.133,-1.624 V 251.12 c 4.431,-0.655 9.424,-1.186 14.916,-1.623 5.523,-0.437 10.703,-0.656 15.571,-0.656 7.801,0 14.603,0.874 20.438,2.591 5.836,1.749 10.703,4.059 14.604,6.993 3.9,2.935 6.802,6.244 8.768,9.99 1.966,3.746 2.933,7.617 2.933,11.613 0,6.275 -1.591,11.676 -4.774,16.14 -3.183,4.496 -8.518,8.148 -15.976,10.958 8.768,2.497 14.947,6.212 18.566,11.207 3.62,4.964 5.43,10.739 5.43,17.358 z M 263.8,283.4 c 0,-4.964 -1.842,-9.053 -5.524,-12.269 -3.682,-3.184 -9.236,-4.776 -16.725,-4.776 -2.496,0 -4.961,0.125 -7.395,0.312 -2.434,0.187 -4.681,0.499 -6.74,0.812 v 32.966 c 2.933,0.312 6.927,0.5 12.013,0.5 4.338,0 8.02,-0.469 11.109,-1.374 3.089,-0.905 5.585,-2.154 7.551,-3.746 1.935,-1.561 3.37,-3.403 4.306,-5.526 0.936,-2.091 1.405,-4.402 1.405,-6.899 z m 2.433,50.168 c 0,-5.182 -2.215,-9.522 -6.646,-12.987 -4.431,-3.465 -11.046,-5.182 -19.783,-5.182 -2.154,0 -4.4,0.031 -6.741,0.093 -2.34,0.063 -4.181,0.188 -5.585,0.406 v 35.714 c 2.059,0.218 4.275,0.406 6.646,0.562 2.372,0.156 4.962,0.25 7.801,0.25 8.114,0 14.198,-1.717 18.255,-5.183 4.025,-3.496 6.053,-8.023 6.053,-13.673 z" />
-    <path
-       style="fill:#000000"
-       inkscape:connector-curvature="0"
-       id="path6"
-       d="m 138.827,369.75 c 0,0 -23.465,-182.659 152.807,-187.747 0,16.109 0,23.695 0,23.695 0,0 -142.696,-11.895 -126.782,164.052" />
-    <path
-       style="fill:#000000"
-       inkscape:connector-curvature="0"
-       id="path8"
-       d="M 291.634,142.075 V 242.098 L 340,192.086 Z" />
-    <path
-       style="fill:#000000"
-       inkscape:connector-curvature="0"
-       id="path10"
-       d="m 101.351,48.3884 h 99.978 L 151.34,0 Z" />
-    <path
-       style="fill:#000000"
-       inkscape:connector-curvature="0"
-       id="path12"
-       d="M 164.883,42.1759 H 137.798 V 369.75 h 27.085 z" />
-    <path
-       style="fill:#000000"
-       inkscape:connector-curvature="0"
-       id="path14"
-       d="m 54.3889,445.579 c 0,2.185 -0.4056,4.308 -1.2481,6.306 -0.8113,1.998 -2.0283,3.746 -3.5885,5.245 -1.5602,1.498 -3.4637,2.685 -5.6792,3.559 -2.2155,0.874 -4.743,1.311 -7.6138,1.311 -3.1516,0 -6.2096,-0.5 -9.174,-1.499 -2.9644,-0.998 -5.6479,-2.31 -8.0506,-3.902 l 3.214,-8.397 c 2.1843,1.592 4.5246,2.84 6.9897,3.746 2.4651,0.905 4.8991,1.342 7.3018,1.342 1.4354,0 2.6835,-0.187 3.7445,-0.593 1.0609,-0.406 1.9034,-0.937 2.5899,-1.561 0.6865,-0.656 1.1858,-1.405 1.4978,-2.279 0.312,-0.874 0.4993,-1.779 0.4993,-2.747 0,-0.968 -0.1248,-1.811 -0.3745,-2.622 -0.2496,-0.812 -0.7489,-1.593 -1.4978,-2.373 -0.7489,-0.781 -1.8098,-1.561 -3.1516,-2.373 -1.3418,-0.811 -3.1204,-1.654 -5.3047,-2.56 -4.8054,-2.06 -8.1755,-4.339 -10.1101,-6.868 -1.9347,-2.528 -2.9332,-5.432 -2.9332,-8.741 0,-1.998 0.4056,-3.933 1.1857,-5.775 0.7802,-1.842 1.9659,-3.497 3.5261,-4.901 1.5602,-1.405 3.4325,-2.56 5.6792,-3.403 2.2467,-0.843 4.8054,-1.28 7.645,-1.28 2.6835,0 5.2735,0.374 7.7074,1.155 2.4339,0.78 4.4622,1.717 6.0536,2.81 l -2.9956,8.241 c -0.7489,-0.499 -1.5602,-0.999 -2.4339,-1.467 -0.8738,-0.468 -1.8099,-0.874 -2.7772,-1.249 -0.9673,-0.343 -1.9347,-0.624 -2.9332,-0.874 -0.9673,-0.218 -1.9346,-0.343 -2.8708,-0.343 -2.9019,0 -5.0238,0.687 -6.3968,2.029 -1.373,1.342 -2.0595,2.934 -2.0595,4.808 0,1.841 0.7489,3.402 2.2155,4.682 1.4666,1.28 3.9005,2.654 7.3018,4.152 2.6835,1.187 4.9302,2.373 6.7401,3.559 1.8098,1.186 3.2452,2.404 4.3061,3.715 1.061,1.311 1.8411,2.685 2.2779,4.152 0.4993,1.561 0.7177,3.184 0.7177,4.995 z" />
-    <path
-       style="fill:#000000"
-       inkscape:connector-curvature="0"
-       id="path16"
-       d="m 86.0612,414.704 v 46.391 H 76.6999 V 414.704 H 59.2568 v -8.554 h 44.1852 v 8.554 z" />
-    <path
-       style="fill:#000000"
-       inkscape:connector-curvature="0"
-       id="path18"
-       d="m 141.105,461.095 -11.982,-19.793 c -0.499,0.063 -0.968,0.063 -1.436,0.063 -0.436,0 -0.936,0 -1.497,0 -0.905,0 -1.81,0 -2.746,-0.032 -0.937,-0.031 -1.841,-0.062 -2.746,-0.124 v 19.854 h -9.362 v -54.382 c 2.185,-0.25 4.463,-0.468 6.772,-0.624 2.309,-0.188 4.868,-0.25 7.676,-0.25 3.9,0 7.239,0.437 10.079,1.342 2.808,0.906 5.149,2.123 6.99,3.684 1.841,1.561 3.214,3.372 4.087,5.463 0.874,2.092 1.311,4.371 1.311,6.806 0,3.59 -0.936,6.774 -2.777,9.522 -1.841,2.747 -4.494,4.87 -7.926,6.368 l 14.385,22.103 z m -2.683,-37.556 c 0,-2.81 -0.999,-5.057 -2.996,-6.774 -1.997,-1.717 -4.805,-2.592 -8.394,-2.592 -1.154,0 -2.247,0.032 -3.308,0.063 -1.06,0.062 -2.059,0.187 -2.995,0.375 v 18.731 c 0.842,0.093 1.747,0.187 2.652,0.218 0.905,0.031 1.841,0.062 2.746,0.062 4.088,0 7.177,-0.905 9.205,-2.684 2.029,-1.78 3.09,-4.246 3.09,-7.399 z" />
-    <path
-       style="fill:#000000"
-       inkscape:connector-curvature="0"
-       id="path20"
-       d="m 158.704,461.095 v -54.913 h 33.482 v 8.553 h -24.121 v 14.392 h 21.78 v 8.242 h -21.78 v 15.203 h 24.121 v 8.554 h -33.482 z" />
-    <path
-       style="fill:#000000"
-       inkscape:connector-curvature="0"
-       id="path22"
-       d="m 203.201,461.095 v -54.913 h 33.482 v 8.553 h -24.121 v 14.392 h 21.781 v 8.242 h -21.781 v 15.203 h 24.121 v 8.554 h -33.482 z" />
-    <path
-       style="fill:#000000"
-       inkscape:connector-curvature="0"
-       id="path24"
-       d="m 270.384,414.704 v 46.391 h -9.361 V 414.704 H 243.58 v -8.554 h 44.185 v 8.554 z" />
-  </g>
-</svg>

hakyll-bootstrap/index.html

-<!DOCTYPE HTML>
-<html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="Homepage of Orestis Malaspinas" content="">
-    <meta name="Orestis Malaspinas" content="">
-    <title>$title$</title>
-    <link href="/css/bootstrap.css" rel="stylesheet">
-    <link href="/css/syntax.css" rel="stylesheet">
-    <link href="/css/carousel.css" rel="stylesheet">
-    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
-    <style>
-        body { 
-            font-family: 'Open Sans', sans-serif;
-        }
-    </style>
-  </head>
-  <body>
-    $partial("templates/nav.html")$
-
-    <!-- Caroousel
-    ================================================== -->
-
-    <div id="myCarousel" class="carousel slide" data-ride="carousel">
-      <ol class="carousel-indicators">
-        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
-        <li data-target="#myCarousel" data-slide-to="1"></li>
-        <li data-target="#myCarousel" data-slide-to="2"></li>
-      </ol>
-      <div class="carousel-inner">
-        <div class="item active">
-          <img src="img/large/q_0_5.0000.png" alt="Fluid mechanics">
-          <div class="container">
-            <div class="carousel-caption">
-              <!-- <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 src="img/large/live_stream.png" alt="Live stream">
-          <div class="container">
-            <div class="carousel-caption">
-              <!-- <h1>Live stream</h1>
-              <p>Checkout if I'm live</p> -->
-              <p><a class="btn btn-lg btn-primary" href="https://www.twitch.tv/omhepia" role="button">Live stream: Twitch.tv</a></p>
-            </div>
-          </div>
-        </div>
-        <div class="item">
-          <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="http://www.epicells.unige.ch/index.php" role="button">EpiCells: epithelial cells simulation</a></p>
-            </div>
-          </div>
-        </div>
-      </div>
-      <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
-      <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
-    </div>
-
-    <!-- Marketing messaging and featurettes
-    ================================================== -->
-
-    <div class="container marketing">
-
-      <div class="row">
-        <div class="col-lg-4">
-          <img class="img-square" src="img/thumbnails/boltzmann.png" alt="Generic placeholder image">
-          <h2>Palabos</h2>
-          <p>The Palabos library is a general-purpose computational fluid dynamics (CFD) library,
-            with a kernel based on the lattice Boltzmann (LB) method. It is used both as a research 
-            and an engineering tool.
-          </p>
-          <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
-        </div>
-        <div class="col-lg-4">
-          <img class="img-square" src="img/thumbnails/logo.png" alt="Generic placeholder image">
-          <h2>Pandemic simulation</h2>
-          <p>An open source agent based pandemics simulator based on the A/B street traffic simulation game.
-              Currently under heavy development.
-          </p>
-          <p><a class="btn btn-default" href="https://github.com/omalaspinas/abstreet" role="button">Gthub repo &raquo;</a></p>
-        </div>
-        <div class="col-lg-4">
-          <img class="img-circle" data-src="holder.js/140x140" alt="Generic placeholder image">
-          <h2>Heading 3</h2>
-          <p>Lorem ipsum dolor sit amet, consectetur adipiscing
-          elit. Nullam non est in neque luctus eleifend. Sed
-          tincidunt vestibulum facilisis. Aenean ut pulvinar massa.
-          </p>
-          <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
-        </div>
-      </div>
-
-      <hr class="featurette-divider">
-
-      <div class="row featurette">
-        <div class="col-md-7">
-          <h2 class="featurette-heading">Heading 1</h2>
-          <p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing
-          elit. Nullam non est in neque luctus eleifend. Sed
-          tincidunt vestibulum facilisis. Aenean ut pulvinar massa.
-          </p>
-        </div>
-        <div class="col-md-5">
-          <img class="featurette-image img-responsive" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
-        </div>
-      </div>
-
-      <hr class="featurette-divider">
-
-      <div class="row featurette">
-        <div class="col-md-5">
-          <img class="featurette-image img-responsive" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
-        </div>
-        <div class="col-md-7">
-          <h2 class="featurette-heading">Heading 2</h2>
-          <p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing
-          elit. Nullam non est in neque luctus eleifend. Sed
-          tincidunt vestibulum facilisis. Aenean ut pulvinar massa.
-          </p>
-        </div>
-      </div>
-
-      <hr class="featurette-divider">
-
-      <div class="row featurette">
-        <div class="col-md-7">
-          <h2 class="featurette-heading">Header 3</h2>
-          <p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing
-          elit. Nullam non est in neque luctus eleifend. Sed
-          tincidunt vestibulum facilisis. Aenean ut pulvinar massa.
-          </p>
-        </div>
-        <div class="col-md-5">
-          <img class="featurette-image img-responsive" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
-        </div>
-      </div>
-
-      <hr class="featurette-divider">
-
-    $partial("templates/footer.html")$
-
-    </div>
-
-    <script src="/js/jquery.js"></script>
-    <script src="/js/bootstrap.js"></script>
-    <script src="/js/holder.js"></script>
-  </body>
-</html>