{/* 
首页view 
*/}
{extend name="base" /}
{block name="main"}
<section class="homepage clearfix">
    <div class="homepage-left">
        {volist name="headlines" id="row" offset="0" length='1'}
        <?php
            $url = ccd_url($row->node, $row->category);

                if($row->category->ca_slug == 'photo')
                {
                    $url = url('photo', ['id' => $row->id]);
                }
        ?>
        <div class="headline">
            <div class="headline-img">
                <a href="{:$url}" target="_blank">
                    <img src="{:url('image')}?q={$row->image_thumb_url}&w=850&h=567" alt="{$row->node->ar_image_title}"/>
                </a>
                <span>{$row->node->ar_image_title}</span>
            </div>
            <h2 class="headline-title  headline-title-width"><a href="{:$url}" target="_blank">{$row->node->ar_title}</a></h2>
            <span class="headline-summary headline-summary-width">{$row->node->ar_summary|stripslashes|htmlentities}</span>
        </div>
        {/volist}
        <div class="headline-list">
            <ul class="headline-list-ul">
                {volist name="headlines" id="row" offset="1" length='3'}
                <li>
                    <h4><a href="{:ccd_url($row->node, $row->category)}" target="_blank">{$row->node->ar_title}</a></h4>
                    <span>{$row->node->ar_summary|stripslashes|htmlentities}</span>
                </li>
                {/volist}
            </ul>
        </div>
    </div>
    <div class="homepage-right">
        <div class="headline-aside">
            {volist name="headlines" id="row" offset="4" length='1'}
            <?php
            $url = ccd_url($row->node, $row->category);

            if($row->category->ca_slug == 'photo')
            {
            $url = url('photo', ['id' => $row->id]);
            }
            ?>
            <div class="headline-aside-bol">
                <div class="headline-aside-img">
                    <a href="{:$url}" target="_blank">
                        <img src="{:url('image')}?q={$row->image_thumb_url}&w=294&h=195" alt="{$row->node->ar_image_title}" />
                    </a>
                    <span class="headline-aside-img-summary">{$row->node->ar_image_title}</span>
                </div>
                <h4 class="headline-aside-title"><a href="{:$url}" target="_blank">{$row->node->ar_title}</a></h4>
                <span class="headline-aside-summary">{$row->node->ar_summary|stripslashes|htmlentities}</span>
            </div>
            {/volist}
            {volist name="headlines" id="row" offset="5" length='1'}
            <?php
            $url = ccd_url($row->node, $row->category);

            if($row->category->ca_slug == 'photo')
            {
            $url = url('photo', ['id' => $row->id]);
            }
            ?>
            <div class="headline-aside-relative">
                <h4><a href="{:$url}" target="_blank">{$row->node->ar_title}</a></h4>
                <span class="headline-aside-summary" style="margin-top:15px;display: inline-block; ">{$row->node->ar_summary|stripslashes|htmlentities}</span>
            </div>
            {/volist}
        </div>
        <div class="headline-aside">
            {volist name="headlines" id="row" offset="6" length='1'}
            <?php
            $url = ccd_url($row->node, $row->category);

            if($row->category->ca_slug == 'photo')
            {
            $url = url('photo', ['id' => $row->id]);
            }
            ?>
            <div class="headline-aside-bol">
                <div class="headline-aside-img">
                    <a href="{:$url}" target="_blank">
                        <img src="{:url('image')}?q={$row->image_thumb_url}&w=294&h=195" alt="{$row->node->ar_image_title}" />
                    </a>
                    <span class="headline-aside-img-summary">{$row->node->ar_image_title}</span>
                </div>
                <h4 class="headline-aside-title"><a href="{:$url}" target="_blank">{$row->node->ar_title}</a></h4>
                <span class="headline-aside-summary">{$row->node->ar_summary|stripslashes|htmlentities}</span>
            </div>
            {/volist}
            {volist name="headlines" id="row" offset="7" length='1'}
            <?php
            $url = ccd_url($row->node, $row->category);

            if($row->category->ca_slug == 'photo')
            {
            $url = url('photo', ['id' => $row->id]);
            }
            ?>
            <div class="headline-aside-relative">
                <h4><a href="{:$url}" target="_blank">{$row->node->ar_title}</a></h4>
                <span class="headline-aside-summary" style="margin-top:15px;display: inline-block; ">{$row->node->ar_summary|stripslashes|htmlentities}</span>
            </div>
            {/volist}
        </div>
    </div>
