<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <style type="text/css">
        body h1{color: #444;}
        .post {color:#666;font-size:12px;text-shadow: 1px 1px 0px #fff;background:#eaebec;	margin:0 auto;	border:#ccc 1px solid;
	            -moz-border-radius:3px;	-webkit-border-radius:3px;border-radius:3px;
	            -moz-box-shadow: 0 1px 2px #d1d1d1;	-webkit-box-shadow: 0 1px 2px #d1d1d1;box-shadow: 0 1px 2px #d1d1d1;
                width: 100%;}
        div {float: left}
        .title{width: 100%;}
        .post a{color: #3f3f3f; font-size: 16px}
        .post_name{color: #3f3f3f; font-size: 16px}
        .post_date{float: right}
        .infopanel{display: inline-block;
                    vertical-align: middle;
                    border: 1px solid #E5E5E5;}
        .post_rating{padding-left: 10px}
        .tags{width: 100%}
        .tag{color: #666;
            font-size:12px;
            text-shadow: 1px 1px 0px #eeeeee;
            background: #d3e2f0;
            border:#ccc 1px solid;
            border-radius:3px;
            box-shadow: 0 1px 2px #d1d1d1;}
    </style>
	</head>
	<body>
	<h1>{{typetop}}</h1>
	<div id="content">
        {% for post in posts %}
            <div class = "post">
                <div class="title">
                    <div class="post_name"><a href="{{post['url']}}"> {{post['name']}} </a></div>
                    <div class="post_date"> {{post['publication_date']}} </div>
                </div>
                <div class="infopanel">
                    <div class="post_author"> Автор:{{post['author']}} </div>
                    <div class="post_rating">Рейтинг: {{post['rating']}} </div>
                </div>
                <div class="tags">
                    <div class="tag"> {{post['tags']}}</div>
                </div>
            </div>
        <hr/>
		{% endfor %}
	</div>
</body>
</html>