Added cover image to jumbotron

This commit is contained in:
Asutosh Palai
2016-06-18 15:16:03 +05:30
parent b9e5d057d0
commit 412ad95e56
6 changed files with 133 additions and 103 deletions

View File

@ -40,7 +40,7 @@
<link rel="stylesheet" href="/css/base.css" type="text/css" media="screen, projection" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" src="/js/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/masonry.min.js"></script>
<script type="text/javascript" src="/js/application.js"></script>

View File

@ -1,9 +1,10 @@
{% assign cover_post = site.categories.cover.first %}
<div id="home-header" class="container-fluid">
<div class="cover text-center">
<h1 class="title">{{ cover_post.title }}</h1>
<!--<p>{{ cover_post.excerpt | markdownify }}</p>-->
</div>
<div class="left"></div>
<div class="right"></div>
<div id="home-header" class="container-fluid">
<div class="cover-image"><img class="img-responsive" src="/images/posts/{{ cover_post.image }}" alt=""></div>
<div class="cover text-center">
<h1 class="title">{{ cover_post.title }}</h1>
<!--<p>{{ cover_post.excerpt | markdownify }}</p>-->
</div>
<div class="left"></div>
<div class="right"></div>
</div>