</section>
<section class="ad ad1 clearfix">
    <!-- <a href="javascript:;"> -->
        <!-- <img src="/static/site/img/img_24.png"/> -->
    <!-- </a> -->
	<div style="width: 980px; margin: 0 auto;">
         <a href="/static/contribute.html" target="_blank">
         <img src="/static/site/img/contribute_banner_2021_4.png" alt="contribute" />
         </a>
	</div>
</section>
<section class="clearfix">
    <div class="section-title">
        <h5>EDITOR'S PICK</h5>
    </div>
    <div class="editor-section clearfix">
        <div class="editor-bol editor-bol-1">
            <ul class="editor-bol-left">
                {volist name="editors" id="row" offset="0" length="2"}
                <?php
            $url = ccd_url($row->node, $row->category);

                if($row->category->ca_slug == 'photo')
                {
                $url = url('photo', ['id' => $row->id]);
                }
                ?>
                <li>
                    <h4 class="editor-bol-left-h4"><a href="{:$url}" target="_blank">{$row->node->ar_title}</a></h4>
                    <span class="editor-bol-left-summary">{$row->node->ar_summary|stripslashes|htmlentities}</span>
                </li>
                {/volist}
            </ul>
        </div>
        <div class="editor-bol  editor-bol-2">
            <ul class="editor-bol-center">
                {volist name="editors" id="row" offset="2" length="2"}
                <?php
            $url = ccd_url($row->node, $row->category);

                if($row->category->ca_slug == 'photo')
                {
                $url = url('photo', ['id' => $row->id]);
                }
                ?>
                <li>
                    <div class="editor-bol-center-img">
                        <a href="{:$url}" target="_blank">
                            <img src="{:url('image')}?q={$row->image_thumb_url}&w=402&h=268" alt="{$row->node->ar_image_title}" />
                        </a>
                        <span>{$row->node->ar_image_title}</span>
                    </div>
                    <h4 class="editor-bol-center-h4"><a href="{:$url}" target="_blank">{$row->node->ar_title}</a></h4>
                    <span class="editor-bol-center-summary">{$row->node->ar_summary|stripslashes|htmlentities}</span>
                </li>
                {/volist}
            </ul>
        </div>
        <div class="editor-bol editor-bol-3">
            <ul class="editor-bol-right">
                {volist name="editors" id="row" offset="4" length="2"}
                <?php
            $url = ccd_url($row->node, $row->category);

                if($row->category->ca_slug == 'photo')
                {
                $url = url('photo', ['id' => $row->id]);
                }
                ?>
                <li class="clearfix">
                    <div class="editor-bol-right-img">
                        <a href="{:$url}" target="_blank">
                            <img src="{:url('image')}?q={$row->image_thumb_url}&w=294&h=196" alt="{$row->node->ar_image_title}" />
                        </a>
                        <span>{$row->node->ar_image_title}</span>
                    </div>
                    <h4 class="editor-bol-right-h4"><a href="{:$url}" target="_blank">{$row->node->ar_title}</a></h4>
                    <span class="editor-bol-right-summary">{$row->node->ar_summary|stripslashes|htmlentities}</span>
                </li>
                {/volist}
            </ul>
        </div>
    </div>
