更改三江源项目首页的布局和内容

This commit is contained in:
Li Jianxuan 2013-10-15 09:38:52 +00:00
parent 4d259cd05b
commit cacf667bb5
7 changed files with 134 additions and 152 deletions

View File

@ -1,7 +1,8 @@
<hr>
<footer>
<p style="text-align:center;font-size:12px;">© 中国寒区旱区科学数据中心 2006-2013 | <a href="/about/contact" ><i class="icon-envelope"></i>联系我们</a> | <a href="/about/terms">使用条款和免责申明</a>
<div class="container">
<p>© 青海省生态环境遥感监测中心 2013 | <a href="/about/contact" ><i class="icon-envelope"></i>联系我们</a> | <a href="/about/terms">使用条款和免责申明</a>
| <a href="http://www.miibeian.gov.cn" target="_blank">陇ICP备05000491号</a></p>
</div>
</footer>
<?php if(!empty($this->pageID)) {?>
<script>$('#Nav-<?= $this->pageID?>').addClass("active");</script>
@ -10,10 +11,4 @@
<script>$('#<?= $this->pageIn?>').addClass('in');
$('#<?= $this->pageIn?>').prev('.accordion-heading').addClass('active');
</script>
<?php } ?>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-302912-6";
urchinTracker();
</script>
<?php } ?>

View File

@ -1,49 +1,50 @@
<div class="masthead">
<div class="row">
<div class="span5"><a href="/"><img src="/images/heihe-logo.png" alt="Heihe Logo" /></a></div>
<div class="span5">
<form method="get" action="/search" id="search" style="padding-top:17px;">
<div class="input-append">
<input type="text" value="" id="q" name="q" class="span4" placeholder="全文搜索">
<button type="submit" class="btn"><i class="icon-search"></i>搜索</button>
</div></form>
</div>
</div>
<div class="navbar">
<div class="navbar-inner">
<div class="container">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" href="/">WestDC</a>
<div class="nav-collapse collapse">
<ul class="nav" id="mainmenu">
<li id="main-nav-index"><a href="/"><span>首页</span></a></li>
<li id="main-nav-data"><a href="/data"><span>数据产品</span></a></li>
<li id="main-nav-review"><a href="/review"><span>数据评审</span></a></li>
<li id="main-nav-author"><a href="/author"><span>数据作者</span></a></li>
<li id="main-nav-knowledge"><a href="/knowledge"><span>知识积累</span></a></li>
<li><a href="/archives"><span>新闻动态</span></a></li>
<li><a href="/about"><span>关于本站</span></a></li>
</ul>
<p class="navbar-text pull-right">
<?php
$auth = Zend_Auth::getInstance();
if($auth->hasIdentity())
{
$user = $auth->getIdentity();
echo '<a href="/account"><i class="icon-user"></i>'.$user->username.'</a> ';
if ($user->usertype=="administrator") echo '<a href="/admin"><i class="icon-cog"></i>后台</a> ';
echo '<a href="/data/order"><i class="icon-shopping-cart"></i>数据篮</a> <a href="/account/logout">注销</a>';
} else {
echo '<a href="/account/login"><i class="icon-user"></i>登录</a> <a href="/account/register">注册</a>';
} ?>
</p>
</div>
<div class="container">
<div class="masthead">
<div class="row banner">
<div class="span6"><h3 class="head-title">三江源生态监测数据的服务管理平台</h3></div>
<div class="span6">
<form method="get" action="/search" id="search" class="pull-right">
<div class="input-append">
<input type="text" value="" id="q" name="q" class="span4" placeholder="全文搜索">
<button type="submit" class="btn"><i class="icon-search"></i>搜索</button>
</div></form>
</div>
</div>
<div class="navbar">
<div class="navbar-inner">
<div class="container">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="nav-collapse collapse">
<ul class="nav" id="mainmenu">
<li id="main-nav-index"><a href="/"><span>首页</span></a></li>
<li id="main-nav-data"><a href="/data"><span>数据产品</span></a></li>
<li id="main-nav-review"><a href="/review"><span>数据评审</span></a></li>
<li id="main-nav-author"><a href="/author"><span>数据作者</span></a></li>
<li id="main-nav-knowledge"><a href="/knowledge"><span>知识积累</span></a></li>
<li><a href="/archives"><span>新闻动态</span></a></li>
<li><a href="/about"><span>关于本站</span></a></li>
</ul>
<p class="navbar-text pull-right">
<?php
$auth = Zend_Auth::getInstance();
if($auth->hasIdentity())
{
$user = $auth->getIdentity();
echo '<a href="/account"><i class="icon-user"></i>'.$user->username.'</a> ';
if ($user->usertype=="administrator") echo '<a href="/admin"><i class="icon-cog"></i>后台</a> ';
echo '<a href="/data/order"><i class="icon-shopping-cart"></i>数据篮</a> <a href="/account/logout">注销</a>';
} else {
echo '<a href="/account/login"><i class="icon-user"></i>登录</a> <a href="/account/register">注册</a>';
} ?>
</p>
</div>
</div>
</div>
</div><!-- /.navbar -->
</div>
</div><!-- /.navbar -->
</div>

