westdc-zf1/application/default/views/scripts/index/index.phtml

360 lines
21 KiB
PHTML
Executable File
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<?php
$this->headTitle($this->config->title->site);
$this->headTitle('首页');
$this->headTitle()->setSeparator(' - ');
$auth = Zend_Auth::getInstance();
$this->headLink()->appendStylesheet('/static-sanji/css/index.css');
$this->headLink()->appendStylesheet('/static-sanji/js/Swiper-4.1.0/swiper-4.1.0.min.css');
?>
<section class="panel home" data-section-name="首页">
<div class="swiper-container banner">
<div class="swiper-wrapper">
<?php foreach($this->news as $k=>$v) { ?>
<?php
$description = "";
if (mb_strlen($v['description'])>100)
{
$description = mb_substr($v['description'],0,100,'utf-8').'...';
}else{
$description = $v['description'];
}
?>
<div class="swiper-slide" style="background:url('<?php echo $v['image']; ?>') no-repeat center;background-size:cover">
<span class="cdate">[<?php echo date("Y-m-d",strtotime($v['ts_published'])) ?>]</span>
<h2 class="btitle"><a href="<?php echo $v['url']; ?>"><?php echo $v['title']; ?></a></h2>
<h4 class="bstitle"><?php echo $description; ?></h4>
</div>
<?php } ?>
</div>
<div class="direction">
<div class="swiper-button-prev c-prev"></div>
<div class="swiper-button-next c-next"></div>
</div>
</div>
</section>
<section class="panel panel1" data-section-name="数据共享">
<div class="container topic">
<div class="row">
<span class="all"><a href="">全部 》</a></span>
<h1 class="data">专题数据</h1>
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<h3 class="text-center">黑河生态水文遥感试验HiWATER</h3>
<div>
<div class="col-md-4 text-center data-image">
<img src="/static-sanji/images/index/data01.jpg">
</div>
<div class="col-md-8 data-wrapper">
<p class="heihe-desc">黑河流域生态-水文过程综合遥感观测联合试验简称“黑河生态水文遥感试验”英文名称“Heihe Watershed Allied Telemetry Experimental Research,简称HiWATER“由国家自然科学基金委员会重大研究计划”黑河流域生态-水文过程集成研究“(以下加成黑河计划)和中国科学院”西部行动计划“联合发起组织, 以黑河流域发起组织以黑河流域已建立的观测系统以及2007~2009年开展的”黑河综合遥感联合试验“成果为基础联合多科学、多机构、多项目的科研人</p>
</div>
</div>
</div>
<div class="item">
<h3 class="text-center">黑河生态水文遥感试验HiWATER</h3>
<div>
<div class="col-md-4 text-center data-image">
<img src="/static-sanji/images/index/data01.jpg">
</div>
<div class="col-md-8 data-wrapper">
<p class="heihe-desc">黑河流域生态-水文过程综合遥感观测联合试验简称“黑河生态水文遥感试验”英文名称“Heihe Watershed Allied Telemetry Experimental Research,简称HiWATER“由国家自然科学基金委员会重大研究计划”黑河流域生态-水文过程集成研究“(以下加成黑河计划)和中国科学院”西部行动计划“联合发起组织, 以黑河流域发起组织以黑河流域已建立的观测系统以及2007~2009年开展的”黑河综合遥感联合试验“成果为基础联合多科学、多机构、多项目的科研人</p>
</div>
</div>
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 hot-data">
<p class="data-title">
<em class="text-left"><span class="glyphicon glyphicon-play"></span>在线下载热门数据</em>
<span class="data-more"><a href="/data">更多 > ></a></span>
</p>
<ul>
<?php foreach($this->mdtop as $i=>$md) : ?>
<li>
<a href="/data/<?php echo $md->uuid; ?>"><?php echo $md->title; ?></a>
</li>
<?php endforeach; ?>
</ul>
</div>
<div class="col-xs-12 col-sm-6 down_right hot-data">
<p class="data-title">
<em class="text-left"><span class="glyphicon glyphicon-play"></span>离线申请热门数据</em>
<span class="data-more"><a href="/data">更多 > ></a></span>
</p>
<ul>
<?php foreach($this->offlinemdtop as $i=>$md) : ?>
<li>
<a href="/data/<?php echo $md->uuid; ?>"><?php echo $md->title; ?></a>
</li>
<?php endforeach; ?>
</ul>
</div>
</div>
</div>
</section>
<section class="panel panel2" data-section-name="新闻">
<div class="container news">
<div class="row">
<div class="col-xs-12"><span class="all"><a href="">全部 》</a></span></div>
<div class="col-xs-12"><h1>新闻</h1></div>
<div class="col-xs-6 news-con">
<?php for($i = 0; $i <= 3; $i++){ ?>
<div class="news-wrapper">
<div class="col-xs-2" style="background: url('<?= $this->list_news[$i]['image'] ?>') no-repeat center;background-size:contain;height: 75px"></div>
<div class="col-xs-10">
<h5><a href="<?= $this->list_news[$i]['url'] ?>"><?php
if (mb_strlen($this->list_news[$i]['title'])>40)
{
echo mb_substr($this->list_news[$i]['title'],0,40,'utf-8').'...';
}else{
echo $this->list_news[$i]['title'];
}
?></a></h5>
<p>
<?php
$description = "";
if (mb_strlen($this->list_news[$i]['description'])>80)
{
$description = mb_substr($this->list_news[$i]['description'],0,80,'utf-8').'...';
}else{
$description = $this->list_news[$i]['description'];
}
echo $description; ?>
</p>
</div>
<p style="clear: both"></p>
</div>
<?php } ?>
</div>
<div class="col-xs-6 news-con">
<?php for($i = 4; $i <= 7; $i++){ ?>
<div class="news-wrapper">
<div class="col-xs-2" style="background: url('<?= $this->list_news[$i]['image'] ?>') no-repeat center;background-size:contain;height: 75px"></div>
<div class="col-xs-10">
<h5><a href="<?= $this->list_news[$i]['url'] ?>">
<?php
if (mb_strlen($this->list_news[$i]['title'])>30)
{
echo mb_substr($this->list_news[$i]['title'],0,40,'utf-8').'...';
}else{
echo $this->list_news[$i]['title'];
}
?>
</a></h5>
<p>
<?php
$description = "";
if (mb_strlen($this->list_news[$i]['description'])>80)
{
$description = mb_substr($this->list_news[$i]['description'],0,80,'utf-8').'...';
}else{
$description = $this->list_news[$i]['description'];
}
echo $description; ?>
</p>
</div>
<p style="clear: both"></p>
</div>
<?php } ?>
</div>
</div>
</div>
</section>
<section class="panel panel3" data-section-name="帮助">
<div class="container news">
<div class="row clear">
<div class="col-md-6">
<div class="row">
<div class="col-md-6">
<span class="all"><a href="">全部 》</a></span>
<h3 id="help"><a href="">帮助</a></h3>
</div>
<div class="col-md-6">
<span class="hicon contact"></span>
<h4>联系我们</h4>
<p>中国西部环境与生态科学数据中心</p>
<p>中国科学院寒区环境与工程研究院 6#1102</p>
<p>E-mail:westdc@lzb.ac.cn</p>
<p>电话:+86-931-4967287</p>
<p>邮编730000</p>
</div>
<div class="col-md-6">
<span class="hicon data-server"></span>
<h4>数据服务</h4>
<p>最近20条离线数据服务记录共5742</p>
<p><a href="">如何申请数据</a></p>
<p><a href="">如何发布数局</a></p>
</div>
<div class="col-md-6">
<span class="hicon statistics"></span>
<h4>统计</h4>
<ul>
<li>
元数据 &nbsp;<span><?php echo $this->metanum; ?></span>
</li>
<li>
在线数据 &nbsp;<span><?php echo number_format($this->onlinesize/1000,2,'.',''); ?></span>GB
</li>
<li>
总数据 &nbsp;<span><?php echo number_format(($this->onlinesize+$this->offlinesize)/1000,2,'.',''); ?></span>GB
</li>
<li>
总注册用户 &nbsp;<span><?php echo $this->usernum; ?></span>
</li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 help-wrapper">
<dl class="help">
<dd><a></a></dd>
<dd><a href="/data/request">如何申请数据</a></dd>
<dd><a href="/data/submit">如何提交数据</a></dd>
<dd><a href="/archives/help/platform/archive-23.html">科学数据引用建议</a></dd>
<dt><a href="/archives/help/platform/archive-7.html">在线数据的下载问题</a></dt>
<dd><a href="">[2014-05-15] Data Citation Help</a></dd>
<dd><a href="">[2014-05-15] Data Citation Help</a></dd>
<dd><a href="">[2014-05-15] Data Citation Help</a></dd>
<dt>简要介绍在黑河计划中如何通过科学评审系统提高元数据的质量</dt>
<dd><a href="">[2014-05-15] Data Citation Help</a></dd>
<button id="help-btn">帮助</button>
</dl>
</div>
</div>
</div>
</section>
<section class="panel panel4" data-section-name="合作单位">
<div class="container">
<div class="row">
<div class="col-xs-12">
<span class="all"><a href="">全部</a></span>
<h1>合作单位</h1>
</div>
</div>
<div class="swiper-container cooperation">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="col-md-3">
<img src="/static-sanji/images/cooperator/cooperator32.jpg"><p>中国科学院青藏高原研究所</p>
<img src="/static-sanji/images/cooperator/cooperator25.png"><p>中国科学院测量与地球物理研究所</p>
</div>
<div class="col-md-3">
<img src="/static-sanji/images/cooperator/cooperator34.png"><p>中国科学院西北生态环境资源研究院</p>
<img src="/static-sanji/images/cooperator/cooperator28.jpg"><p>中国科学院地理科学与资源研究所</p>
</div>
<div class="col-md-3">
<img src="/static-sanji/images/cooperator/cooperator35.jpg"><p>中国科学院遥感与数字地球研究所</p>
<img src="/static-sanji/images/cooperator/cooperator29.jpg"><p>中国科学院地质与地球物理研究所</p>
</div>
<div class="col-md-3">
<img src="/static-sanji/images/cooperator/cooperator26.jpg"><p>中国科学院大气物理研究所</p>
<img src="/static-sanji/images/cooperator/cooperator30.jpg"><p>中国科学院东北地理与农业生态研究所</p>
</div>
</div>
<div class="swiper-slide">
<div class="col-md-3">
<img src="/static-sanji/images/cooperator/cooperator27.jpg"><p>中国科学院大学</p>
<img src="/static-sanji/images/cooperator/cooperator36.jpg"><p>中国科学院植物研究所</p>
</div>
<div class="col-md-3">
<img src="/static-sanji/images/cooperator/cooperator33.jpg"><p>中国科学院上海天文台</p>
<img src="/static-sanji/images/cooperator/cooperator31.jpg"><p>中国科学院南京地理与湖泊研究所</p>
</div>
<div class="col-md-3">
<img src="/static-sanji/images/cooperator/cooperator2.jpg"><p>北京师范大学</p>
<img src="/static-sanji/images/cooperator/cooperator19.jpg"><p>西北大学</p>
</div>
<div class="col-md-3">
<img src="/static-sanji/images/cooperator/cooperator23.jpg"><p>中国地质大学(武汉)</p>
<img src="/static-sanji/images/cooperator/cooperator20.png"><p>西南大学</p>
</div>
</div>
<div class="swiper-slide">
<div class="col-md-3">
<img src="/static-sanji/images/cooperator/cooperator18.png"><p>上海师范大学</p>
<img src="/static-sanji/images/cooperator/cooperator24.jpg"><p>中国极地研究中心</p>
</div>
<div class="col-md-3">
<img src="/static-sanji/images/cooperator/cooperator3.jpg"><p>成都高原气象研究所</p>
<img src="/static-sanji/images/cooperator/cooperator16.png"><p>清华大学</p>
</div>
<div class="col-md-3">
<img src="/static-sanji/images/cooperator/cooperator37.jpg"><p>中国气象科学研究院</p>
<img src="/static-sanji/images/cooperator/cooperator4.jpg"><p>成都信息工程大学</p>
</div>
<div class="col-md-3">
<img src="/static-sanji/images/cooperator/cooperator22.jpg"><p>香港中文大学</p>
<img src="/static-sanji/images/cooperator/cooperator21.jpg"><p>香港大学</p>
</div>
</div>
<div class="swiper-slide">
<div class="col-md-3">
<img src="/static-sanji/images/cooperator/cooperator14.jpg"><p>南方科技大学</p>
<img src="/static-sanji/images/cooperator/cooperator1.jpg"><p>北京林业大学</p>
</div>
<div class="col-md-3">
<img src="/static-sanji/images/cooperator/cooperator9.jpg"><p>兰州大学</p>
<img src="/static-sanji/images/cooperator/cooperator8.png"><p>华东师范大学</p>
</div>
<div class="col-md-3">
<img src="/static-sanji/images/cooperator/cooperator7.jpg"><p>西南科技大学</p>
<img src="/static-sanji/images/cooperator/cooperator12.jpg"><p>美国加州大学洛杉矶分校</p>
</div>
<div class="col-md-3">
<img src="/static-sanji/images/cooperator/cooperator10.jpg"><p>美国德克萨斯大学</p>
<img src="/static-sanji/images/cooperator/cooperator11.jpg"><p>美国华盛顿大学</p>
</div>
</div>
<div class="swiper-slide">
<div class="col-md-3">
<img src="/static-sanji/images/cooperator/cooperator13.png"><p>美国犹他大学</p>
<img src="/static-sanji/images/cooperator/cooperator5.jpg"><p>俄罗斯莫斯科州立大学</p>
</div>
<div class="col-md-3">
<img src="/static-sanji/images/cooperator/cooperator15.png"><p>挪威南森环境遥感中心</p>
<img src="/static-sanji/images/cooperator/cooperator6.png"><p>芬兰气象研究所</p>
</div>
<div class="col-md-3">
<img src="/static-sanji/images/cooperator/cooperator17.png"><p>瑞士苏黎世大学</p>
<img src="/static-sanji/images/cooperator/cooperator1.jpg"><p>华东师范大学</p>
</div>
<div class="col-md-3">
<img src="/static-sanji/images/cooperator/cooperator1.jpg"><p>华东师范大学</p>
<img src="/static-sanji/images/cooperator/cooperator1.jpg"><p>华东师范大学</p>
</div>
</div
</div>
<div class="swiper-button-prev"><span class="glyphicon glyphicon-chevron-left"></span></div>
<div class="swiper-button-next"><span class="glyphicon glyphicon-chevron-right"></span></div>
</div>
</div>
</section>
<script src="/static-sanji/js/Swiper-4.1.0/swiper-4.1.0.min.js"></script>
<script src="/static-sanji/js/bootstrap.min.js"></script>
<script src="/static-sanji/js/index.js"></script>
<script src="/static-sanji/js/jquery.scrollify.js"></script>