Skip to content

S
sparrowzz
Commit 944bc9ca by cy
Options

news

parent 6071f751
正在显示 包含 444 行增加 和 104 行删除
layout/index.ejs
......@@ -14,6 +14,7 @@
<link href="css/font-awesome.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/libs/animate.css">
<link rel="stylesheet" href="css/featureSection.css">
<link rel="stylesheet" href="css/main.css">
<!-- bxSlider CSS file -->
......@@ -112,12 +113,13 @@ $(document).ready(function() {
<div class="nav mobile">
<div class="title">Menu <span class="fa "></span></div>
<ul>
<li><a href="#faqs_part">FAQs</a></li>
<li><a href="#features">FEATURES</a></li>
<li><a href="#testimonials_part">Testimonials </a></li>
<li><a href="#pricing_part">Pricing</a></li>
<li><a href="#contact_part">Contact</a></li>
<li><a href="#subscribe_part">Sign Up</a></li>
<!-- <li><a href="#faqs_part">FAQs</a></li> -->
<li><a href="#features">平台特点</a></li>
<li><a href="#services_part">计算服务</a></li>
<li><a href="#news_part">新闻公告</a></li>
<li><a href="#downloads_part">下载专区</a></li>
<li><a href="#introduction_part">平台简介</a></li>
<li><a href="#contact_part">联系我们</a></li>
</ul>
</div>
......@@ -160,6 +162,7 @@ $(document).ready(function() {
<img src="images/slider/slide-bg.jpg" class="ls-bg" alt="Slide background"/>
<div class="ls-l videopreview" style="top:40px;left:40px;white-space: nowrap;" data-ls="offsetxin:-200;durationin:2000;offsetxout:-200;">
<img src="images/biglogo.png" alt="" style="width: 400px;" />
......@@ -187,53 +190,134 @@ $(document).ready(function() {
</div><!--FIRST SLIDE-->
</div>
</div>
</div>
</div>
</div>
</div>
<div class="feature_section ano_feature_section">
<div class="container">
<div class="leftside">
<h2>电力系统高性能计算平台</h2>
<p>
<!-- 平台特点 -->
<div class="feature_section" id="features">
<div class="feature_container">
<div class="row"></div>
<div class="sectionTitle"><h2>值得信赖的电力系统高性能计算平台</h2></div>
<div class="feature_grid">
<figure class="effect-ruby">
<img src="images/2_03.png" alt="img15"/>
<figcaption>
<h2><i class="fa fa-paper-plane fa-2x"></i></h2>
<h3><span>成熟框架</span></h3>
<h3><p>采用成熟的protobuf数据存储格式和gRPC通信框架，轻便快捷，可扩张能力强不受语音限制</p></h3>
<p class="checkDetail"><span class="plink">查看详情</span></p>
<a href="http://baidu.com/" target="_blank">View more</a>
</figcaption>
</figure>
<figure class="effect-ruby">
<img src="images/2_03.png" alt="img15"/>
<figcaption>
<h2><i class="fa fa-paper-plane fa-2x"></i></h2>
<h2><span>成熟框架</span></h2>
<p>采用成熟的数据存储格式</p>
<p class="plink">查看详情</p>
<a href="http://baidu.com/" target="_blank">View more</a>
</figcaption>
</figure>
<figure class="effect-ruby">
<img src="images/2_03.png" alt="img15"/>
<figcaption>
<h2><i class="fa fa-paper-plane fa-2x"></i></h2>
<h2><span>成熟框架</span></h2>
<p>采用成熟的数据存储格式</p>
<p class="plink">查看详情</p>
<a href="http://baidu.com/" target="_blank">View more</a>
</figcaption>
</figure>
<figure class="effect-ruby">
<img src="images/2_03.png" alt="img15"/>
<figcaption>
<h2><i class="fa fa-paper-plane fa-2x"></i></h2>
<h2><span>成熟框架</span></h2>
<p>采用成熟的数据存储格式</p>
<p class="plink">查看详情</p>
<a href="http://baidu.com/" target="_blank">View more</a>
</figcaption>
</figure>
<figure class="effect-ruby">
<img src="images/2_03.png" alt="img15"/>
<figcaption>
<h2><i class="fa fa-paper-plane fa-2x"></i></h2>
<h2><span>成熟框架</span></h2>
<p>采用成熟的数据存储格式</p>
<p class="plink">查看详情</p>
<a href="http://baidu.com/" target="_blank">View more</a>
</figcaption>
</figure>
</div>
</p>
</div>
</div>
<div class="feature">
<span class="fa fa-life-ring"></span>
<div class="description">
<strong>平台特点</strong> <br/>
<p>
采用成熟的Protobuf数据存储格式和gRPC通信框架，轻便快捷，可扩展能力强，不受语言限制。用户可以根据实际情况，选用常见的高级语言调用本平台的各项计算功能。本平台采用微服务架构，各项功能的更新升级以及功能的增加可以独立进行，不影响其他功能的正常运行。本平台支持电力系统多种常见的标准数据格式，同时后期会不断补充常见标准数据格式间的转换功能。本平台各项功能的算法计算效率高，部分算法结合课题组最新研究成果进行编制，较传统算法相比具有更优的性能。
</p>
<!-- 新闻公告 -->
<div class="common_section">
<div class="container">
<h2>最新公告</h2>
<section class="posts">
<% var count = 0 %>
<% site.pages.each(function (post) { %>
<% if (post.categories == "news") { %></p>
<% count += 1%>
<div class="article" style="display:none">
<div class="article-title"><h3><%- post.title %></h3><h5><%- date(post.date, "YYYY-MM-DD") %></h5><h5><%- count %></h5></div>
<div class="article-content">
<%- post.excerpt %>
</div>
<br clear="all" />
<a class="article-readmore" href="<%- url_for(post.path) %>">查看详情</a>
<a href="#" class="button3">使用文档</a>
<!-- <a href="#" class="button4">Start Now</a> -->
<!-- <div class="post-meta">
<span class="post-time"><%- date(post.date, "YYYY-MM-DD") %></span>
</div> -->
</div>
<% } }) %>
<nav aria-label="Page navigation">
<ul class="pagination">
<li class="previous">
<a href="#previous" aria-label="Previous">
<span aria-hidden="true">&laquo;</span>
</a>
</li>
</div>
<% for (var i = 1; i <= Math.floor(count/4); i++) { %>
<li id="pageList<%= i %>" ><a href="#<%= i %>" flag='listPage'>
<%= i %></a></li>
<% } %>
<li class="next">
<a href="#next" aria-label="Next">
<span aria-hidden="true">&raquo;</span>
</a>
</li>
</ul>
</nav>
<div class="rightside">
<img src="images/thumbs/server.jpg" alt="" class="wow bounceInRight animated imagethumb2" data-wow-offset="300" data-wow-delay="0.2s" style="height:300px;" />
</div>
</section>
<%- partial('_partial/paginator') %>
</div>
</div>
</div>
</div>
<div class="pricing_table_section" id="pricing_part">
<div class="container">
......@@ -418,33 +502,7 @@ $(document).ready(function() {
<div class="common_section">
<div class="container">
<h2>最新公告</h2>
<section class="posts">
<% site.pages.each(function (post) { %>
<% if (post.categories == "news") { %></p>
<div class="article">
<div class="article-title"><h3><%- post.title %></h3><h5><%- date(post.date, "YYYY-MM-DD") %></h5></div>
<div class="article-content">
<%- post.excerpt %>
</div>
<a class="article-readmore" href="<%- url_for(post.path) %>">查看详情</a>
<!-- <div class="post-meta">
<span class="post-time"><%- date(post.date, "YYYY-MM-DD") %></span>
</div> -->
</div>
<% } }) %>
</section>
<%- partial('_partial/paginator') %>
</div>
</div>
......@@ -639,7 +697,7 @@ $(document).ready(function() {
</script>
<script src="js/wow.js"></script>
<!-- <script src="js/wow.js"></script>
<script>
wow = new WOW(
{
......@@ -653,63 +711,122 @@ document.getElementById('moar').onclick = function() {
section.className = 'section--purple wow fadeInDown';
this.parentNode.insertBefore(section, this);
};
</script>
</script> -->
<script type="text/javascript">
$(function() {
// $("a[data-toggle=collapse]").click(function()
// {
// $('#collapseExample').collapse('toggle');
// return false;
// });
$('a[href*=#]:not([href=#])').click(function() {
if ($(this).attr('data-toggle')=='collapse'){
$('#collapseExample').collapse('toggle');
return false;
}
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top - 132
}, 2000);
return false;
}
}
});
});
</script>
<script type="text/javascript">
var pt = 0;
var articles = $(".article");
var lastPage = $("li#pageList1");
lastPage.addClass('active');
var len = articles.length;
var step = 4;
var maxpt = Math.ceil(len/step);
var currentPage = 1;
for (var i=0;i<step;i++){
articles.eq(i).css("display","");
}
$(document).ready(function() {
if($(window).width() <= 1200){
$(function() {
$('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top - 132
}, 2000);
return false;
function prev(){
if (currentPage == 1 ) return false;
currentPage -= 1;
jumpPage(currentPage);
}
function next(){
if (currentPage == maxpt) return false;
currentPage += 1;
jumpPage(currentPage);
}
function jumpPage(p){
lastPage.removeClass("active");
lastPage = $("li#pageList"+p);
lastPage.addClass("active");
for (var i=0;i<len;i++){
articles.eq(i).css("display","None");
}
for (var i = (p-1) * 4;i<p*4;i++){
articles.eq(i).css("display","");
}
}
jumpPage(1);
// $("a[data-toggle=collapse]").click(function()
// {
// $('#collapseExample').collapse('toggle');
// return false;
// });
$('a[href*=#]:not([href=#])').click(function() {
if ($(this).attr('data-toggle')=='collapse'){
$('#collapseExample').collapse('toggle');
return false;
}
if ($(this).attr('aria-label')=='Next'){
next();
return false;
}
if ($(this).attr('aria-label')=='Previous'){
prev();
return false;
}
if ($(this).attr('flag')=='listPage'){
currentPage = parseInt($(this).text().trim());
jumpPage(currentPage);
return false;
}
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html,body').animate({scrollTop: target.offset().top - 132}, 2000);
return false;
}
}
});
});
});
</script>
<script type="text/javascript">
$(document).ready(function() {
if($(window).width() <= 1200){
$(function() {
$('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top - 132
}, 2000);
return false;
}
}
});
});
}
});
......
source/css/featureSection.css 0 → 100644
.feature_grid {
overflow: hidden;
margin: 0;
width: 100%;
list-style: none;
text-align: center;
background-color: #373d41;
}
.feature_container{
background-color: #fff;
}
/* Common style */
.feature_grid figure {
box-sizing: border-box;
position: relative;
z-index: 1;
display: inline-block;
overflow: hidden;
margin: -0.135em;
background: #3085a3;
text-align: center;
cursor: pointer;
}
.feature_grid figure img {
box-sizing: border-box;
position: relative;
display: block;
min-height: 100%;
height:394px;
opacity: 0.8;
}
.feature_grid figure figcaption {
box-sizing: border-box;
padding: 2em;
color: #fff;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.feature_grid figure figcaption::before,
.feature_grid figure figcaption::after {
box-sizing: border-box;
pointer-events: none;
}
.feature_grid figure figcaption,
.feature_grid figure a {
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.feature_grid figure a {
box-sizing: border-box;
/*z-index: 1000;*/
text-indent: 200%;
/*white-space: nowrap;*/
font-size: 0;
opacity: 0;
}
.feature_grid figure h2 {
box-sizing: border-box;
word-spacing: -0.15em;
color:#fff;
font-weight: 300;
}
.feature_grid figure h2 span {
box-sizing: border-box;
font-weight: 800;
}
.feature_grid figure h2,
.feature_grid figure p {
margin: 0;
}
.feature_grid figure p {
letter-spacing: 1px;
font-size: 68.5%;
color: #fff;
}
/* Individual effects */
/*---------------*/
/***** Ruby *****/
/*---------------*/
figure.effect-ruby {
background-color: #373d41;
}
figure.effect-ruby img {
opacity: 0.6;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
figure.effect-ruby:hover img {
opacity: 0.3;
-webkit-transform: scale(1.0);
transform: scale(1.0);
}
figure.effect-ruby h2 {
margin-top: 20%;
padding-bottom: 10px;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-ruby:hover h2 {
-webkit-transform: translate3d(0,-150px,0);
transform: translate3d(0,-150px,0);
}
figure.effect-ruby h2::after {
position: absolute;
text-align: center;
bottom: 0;
left: 0;
width: 50%;
height: 3px;
margin-left: 25%;
background: #fff;
content: '';
}
figure.effect-ruby h3 {
margin-top: 10%;
padding-bottom: 10px;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-ruby h3.feature_content {
font-weight: 20;
}
figure.effect-ruby:hover h3 {
-webkit-transform: translate3d(0,-100px,0);
transform: translate3d(0,-100px,0);
}
figure.effect-ruby p.checkDetail {
text-align: center;
margin: 2em 0 0 0;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,0,0) scale(1.1);
transform: translate3d(0,0,0) scale(1.1);
}
figure.effect-ruby:hover p.checkDetail {
opacity: 1;
-webkit-transform: translate3d(0,-80px,0) scale(1);
transform: translate3d(0,-80px,0) scale(1);
}
.plink{
padding: 3px;
font-size: 130%;
border: 1px solid #ffffff;
border-radius: 3px;
}
/*020D31*/
\ No newline at end of file
source/css/style2.css
......@@ -225,7 +225,7 @@ div.videopreview{
}
h2.l1{
text-align:center;
text-align: center;
font-family: 'open_sansbold';
font-size:36px;
color:#fff;
......@@ -407,7 +407,8 @@ a.button2:hover{
/*============== Features Section =================*/
.feature_section{
float:left;
/*//float:left;*/
margin-top: 200px;
width:100%;
background:#f8f8fa;
padding:80px 0 80px 0;
......@@ -430,12 +431,12 @@ a.button2:hover{
}
.feature_section h2{
text-align:left;
text-align:center;
font-family: 'open_sansregular';
font-size:30px;
color:#333;
font-weight:normal;
margin:0 0 30px 0;
margin:30px 0 30px 0;
padding:0 0 0 0;
}
......@@ -499,6 +500,23 @@ a.button2:hover{
background:url(images/icons/i5.png) no-repeat left top;
}
.feature_row{
background-color: #000000;
}
.feature_container{
width: 100%;
}
.feature_cart{
filter:blur(1px);
-webkit-filter:blur(1px);
-moz-filter:blur(1px);
-ms-filter:blur(1px);
-o-filter:blur(1px);
}
a.button3{
float:left;
......@@ -939,7 +957,15 @@ form.hpform input[type="text"]:focus, form.hpform input[type="email"]:focus, for
border:1px solid #187cc2;
}
/*============== Pricing Table =================*/
.sectionTitle{
box-sizing: content-box;
background-color: #fff;
/* margin: 50px;*/
padding-top: 50px;
text-align: center;
}
/*============== ubscribe_section Table =================*/
.subscribe_section{
float:left;
width:100%;
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论