_includes/content/love.html from KeJunMao/jekyll-theme-mdui

_includes/content/love.html
Summary

Maintainability

Test Coverage

Issues
<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>