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

407 lines
24 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();
?>
<section class="panel home" data-section-name="首页">
<div class="swiper-container banner">
<div class="swiper-wrapper">
<div class="swiper-slide" style="background:url('<?php echo $this->news[0]['image']; ?>') no-repeat center;background-size:cover">
<span class="cdate"><!-- [<?php echo date("Y-m-d",strtotime($this->news[0]['ts_published'])) ?>] --></span>
<h2 class="btitle"><a href="javascript:void(0);" data-rel="<?php echo $this->news[0]['url']; ?>"><?php echo $this->news[0]['title']; ?></a></h2>
<?php
$description = "";
if (mb_strlen($this->news[0]['description'])>100)
{
$description = mb_substr($this->news[0]['description'],0,100,'utf-8').'...';
}else{
$description = $this->news[0]['description'];
}
?>
<h4 class="bstitle"><?php echo $description; ?></h4>
</div>
<div class="swiper-slide" id="video_silder">
<video autoplay muted loop>
<source src="/upload/media/tpe_1.mp4" type="video/mp4">
</video>
<h2 class="video_cover"><a href="javascript:void(0);">基于MODIS的2003年高亚洲积雪覆盖变化</a></h2>
</div>
<?php foreach($this->news as $k=>$v) { ?>
<?php
if($k < 1) continue;
$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="javascript:void(0);" data-rel="<?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="/data">全部 》</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">南极</h3>
<div>
<div class="col-md-4 text-center data-image">
<img src="/static-sanji/images/index/dataset_1.png">
</div>
<div class="col-md-8 data-wrapper">
<p class="heihe-desc">南极200米分辨率冰盖表面高程模型是我国自主生产的南极遥感地形数据该图利用2003-2009年间的ICESat/GLAS星载激光雷达数据和EnviSatRA-2雷达高度计数据通过对ICESat/GLAS数据进行质量控制、饱和度纠正和对EnviSatRA-2高度计数据进行基于地形特征的相对纠正等关键技术处理将两种不同的测高数据融合增加了测高数据的采样密度。利用航空激光雷达和实测GPS数据验证显示该数据的精度为3.21-27.84米相比国际最新的DEM该数据在地形复杂区域精度有所提高。该数据将为我国南极科考提供基础数据服务于我国南极科学研究。</p>
</div>
</div>
</div>
<div class="item">
<h3 class="text-center">北极</h3>
<div>
<div class="col-md-4 text-center data-image">
<img src="/static-sanji/images/index/dataset_2.gif">
</div>
<div class="col-md-8 data-wrapper">
<p class="heihe-desc">北极地区是对气候变化最为敏感的地区之一长期以来受到了气候变化研究的极大关注。尽管最近一段时间全球暖化出现了一定程度的减缓甚至停滞的迹象但北极地区的气候变化在过去几十年间却出现了明显的加速一方面北极夏秋季的海冰覆盖正在加速融化如图1北极海冰覆盖面积历史低值被不断刷新2012年九月份的海冰覆盖面积仅相当于1979到2000年多年平均海冰面积的51%相对于上世纪八十年代初已经有超过一半的海冰在夏天消失了2002-2011年间海冰面积减少速度是1979-2006年间减少速度的两倍还多...</p>
</div>
</div>
</div>
<div class="item">
<h3 class="text-center">第三极</h3>
<div>
<div class="col-md-4 text-center data-image">
<img src="/static-sanji/images/index/dataset_3.png">
</div>
<div class="col-md-8 data-wrapper">
<p class="heihe-desc">被誉为地球上的"三极"的青藏高原,因其是驱动全球环境变化研究的重要区域,对整个地球的生态、环境、气候产生深刻的调控作用,一直是国际社会关注的热点。全球变暖背景下三极冰川、冻土、冻融湖等冰冻圈要素已经发生了显著变化,冰川快速退缩、冻土活动层增厚。长期以来,我国在以青藏高原为主体的世界第三极开展了系统的、多学科的研究,形成了丰富的研究积累。相对于青藏高原研究,我国目前在南北极地区科学研究的水平较低,尤其存在研究基础薄弱、研究方向分散且不系统、水平低等问题。随着气候变暖的影响...</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 panel5" data-section-name="数据成果">
<div class="container topic">
<div class="row">
<div class="col-xs-12 col-sm-6 hot-data text-center">
<p class="data-title">
<em class="text-left"><span class="glyphicon glyphicon-play"></span>基于微波辐射计的南极冰盖融化面积和持续时间变化(1978-2014)</em>
</p>
<img src="/static-sanji/images/index/data_product_1.gif" width="100%">
</div>
<div class="col-xs-12 col-sm-6 down_right hot-data text-center">
<p class="data-title">
<em class="text-left"><span class="glyphicon glyphicon-play"></span>基于微波辐射计的格陵兰冰盖融化面积和持续时间变化(1979-2014)</em>
</p>
<img src="/static-sanji/images/index/data_product_2.gif" width="77%">
</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="/about/legal">隐私政策</a></dd>
<dd><a href="/about/terms">使用条款和免责申明</a></dd>
<dd><a href="/about/contact">联系我们</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>