</section>
<section class="clearfix">
    <div class="section-title">
        <h5>Photography</h5>
    </div>
    <div class="photography clearfix">
        <div class="photography-bol">
            {volist name="photos" id="row" offset="0" length="1"}
            <ul class="photography-bol-ul clearfix">
                {volist name="$row->node->ar_image_list" id="row2" offset="0" length="2"}
                <li>
                    <a href="{:url('photo', ['id' => $row->id])}" target="_blank"><img src="{:url('image')}?q={$row2.img_url}&w=313&h=420&action=thumbnail" alt="{$row2.img_title}"/></a>
                </li>
                {/volist}
            </ul>
            <h5 class="photography-bol-title"><a href="{:url('photo', ['id' => $row->id])}" target="_blank">{$row->node->ar_title}</a></h5>
            {/volist}
        </div>
        <div class="photography-bol">
            {volist name="photos" id="row" offset="1" length="1"}
            <ul class="photography-bol-ul clearfix">
                {volist name="$row->node->ar_image_list" id="row2" offset="0" length="1"}
                <li>
                    <a href="{:url('photo', ['id' => $row->id])}" target="_blank"><img src="{:url('image')}?q={$row2.img_url}&w=313&h=420&action=thumbnail" alt="{$row2.img_title}"/></a>
                </li>
                {/volist}
                <li>
                    {volist name="$row->node->ar_image_list" id="row2" offset="1" length="2"}
                    <a href="{:url('photo', ['id' => $row->id])}" target="_blank"><img src="{:url('image')}?q={$row2.img_url}&w=313&h=208" alt="{$row2.img_title}"/></a>
                    {/volist}
                </li>
            </ul>
            <h5 class="photography-bol-title"><a href="{:url('photo', ['id' => $row->id])}" target="_blank">{$row->node->ar_title}</a></h5>
            {/volist}
        </div>

        <!--<div class="photography-bol">-->
            <!--{volist name="photos" id="row" offset="0" length="1"}-->
            <!--<ul class="photography-bol-ul clearfix">-->
                <!--<li>-->
                    <!--{volist name="$row->node->ar_image_list" id="row2" offset="0" length="2"}-->
                    <!--<a href="{:url('photo', ['id' => $row->id])}" target="_blank"><img src="{:url('image')}?q={$row2.img_url}&w=313&h=208" alt="{$row2.img_title}"/></a>-->
                    <!--{/volist}-->
                <!--</li>-->
                <!--<li>-->
                    <!--{volist name="$row->node->ar_image_list" id="row2" offset="2" length="2"}-->
                    <!--<a href="{:url('photo', ['id' => $row->id])}" target="_blank"><img src="{:url('image')}?q={$row2.img_url}&w=313&h=208" alt="{$row2.img_title}"/></a>-->
                    <!--{/volist}-->
                <!--</li>-->
            <!--</ul>-->
            <!--<h5 class="photography-bol-title"><a href="{:url('photo', ['id' => $row->id])}" target="_blank">{$row->node->ar_title}</a></h5>-->
            <!--{/volist}-->
        <!--</div>-->

        <!--<div class="photography-bol">-->
            <!--{volist name="photos" id="row" offset="1" length="1"}-->
            <!--<ul class="photography-bol-ul clearfix">-->
                <!--<li>-->
                    <!--{volist name="$row->node->ar_image_list" id="row2" offset="0" length="2"}-->
                    <!--<a href="{:url('photo', ['id' => $row->id])}" target="_blank"><img src="{:url('image')}?q={$row2.img_url}&w=313&h=208" alt="{$row2.img_title}"/></a>-->
                    <!--{/volist}-->
                <!--</li>-->
                <!--<li>-->
                    <!--{volist name="$row->node->ar_image_list" id="row2" offset="2" length="2"}-->
                    <!--<a href="{:url('photo', ['id' => $row->id])}" target="_blank"><img src="{:url('image')}?q={$row2.img_url}&w=313&h=208" alt="{$row2.img_title}"/></a>-->
                    <!--{/volist}-->
                <!--</li>-->
            <!--</ul>-->
            <!--<h5 class="photography-bol-title"><a href="{:url('photo', ['id' => $row->id])}" target="_blank">{$row->node->ar_title}</a></h5>-->
            <!--{/volist}-->
        <!--</div>-->

        <div class="photography-bol">
            {volist name="photos" id="row" offset="2" length="1"}
            <ul class="photography-bol-ul clearfix">
                <li>
                    {volist name="$row->node->ar_image_list" id="row2" offset="0" length="2"}
                    <a href="{:url('photo', ['id' => $row->id])}" target="_blank"><img src="{:url('image')}?q={$row2.img_url}&w=313&h=208" alt="{$row2.img_title}"/></a>
                    {/volist}
                </li>
                <li>
                    {volist name="$row->node->ar_image_list" id="row2" offset="2" length="2"}
                    <a href="{:url('photo', ['id' => $row->id])}" target="_blank"><img src="{:url('image')}?q={$row2.img_url}&w=313&h=208" alt="{$row2.img_title}"/></a>
                    {/volist}
                </li>
            </ul>
            <h5 class="photography-bol-title"><a href="{:url('photo', ['id' => $row->id])}" target="_blank">{$row->node->ar_title}</a></h5>
            {/volist}
        </div>
    </div>
