index.html

---
layout: default
title: Start Cooking, Start Living
home: true
pagination:
  enabled: true
---
{% include search_recipes.html %}
<div class="container">
   <div class="row">
      {% for recipe in paginator.posts %}
      <div class="grid col-sm" style="text-align: center; max-width:500px">
         <div>
            <a href="{{ recipe.insta-link }}" target="_blank"><img style="max-width: 100%; max-height: 100%;" src="{{ site.url}}/{{ recipe.img-src }}"></a>
         </div>
         <div class="row" style="padding-left:10px; padding-right:10px">
            <div class="col" style="text-align:left">
               <a style="font-family: times, serif; font-size:17pt">{{ recipe.title }}</a><br>
               <div class="date-entry" style="padding-top: 5px; padding-left: 2px">
                  {{ recipe.date | date_to_long_string }}
               </div>
            </div>
            <div class="col" style="text-align:right; padding:20px">
               <a style="text-align:right" class="view-recipe-button" href="{{ recipe.recipe-link }}"> View Recipe </a>
            </div>
         </div>
         <div style="padding-left:10px; padding-right:10px; padding-top:10px; font-family: times, serif; font-size:12pt; text-align:justify">
            {{ recipe.content }}
         </div>
      </div>
      {% endfor %}
   </div>
   <div class="row">
      <div class="col" style="text-align:right">
         {% if paginator.total_pages > 1 %}
         <div class="pagination">
            {% if paginator.previous_page %}
            <a href="{{ paginator.previous_page_path | relative_url }}">&laquo; Prev</a>
            {% else %}
            <span>&laquo; Prev</span>
            {% endif %}
            {% for page in (1..paginator.total_pages) %}
            {% if page == paginator.page %}
            <em>{{ page }}</em>
            {% elsif page == 1 %}
            <a href="{{ paginator.previous_page_path | relative_url }}">{{ page }}</a>
            {% else %}
            <a href="{{ site.paginate_path | relative_url | replace: ':num', page }}">{{ page }}</a>
            {% endif %}
            {% endfor %}
            {% if paginator.next_page %}
            <a href="{{ paginator.next_page_path | relative_url }}">Next &raquo;</a>
            {% else %}
            <span>Next &raquo;</span>
            {% endif %}
         </div>
         {% endif %}
      </div>
   </div>
</div>