{% assign head_card = site.data.meng.head_card %} {% if site.data.site.lang == 'zh-CN' %} {% assign lang = site.data.lang.meng.head_card %} {% else %} {% assign lang = site.data.lang.en-US %} {% endif %} <style>
.k-head-card-media{ display: block cursor: pointer; max-height: 284px; min-height: 284px; background-position: 50% 50%; background-size: cover; background-color: white; } .k-head-card-media a{ text-decoration: none; } .k-head-card-content .mdui-card-header-title{ line-height: 40px; margin-left: 0; } .k-head-card-content .mdui-card-header-avatar{ margin-right: 12px; } .mdui-card-media img.k-head-card-img{ width: 64px; margin: 0 auto; }
</style> <div class=“mdui-row”>
<div class="mdui-col-sm-8"> <div class="mdui-card k-list-card mdui-shadow-{{site.data.site.card.card_shadow}} {% if site.data.site.card.card_hoverable == true%}mdui-hoverable{% endif %}"> <div class="mdui-card-media k-head-card-media" style="background-image:url('{{head_card.left_img}}')"> <div class="mdui-card-media-covered mdui-card-media-covered-gradient"> <div class="mdui-card-primary"> <div class="mdui-card-primary-title"><a class="mdui-text-color-white-text">{{head_card.left_text}}</a></div> </div> </div> </div> <div class="mdui-divider"></div> <div class="mdui-card-header k-head-card-content"> <img class="mdui-card-header-avatar" src="{{site.data.site.img.avatar}}" /> <div class="mdui-card-header-title">{{site.author}}</div> </div> </div> </div> <div class="mdui-col-sm-4"> <div style="overflow: visible;" class="mdui-card k-list-card mdui-shadow-{{site.data.site.card.card_shadow}} {% if site.data.site.card.card_hoverable == true%}mdui-hoverable{% endif %}"> <div class="mdui-card-media k-head-card-media mdui-valign"> <img class="k-head-card-img" src="{{head_card.right_img}}" alt=""> </div> <div class="mdui-divider"></div> <div class="mdui-card-header k-head-card-content"> <div class="mdui-card-header-title mdui-float-left">{{site.title}}</div> <button mdui-menu="{target: '#k-homemenu'}" class="mdui-btn mdui-btn-icon mdui-float-right"><i class="mdui-icon material-icons"></i></button> <ul class="mdui-menu" id="k-homemenu"> <li class="mdui-menu-item"> <a target="_blank" href="{{ "/feed.xml" | prepend: site.baseurl }}" class="mdui-ripple">{{lang.rss}}</a> </li> <li class="mdui-menu-item"> <a target="_blank" href="{{ "/sitemap.xml" | prepend: site.baseurl }}" class="mdui-ripple">{{lang.sitemap}}</a> </li> </ul> </div> </div> </div>
</div>