{% extends "base.html" %}

{% block container %}
<section class="maincontent-wrap">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="maincotnent shadow-z-1">
                            <div class="mainmenu">
                                <div class="navbar navbar-nobg">
                                    <div class="navbar-header">
                                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                                            <span class="sr-only">Toggle navigation</span>
                                            <span class="icon-bar"></span>
                                            <span class="icon-bar"></span>
                                            <span class="icon-bar"></span>
                                        </button>
                                    </div>

                                    <div class="navbar-collapse collapse"> 
                                        <ul class="nav navbar-nav">
                                            <li class="active"><a href="/">Home <div class="ripple-wrapper"></div></a></li>
                                            <li><a href="/blog/programming">Programming</a></li>
                                            <li><a href="/blog/work">Work</a></li>
                                            <li><a href="/blog/photography">Photography</a></li>
                                            <li><a href="/blog/contact">Contact</a></li>
                                            {% if admin %}
                                              <li><a href="/new">New</a></li>
                                            {% endif %}
                                        </ul>                                                      
                                    </div>        
                                </div> 
                            </div> 
                            
                            <div class="row">
                                <div class="col-md-10 col-md-offset-1">
                                    <div class="article-list">
                                      {% for p in posts %}
                                        <article class="post">
                                            <header class="article-title text-center">
                                                <h2><a href="/post/{{ p.key }}">{{ p.title|safe }}</a></h2>
                                                <p class="post-meta"><a href="/blog/{{ p.tag }}">{{ p.tag|safe }}</a> {% if p.author %} by {{ p.author|safe }} on {% endif %}{{ p.date|date }}
                                                  {% if admin %}
                                                     || <a href="/edit/{{ p.key }}">edit</a>
                                                     || <a href="/delete/{{ p.key }}">remove</a>
                                                  {% endif %}
                                                </p>

                                            </header>

                                            {% if p.content_img %}
                                            <div class="article-featured-content shadow-z-2">
                                                {{ p.content_img|safe }}
                                            </div>
                                            {% endif %}


                                            {% if p.show_teaser %}
                                                <div class="post-summary">
                                                    {{ p.teaser|safe }}
                                                </div>
                                                <h4><a href="/post/{{ p.key }}">Continue Reading</a></h4>
                                            {% else %}
                                                <div class="post-summary">
                                                    {{ p.content|safe }}
                                                </div>
                                            {% endif %}

                                        </article>
                                      {% endfor %}

                                       
                                                                            
                                    </div>                                    
                                </div>
                            </div>
                            

                            

        </section>
{% endblock %}





{% block footer %} 
      <div id='footer'>  
        <span>
            <a href="/">home</a> <b>||</b>
            <a href="/blog">blog</a> <b>||</b>
            <a href="/blog/contact">contact</a> <b>||</b>
            <a href="{{ admin_url }}">{{ admin_url_text }}</a> 
        </span> 
      </div>  
{% endblock %}