layout: default


{% if page.cover %}
<figure class="ampstart-image-fullpage-hero m0 relative mb4">
  <amp-img width="404" height="720" alt="{{ page.title }}" layout="responsive" src="{{ site.baseurl }}{{ page.cover }}" media="(max-width: 415px)"></amp-img>
  <amp-img height="720" alt="{{ page.title }}" layout="fixed-height" src="{{ site.baseurl }}{{ page.cover }}" media="(min-width: 416px)"></amp-img>
  <figcaption class="absolute top-0 right-0 bottom-0 left-0">
    <header class="p3">
      <h1 class="ampstart-fullpage-hero-heading mb0 hanuman">
        <span class="ampstart-fullpage-hero-heading-text title">
          {{ page.title }}
        </span>
      </h1>
      <h2 class="ampstart-fullpage-hero-heading mb0">
        {% if page.author %}
        <span class="ampstart-fullpage-hero-heading-text description">
          By <b><a href="#" role="author" class="text-decoration-none author">{{page.author}}</a></b>
        </span>
        {% endif %}
      </h2>
    </header>
    <footer class="absolute left-0 right-0 bottom-0">
      <a class="ampstart-readmore py3 caps line-height-2 text-decoration-none center block h5" href="#content"><span class="ampstart-readmore-text px1">Read more</span></a>
    </footer>
  </figcaption>
</figure>
<main id="content" role="main" class="">
  <article class="photo-article">
    <div class="post-meta mb4 px3">
      <time class="post-date" datetime="{{ page.date | date:'%Y-%m-%d' }}">{{ page.date | date_to_string }}</time>
      {% if page.tags.size > 0 %}
          in
          {% for tag in page.tags %}
              {% if forloop.index == page.tags.size %}
                 <a href='{{site.baseurl}}tags/#{{tag}}'>{{ tag | capitalize }}</a>
              {% else %}
                 <a href='{{site.baseurl}}tags/#{{tag}}'>{{ tag | capitalize }}</a>,
              {% endif %}
          {% endfor %}
      {% endif %}
    </div>
    <div class="mb4 px3 radhakrishna" align="left">
                  <amp-social-share type="facebook" width="45" height="33" data-param-app_id="145393166088568"></amp-social-share>
                  <amp-social-share type="twitter" width="45" height="33"></amp-social-share>
                  <amp-social-share type="whatsapp" width="45" height="33"></amp-social-share>
                  <amp-social-share type="gplus" width="45" height="33"></amp-social-share>
                  <amp-social-share width="45" height="33" type="email"></amp-social-share>
          </div>
{% else %}
  <main id="content" role="main" class="">
    <article class="recipe-article">
      <header>
        {% if page.tags.size > 0 %}
        <span class="ampstart-subtitle block px3 pt2 mb2">
                      {% for tag in page.tags %}
                          {% if forloop.index == page.tags.size %}
                             <a href='{{site.baseurl}}tags/#{{tag}}'>{{ tag | capitalize }}</a>
                          {% else %}
                             <a href='{{site.baseurl}}tags/#{{tag}}'>{{ tag | capitalize }}</a>,
                          {% endif %}
                      {% endfor %}
        </span>
        {% endif %}
        <h1 class="mb1 px3">{{page.title}}</h1>
        <address class="ampstart-byline clearfix mb4 px3 h5">
          <time class="ampstart-byline-pubdate block bold my1" datetime="{{ page.date | date:'%e %B %Y' }}">{{ page.date | date:'%e %B %Y' }}</time>
        </address>
      </header>
{% endif %}
  <div class="px3 mb4">
    {{content}}
  </div>
  <!-- Start Related article -->
  {% if page.tags.size > 0 %}
      {% assign primary = page.tags | first %}
      {% assign related_posts = 0 %}
      {% for post in site.posts %}
        {% if post.tags.size > 0 %}
            {% if post.tags contains primary %}
              {% assign related_posts = related_posts | plus: 1 %}
            {% endif %}
        {% endif %}
      {% endfor %}
      {% if related_posts > 1 %}
        <section class="ampstart-related-article-section p3 mb4 border-top">
            <h2 class="ampstart-heading ampstart-label m0 mb3">Related article</h2>
              <article class="ampstart-related-article">
                  {% if post.cover %}
                  <amp-img src="{{ site.baseurl }}{{ post.cover }}" width="656" height="350" layout="responsive" alt="" class="mb3"></amp-img>
                  {% else %}
                      {% if site.cover %}
                      <amp-img src="{{ site.baseurl }}{{ site.cover }}" width="656" height="350" layout="responsive" alt="" class="mb3"></amp-img>
                      {% endif %}
                  {% endif %}
                  {% assign count = 0 %}
                  {% for post in site.posts %}
                    {% if post.tags contains primary %}
                      {% if post.title != page.title %}
                        {% assign count = count | plus: 1 %}
                        {% if count <= 3 %}
                          <h3 class="ampstart-heading h4 m0 mb3"><b>{{ post.title }}</b></h3>
                          <p class="line-height-4 mb3">
                          {% if post.description %}
                            {{post.description}}
                          {% else %}
                            {{ post.content | strip_html | truncatewords:15 }}
                          {% endif %}
                          </p>
                          <a href="{{ site.baseurl }}{{ post.url | remove: '/' }}" class="ampstart-rekated-article-readmore block text-decoration-none ampstart-label">Read more</a>
                        {% endif %}
                      {% endif %}
                    {% endif %}
                  {% endfor %}
              </article>
        </section>
      {% endif %}
  {% endif %}
  <!-- End Related article -->

<hr>

{% for author in site.data.authors %}

{% if author[1].username == page.author %}
  <div class="author-section mb4">
      {% if author[1].assets %}
          <amp-img width="100" height="100" class="author-thumb-post" layout="responsive" src="{{ site.baseurl }}{{author[1].assets}}" alt="{{author[1].name}}"/></amp-img>
      {% endif %}
      <a href="{{site.baseurl}}authors/#{{author[1].username}}"><h4 class="author-name">{{author[1].name}}</h4></a>
      <p class="mb4 px3">{{author[1].bio}}</p>
  </div>
{% endif %}

{% endfor %}

<!– Start Socialbox –> <div class=“ampstart-social-box mb4”>

<amp-social-share type="twitter" aria-label="Share this on Twitter"></amp-social-share>
<amp-social-share type="facebook" aria-label="Share this on Facebook" data-param-app_id="145393166088568"></amp-social-share>
<amp-social-share type="gplus" aria-label="Share this on Google Plus"></amp-social-share>
<amp-social-share type="email" aria-label="Share this with E-mail"></amp-social-share>

</div> <!– End Socialbox –>

{% include footer.html %}

</main>