View File

@ -49,87 +49,60 @@
</ul>
</div>
</div>
<hr />
<div class="row">
<div class="span4">
<h4>在线下载热门数据</h4>
<ul class="unstyled">
<?php foreach($this->mdtop as $i=>$md) : ?>
<li><img src="/images/no<?php echo $i+1; ?>.gif" align="absmiddle" style="border-width:0px;" />
<a class="item" href="/data/<?php echo $md->uuid; ?>"><?php echo $md->title; ?></a>
</li>
<?php endforeach; ?>
</ul>
<h4>离线申请热门数据</h4>
<ul class="unstyled">
<?php foreach($this->offlinemdtop as $i=>$md) : ?>
<li><img src="/images/no<?php echo $i+1; ?>.gif" align="absmiddle" style="border-width:0px;" />
<a class="item" href="/data/<?php echo $md->uuid; ?>"><?php echo $md->title; ?></a>
</li>
<?php endforeach; ?>
</ul>
<h4>数据服务</h4>
<span><a href="/data/offlineapp"><i class="icon-user"></i>最近20条离线数据服务记录</a></span><span>(共<?= $this->offlinenum; ?>)</span><br />
<span><a class="btn btn-danger" href="/data/request"><i class="icon-tint"></i>如何申请数据</a></span>
<span><a class="btn btn-danger" href="/data/submit"><i class="icon-tint"></i>如何发布数据</a></span>
</div>
<div class="span8">
<h4><a href="/data/doi">最新注册DOI数据</a></h4>
<ul class="unstyled">
<?php foreach($this->dois as $doi) :
echo '<li class="well well-small">['.date('Y-m-d',strtotime($doi->ts_published)).']<a href="/data/'.$doi->uuid.'">'.substr($doi->authors,1,-1).'. '.$doi->title.'. '.$doi->publisher.', '.(empty($doi->publish_year)?date('Y',strtotime($doi->ts_published)):date('Y',strtotime($doi->publish_year))).'. doi:'.$doi->doi.'</a></li>';
//echo ' ['.str_replace('"','',substr($md->author_en,1,-1)).'. '.$md->title_en.'. '.$md->publisher_en.', '.$md->publish_year.'. doi:'.$md->doi.']';
endforeach;
?>
</ul>
</div>
</div>
<hr />
<!-- 数据 -->
<div class="row">
<div class="span4">
<h4>专题数据集</h4>
<ul class="unstyled">
<li><a href="/hiwater" class="btn btn-danger"><i class="icon-folder-open"></i>黑河生态水文遥感试验(HiWATER)</a></li>
<li><a href="/heihe" class="btn"><i class="icon-folder-open"></i>黑河计划数据管理中心</a></li>
<li><a href="/water" class="btn"><i class="icon-folder-open"></i>黑河综合遥感联合试验(WATER)</a></li>
</ul>
<!-- <hr />
<h4>友情链接</h4>
<ul class="unstyled">
<li><a href="http://heihe.westgis.ac.cn" target="_blank"><i class="icon-share"></i>数字黑河</a></li>
<li><a href="http://web.nuist.edu.cn/DQKX/nadsc/" target="_blank"><i class="icon-share"></i>南京大气资料服务中心</a></li>
<li><a href="http://www.sciencedata.cn" target="_blank"><i class="icon-share"></i>科学数据共享工程</a></li>
</ul> -->
<div class="span4 data-unit">
<div class="well well-small">
<h4>青海省生态环境遥感监测中心</h4>
<div class="data-list">
<ul class="unstyled">
<li><a href="">青海三江源区2012年度土地利用数据集</a></li>
<li><a href="">青海三江源区重点生态工程区域草地监测数据集(2013年)</a></li>
<li><a href="">青海三江源重点区域草地生态监测数据集</a></li>
</ul>
</div>
</div>
</div>
<div class="span4">
<h4>数据导航</h4>
<ul class="unstyled">
<li>
<a href="/data/category"><i class="icon-th-large"></i>分类浏览</a>
</li>
<li>
<a href="/data/tag"><i class="icon-tags"></i>关键词导航</a>
</li>
<li>
<a href="/data/series"><i class="icon-th-list"></i>数据集序列</a>
</li>
<li>
<a href="/data/timeline"><i class="icon-calendar"></i>时间轴导航</a>
</li>
<li>
<a href="/data/timemap"><i class="icon-globe"></i>时空导航</a>
</li>
</ul>
<div class="span4 data-unit">
<div class="well well-small">
<h4>青海省环境监测中心站</h4>
</div>
</div>
<div class="span4">
<h4>统计</h4>
<ul class="unstyled">
<li><span class="symbol">&nbsp;</span>元数据 <strong>
<span><?php echo $this->metanum; ?></span></strong></li>
<li><span class="symbol">&nbsp;</span>在线数据 <strong><?php echo number_format($this->onlinesize/1000,2,'.',''); ?> GB</strong></li>
<li><span class="symbol">&nbsp;</span>总数据 <strong><?php echo number_format(($this->onlinesize+$this->offlinesize)/1000,2,'.',''); ?> GB</strong></li>
<li><span class="symbol">&nbsp;</span>总注册用户&nbsp;<strong><span><?php echo $this->usernum; ?></span> </strong>&nbsp;</li>
</ul>
<div class="span4 data-unit">
<div class="well well-small">
<h4>青海省草原总站</h4>
</div>
</div>
</div>
</div>
<div class="row">
<div class="span4 data-unit">
<div class="well well-small">
<h4>青海省气象科学研究所</h4>
</div>
</div>
<div class="span4 data-unit">
<div class="well well-small">
<h4>青海省林业调查规划院</h4>
</div>
</div>
<div class="span4 data-unit">
<div class="well well-small">
<h4>青海省水文水资源局</h4>
</div>
</div>
</div>
<div class="row">
<div class="span4 data-unit">
<div class="well well-small">
<h4>青海省水土保持局</h4>
</div>
</div>
<div class="span4 data-unit">
<div class="well well-small">
<h4>中国科学院寒区旱区环境与工程研究所</h4>
</div>
</div>
</div>