</section>
<section class="ad ad1 clearfix">
<!--     <a href="javascript:;"> 
         <img src="/static/site/img/img_24.png"/> 
     </a> -->
	<div style="width: 980px; margin: 0 auto;">
	<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!--	 gospel300left -->
	<ins class="adsbygoogle"
		 style="display:inline-block;width:980px;height:120px"
		 data-ad-client="ca-pub-8576886591936464"
		 data-ad-slot="7406257671"></ins>
	<script>
	(adsbygoogle = window.adsbygoogle || []).push({});
	</script>
	</div>
</section>
<section class="clearfix">
    <div class="subclass-left">
        <div class="home-middle clearfix">
            <div class="section-title">
                <h5>video</h5>
            </div>
            <ul class="home-video-ul clearfix">
                {volist name="videos" id="row"}
                <li>
                    <div class="home-video-ul-img">
                        <a href="{:url_video($row.id, $row.title)}" target="_blank">
                            <img src="{:url('image')}?q={$row.img_id}&w=402&h=268" alt="{$row.alt}" />
                        </a>
                    </div>
                    <h6 class="home-video-ul-title"><a href="{:url_video($row.id, $row.title)}" target="_blank">{$row.title}</a></h6>
                </li>
                {/volist}
            </ul>
        </div>
        <div class="home-middle clearfix">
            {volist name="indexCategoryData" id="categoryData" key="key"}
            <div class="home-newlist">
                <div class="section-title">
                    <h5>{$key}</h5>
                </div>
                <ul class="home-newlist-ul">
                    {volist name="categoryData" id="row" offset="0" length='1'}
                    <li class="clearfix">
                        <div class="home-newlist-ul-img">
                            <a href="{:article_url($row.id, $row.title, $row.category, $row.timestamp)}" target="_blank">
                                <img src="{:url('image')}?q={$row.img_id}&w=210&h=141" class="trans" alt="{$row.alt}" />
                            </a>
                        </div>
                        <h6><a href="{:article_url($row.id, $row.title, $row.category, $row.timestamp)}" target="_blank">{$row.title}</a></h6>
                    </li>
                    {/volist}
                    {volist name="categoryData" id="row" offset="1" length='4'}
                    <li class="clearfix">
                        <h6><a href="{:article_url($row.id, $row.title, $row.category, $row.timestamp)}" target="_blank">{$row.title}</a></h6>
                    </li>
                    {/volist}
                </ul>
            </div>
            {/volist}
        </div>
    </div>
    <div class="subclass-right">
        <div class="subclass-right-section">
            <div class="section-title">
                <h5>Most read</h5>
            </div>
            <div class="subclass-most">
                <ul class="subclass-most-ul">
                    {volist name="mostRead" id="row" key="key" }
                    <li class="clearfix">
                        <div class="subclass-most-ul-num"><span class="num-1">{$key+1}</span><span class="num-2"></span></div>
                        <h6 class="subclass-most-ul-title"><a href="{:article_url($row.id, $row.title, $row.category, $row.timestamp)}" target="_blank">{$row.title}</a></h6>
                        <div class="subclass-most-ul-img">
                            <a href="{:article_url($row.id, $row.title, $row.category, $row.timestamp)}" target="_blank">
                                <img src="{:img_src($row.img_id, 139, 90, 'bestFit')}" alt="{$row.alt}"/>
                            </a>
                        </div>
                    </li>
                    {/volist}
                </ul>
            </div>
        </div>
        <div class="subclass-right-section">
            <div class="section-title">
                <h5>Most Shared</h5>
            </div>
            <div class="subclass-most">
                <ul class="subclass-most-ul">
                    {volist name="mostShared" id="row" key="key" }
                    <li class="clearfix">
                        <div class="subclass-most-ul-num"><span class="num-1">{$key+1}</span><span class="num-2"></span></div>
                        <h6 class="subclass-most-ul-title"><a href="{:article_url($row.id, $row.title, $row.category, $row.timestamp)}" target="_blank">{$row.title}</a></h6>
                        <div class="subclass-most-ul-img">
                            <a href="{:article_url($row.id, $row.title, $row.category, $row.timestamp)}" target="_blank">
                                <img src="{:img_src($row.img_id, 139, 90, 'bestFit')}" alt="{$row.alt}"/>
                            </a>
                        </div>
                    </li>
                    {/volist}
                </ul>
            </div>
        </div>
    </div>
</section>
{/block}