<div class=“k-posts-list”></div>

<style> .avatar {

width: 100px;
height: 100px;
padding-left: 16px;
padding-right: 16px;
padding-top: 24px!important;

}

.name {

color: black!important;
font-size: 40px!important;
font-weight: bold;

}

.title {

padding-left: 16px!important;
padding-top: 12px!important;
size: 12px!important;

}

a:link {

text-decoration: none;

}

a:visited {

text-decoration: none;

}

a:hover {

text-decoration: none;

}

a:active {

text-decoration: none;

}

.primary-title {

color: black!important;

}

.padding-bottom-8px {

padding-bottom: 8px!important;

}

.padding-bottom-16px {

padding-bottom: 16px!important;

}

.k-post-media {

display: block cursor: pointer;
max-height: 250px;
min-height: 250px;
height: 250px;
background-position: 50% 50%;
background-size: cover;
background-color: #303033;

} </style> <body>

<div class="mdui-container"> 
    <div class="mdui-col-md-1 mdui-col-sm-1">
    </div>
    <div class="mdui-col-md-10 mdui-col-sm-10">
        <div class="animated flipInX mdui-card mdui-shadow-{{site.data.site.card.card_shadow}} {% if site.data.site.card.card_hoverable == true%}mdui-hoverable{% endif %}">
            <div class="mdui-card-primary-title title">
                我的情侣
            </div>
            <div class="mdui-typo">
                <hr/>
            </div>
            <a href="{{site.data.love.header.siteurl}}" target="_blank">
                <img class="avatar mdui-center" src="{{site.data.love.header.favicon}}"/>
            </a>
                <div class="mdui-card-primary">
                    <h1 class="padding-bottom-8px mdui-card-primary-title name mdui-text-center">
            <a href="{{site.data.love.header.siteurl}}" target="_blank">
            <font color="black">
                        {{site.data.love.header.name}}
            </font>
            </a>
                    </h1>
                    <div class="padding-bottom-8px primary-title mdui-card-primary-subtitle mdui-text-center">
            <a href="{{site.data.love.header.siteurl}}" target="_blank">
            <font color="black">
                        {{site.data.love.header.introduction}}
            </font>
            </a>
                    </div>
                </div>
        </div>
        </br>
        </br>
        {% if site.data.love.photo.photo == true %}
        <div class=" animated flipInX lazyload mdui-card mdui-shadow-{{site.data.site.card.card_shadow}} {% if site.data.site.card.card_hoverable == true%}mdui-hoverable{% endif %}">
            <div class="mdui-card-primary-title title">
                相册
            </div>
            <div class="mdui-typo">
                <hr/>
            </div>
            <div class="mdui-col-md-12 mdui-col-sm-12">
                {% for picture in site.data.love.photo.pictures %}
                <div class="padding-bottom-16px mdui-col-md-4 mdui-col-sm-6">
                    <div class="mdui-card mdui-shadow-2">
                        <div class="mdui-card-media k-post-media lazy" data-original="{{picture}}">
                        </div>
                    </div>
                </div>
                {% endfor %}
                <div class="padding-bottom-8px">
                </div>
            </div>
        </div>
        {% else %}
        {% endif %}
    </div>
</div>

{% include content/component/lazyload.html %}

</body>