View File

@ -3,15 +3,16 @@
<head>
<?= $this->headTitle() ?>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link href="/js/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
<link rel="stylesheet" href="/js/lib/bootstrap/css/font-awesome.min.css">
<!--[if IE 7]>
<link rel="stylesheet" href="/js/lib/bootstrap/css/font-awesome-ie7.min.css">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link href="/js/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
<link rel="stylesheet" href="/js/lib/bootstrap/css/font-awesome.min.css">
<!--[if IE 7]>
<link rel="stylesheet" href="/js/lib/bootstrap/css/font-awesome-ie7.min.css">
<![endif]-->
<link href="/js/lib/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" media="screen">
<link href="/js/lib/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" media="screen">
<link href="/css/style.css" rel="stylesheet" media="screen">
<script src="/js/lib/jquery.lasted.js"></script>
<script src="/js/lib/bootstrap/js/bootstrap.min.js"></script>
<script src="/js/lib/bootstrap/js/bootstrap.min.js"></script>
<script src="/js/navi.js"></script>
<?= $this->headScript() ?>
<?= $this->headLink() ?>
@ -21,12 +22,11 @@
<link rel="pingback" href="http://westdc.westgis.ac.cn/data/pingback" />
</head>
<body>
<?= $this->render('header.phtml') ?>
<div class="container">
<?= $this->render('header.phtml') ?>
<!--<div class="breadcrumb"><?= $this->breadcrumb() ?> </div>-->
<?= $this->layout()->content ?>
<?= $this->render('footer.phtml') ?>
<?= $this->layout()->content ?>
</div>
<?= $this->render('footer.phtml') ?>
</body>
<!-- Piwik -->
<script type="text/javascript">
@ -38,6 +38,6 @@
piwikTracker.trackPageView();
piwikTracker.enableLinkTracking();
} catch( err ) {}
</script><noscript><p><img src="http://piwik.westgis.ac.cn/piwik.php?idsite=5" style="border:0" alt="" /></p></noscript>
</script><noscript><p><img src="http://piwik.westgis.ac.cn/piwik.php?idsite=5" style="border:0" alt="" /></p></noscript>
<script>setPage();</script>
</html>

View File

@ -133,11 +133,12 @@
.news-list li{
line-height:24px;
}
}
.featured-image{
max-width:100%;
max-width:100%;
overflow:hidden;
}
#main-news{height:330px;overflow-y:auto;}
.item{height:330px;}
hr{margin:0 auto;}
}
#main-news{height:330px;overflow-y:auto;}
.item{height:330px;}
hr{margin:0 auto;}
.data-unit .well{ box-shadow:none; border:none;}

12
htdocs/css/style.css Normal file
View File

@ -0,0 +1,12 @@
.masthead{
background:url('/images/banner-bg.jpg') top left no-repeat;
}
.masthead .banner{
height:100px;
}
.masthead .head-title{margin-left:15px;color:#FFFFFF;}
footer {
background-color: #f5f5f5;padding:20px 0;
}
footer p{ color: #777777;}

BIN
htdocs/images/banner-bg.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB