Skip to content

S
sparrowzz
Commit 6e5e0590 by cy
Options

start writing the post

parent 693d31ed
正在显示 包含 220 行增加 和 117 行删除
layout/_partial/article.ejs 0 → 100644
<%- partial('pagenav', {nav_head: __('current_page') + __('page_name.categories'), partial_path: 'post/category', archive_html: null}) %>
<article>
<div class="card">
<div class="card-content">
<% if (item.photos && item.photos.length) { %>
<%- partial('post/gallery') %>
<% } %>
<div class="article-title">
<%- partial('post/title') %>
</div>
<%- partial('post/time') %>
<%- partial('post/readtimes') %>
<%- partial('post/tag') %>
<%- partial('post/tablecontents') %>
<div class="entry <%= theme.color.link %>-link-context">
<%- item.content %>
<%- partial('post/prevnext') %>
</div>
</div>
</div>
</article>
<%- partial('plugin/comment') %>
layout/index.ejs
......@@ -12,9 +12,8 @@
<link href="css/style2.css" rel="stylesheet" type="text/css" />
<link href="style-responsive.css" rel="stylesheet" type="text/css" media="screen" />
<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/headerSection.css">
......@@ -26,8 +25,8 @@
<link rel="stylesheet" href="css/introSection.css">
<link rel="stylesheet" href="css/bookSection.css">
<link rel="stylesheet" href="css/footerSection.css">
<!-- <link rel="stylesheet" href="css/main.css">
-->
<link rel="stylesheet" href="css/main.css">
<!-- bxSlider CSS file -->
<link href="css/jquery.bxslider.css" rel="stylesheet" />
......@@ -125,12 +124,12 @@ $(document).ready(function() {
<div class="title">Menu <span class="fa "></span></div>
<ul>
<!-- <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>
<li><a href="#feature">平台特点</a></li>
<li><a href="#news">新闻公告</a></li>
<li><a href="#service">计算服务</a></li>
<li><a href="#download">下载专区</a></li>
<li><a href="#introduction">平台简介</a></li>
<li><a href="#contact">联系我们</a></li>
</ul>
</div>
......@@ -211,89 +210,84 @@ $(document).ready(function() {
<div class="row" style="width: 100%;"></div>
<div class="feature_section" id="features">
<div class="feature_section" id="feature">
<div class="sectionTitle"><h2>值得信赖的电力系统高性能计算平台</h2></div>
<div class="feature_container">
<div class="feature_grid">
<figure class="effect-ruby">
<img src="images/2_03.png" alt="img15"/>
<img class="bigPic" src="images/featurePic1.png" alt="img15"/>
<figcaption>
<h2><span class="glyphicon glyphicon-search" aria-hidden="true"></span></h2>
<h2><img src="images/feature1.png" /></h2>
<h3><span>成熟框架</span></h3>
<h3><p>采用成熟的protobuf数据存储格式和gRPC通信框架，轻便快捷，可扩张能力强不受语音限制</p></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"/>
<img class="bigPic" src="images/featurePic2.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>
<h2><img src="images/feature2.png" /></h2>
<h3><span>独立计算</span></h3>
<h3><p>用户可以根据实际情况，选用常见的高级语言调用本平台的各项计算功能。</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"/>
<img class="bigPic" src="images/featurePic3.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>
<h2><img src="images/feature3.png" /></h2>
<h3><span>安全稳定</span></h3>
<h3><p>本平台采用微服务架构，各项功能的更新升级以及功能的增加可以独立进行，不影响其他功能的正常运行。</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"/>
<img class="bigPic" src="images/featurePic4.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>
<h2><img src="images/feature4.png" /></h2>
<h3><span>不断更新</span></h3>
<h3><p>平台支持电力系统多种创建的标准数据格式，同时后期会不断补充常见标准数据格式间的转换功能。</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"/>
<img class="bigPic" src="images/featurePic5.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>
<h2><img src="images/feature5.png" /></h2>
<h3><span>最新成果</span></h3>
<h3><p>平台各项功能的算法计算效率高，部分算法结合课题组最新的研究成果进行编制，较传统算法相比具有更优的性能</p></h3>
<p class="checkDetail"><span class="plink">查看详情</span></p>
<a href="http://baidu.com/" target="_blank">View more</a>
</figcaption>
</figure>
</div>
</div>
</div>
<!-- 新闻公告 -->
<div class="news_section">
<div class="news_section" id="news">
<h2>最新公告</h2>
<div class="news_container">
<section class="posts">
<% var count = 0 %>
<% site.pages.each(function (post) { %>
<% if (post.categories == "news") { %>
<% count += 1%>
<div class="article" style="display:none">
<div class="article-title row">
<div class="article-title-left">
<div class="article-title">
<a class="article-readmore" href="<%- url_for(post.path) %>"><%- post.title %></a>
</div>
<div>
<p><%- date(post.date, "YYYY-MM-DD") %></p>
</div>
</div>
<div class="article-content">
<%- post.excerpt %>
</div>
......@@ -310,10 +304,22 @@ $(document).ready(function() {
</li>
<% for (var i = 1; i <= Math.floor(count/4); i++) { %>
<% if(i <= 0) { %>
<li id="pageList<%= i %>" ><a href="#<%= i %>" flag='listPage'>
<%= i %></a></li>
<% } %>
<% } else { %>
<% var str = '{ "name": "John Doe", "age": 42 }'; %>
<% var obj = JSON.parse(str);%>
<li id="pageList<%= i %>" ><a href="#<%= i %>" flag='listPage' newMark="<%= obj['name'] %>">
<%= i %></a></li>
<% }} %>
<li class="next">
<a href="#next" aria-label="Next">
<span aria-hidden="true">&raquo;</span>
......@@ -322,7 +328,7 @@ $(document).ready(function() {
</ul>
</nav>
</section>
<%- partial('_partial/paginator') %>
......@@ -335,7 +341,7 @@ $(document).ready(function() {
<!-- 服务 -->
<div class="feaature_container">
<div class="feaature_container" id="service">
<div class="service_grid">
<figure class="effect-ruby2">
......@@ -356,7 +362,7 @@ $(document).ready(function() {
</figure>
<figure class="effect-ruby2">
<img src="images/service1.png" alt="img15"/>
<img src="images/service2.png" alt="img15"/>
<figcaption>
<h2>
<img src="images/2_15.png" />
......@@ -372,7 +378,7 @@ $(document).ready(function() {
</figcaption>
</figure>
<figure class="effect-ruby2">
<img src="images/service1.png" alt="img15"/>
<img src="images/service3.png" alt="img15"/>
<figcaption>
<h2>
<img src="images/2_15.png" />
......@@ -389,7 +395,7 @@ $(document).ready(function() {
</figure>
<figure class="effect-ruby2">
<img src="images/service1.png" alt="img15"/>
<img src="images/service4.png" alt="img15"/>
<figcaption>
<h2>
<img src="images/2_15.png" />
......@@ -414,7 +420,7 @@ $(document).ready(function() {
</figure>
<figure class="effect-ruby2">
<img src="images/service1.png" alt="img15"/>
<img src="images/service5.png" alt="img15"/>
<figcaption>
<h2>
<img src="images/2_15.png" />
......@@ -430,7 +436,7 @@ $(document).ready(function() {
</figcaption>
</figure>
<figure class="effect-ruby2">
<img src="images/service1.png" alt="img15"/>
<img src="images/service6.png" alt="img15"/>
<figcaption>
<h2>
<img src="images/2_15.png" />
......@@ -446,7 +452,7 @@ $(document).ready(function() {
</figcaption>
</figure>
<figure class="effect-ruby2">
<img src="images/service1.png" alt="img15"/>
<img src="images/service7.png" alt="img15"/>
<figcaption>
<h2>
<img src="images/2_15.png" />
......@@ -462,7 +468,7 @@ $(document).ready(function() {
</figcaption>
</figure>
<figure class="effect-ruby2">
<img src="images/service1.png" alt="img15"/>
<img src="images/service8.png" alt="img15"/>
<figcaption>
<h2>
<img src="images/2_15.png" />
......@@ -486,7 +492,7 @@ $(document).ready(function() {
<div class="download_section" style="">
<div class="download_section" id="download">
<h2>下载专区</h2>
<div class="download_container">
<div class="download_card">
......@@ -500,8 +506,8 @@ $(document).ready(function() {
<div class="download_card">
<img src="images/downloadIcon2.png" />
<a href="http://baidu.com">
<h3>算例下载</h3>
<p>Courses Document</p>
<p class="download_chinese">算例下载</p>
<p class="download_english">Courses Document</p>
</a>
</div>
......@@ -509,8 +515,8 @@ $(document).ready(function() {
<div class="download_card">
<img src="images/downloadIcon3.png" />
<a href="http://baidu.com">
<h3>课件下载</h3>
<p>Examples Download</p>
<p class="download_chinese">课件下载</p>
<p class="download_english">Examples Download</p>
</a>
</div>
</div>
......@@ -520,7 +526,7 @@ $(document).ready(function() {
<div class="intro_section" id="intro_part">
<div class="intro_section" id="introduction">
<h2>平台简介</h2>
<div class="intro_container">
<br clear="all" />
......@@ -545,7 +551,7 @@ $(document).ready(function() {
<div class="book_section">
<div class="book_section" id="book">
<h2>已出版书籍</h2>
<div class="book_container">
......@@ -645,7 +651,7 @@ $(document).ready(function() {
<div class="subscribe_section">
<div class="subscribe_section" id="contact">
<div class="container">
<div class="footer-center">
......
layout/post.ejs
<div class="article">
<div class="article-title">
<h3 class="title"><%= page.title %></h3>
</div>
<div class="post-content">
<p> <%- page.excerpt %> </p>
</div>
<a class="article-readmore" href="http://baidu.com" >查看详情</a>
<div class="container main-container">
<%- partial('_partial/article', {item: page, index: false}) %>
</div>
\ No newline at end of file
source/css/downloadSection.css
.download_section{
background-color: #fff;
margin: 80px;
}
.download_section h2 {
......@@ -15,7 +16,7 @@
.download_container{
margin: 0 auto;
padding-top: 80px;
padding: 30px;
text-align: center;
/*background-color: #eee;*/
background-color: #fff;
......
source/css/featureSection.css
......@@ -42,7 +42,7 @@
cursor: pointer;
}
.feature_grid figure img {
.feature_grid figure img.bigPic {
box-sizing: border-box;
position: relative;
display: block;
......@@ -113,8 +113,6 @@
color: #fff;
}
/* Individual effects */
/*---------------*/
......@@ -125,7 +123,7 @@ figure.effect-ruby {
background-color: #373d41;
}
figure.effect-ruby img {
figure.effect-ruby img.bigPic {
opacity: 0.6;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
......@@ -133,7 +131,7 @@ figure.effect-ruby img {
transform: scale(1.15);
}
figure.effect-ruby:hover img {
figure.effect-ruby:hover img.bigPic {
opacity: 0.3;
-webkit-transform: scale(1.0);
transform: scale(1.0);
......@@ -150,8 +148,8 @@ figure.effect-ruby h2 {
figure.effect-ruby:hover h2 {
-webkit-transform: translate3d(0,-150px,0);
transform: translate3d(0,-150px,0);
-webkit-transform: translate3d(0,-180px,0);
transform: translate3d(0,-180px,0);
}
figure.effect-ruby h2::after {
......@@ -159,9 +157,9 @@ figure.effect-ruby h2::after {
text-align: center;
bottom: 0;
left: 0;
width: 50%;
width: 40%;
height: 3px;
margin-left: 25%;
margin-left: 30%;
background: #fff;
content: '';
}
......@@ -211,3 +209,9 @@ figure.effect-ruby:hover p.checkDetail {
}
/*020D31*/
figcaption img{
}
source/css/introSection.css
.intro_section{
margin-top: 80px;
}
.intro_section h2 {
padding: 30px;
font-size: 35px;
text-align: center;
box-sizing: border-box;
......
source/css/main.css
/* FontAwesome for working BootSnippet :> */
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, big, font, img, small, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%;}
body {line-height:normal;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}
/* BODY */
body{
background:#fff;
}
html, body{
height:100%;
}
/*============== Fonts =================*/
@font-face {
font-family: 'open_sansbold';
src: url('fonts/opensans-bold-webfont.eot');
src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans-bold-webfont.woff') format('woff'),
url('fonts/opensans-bold-webfont.ttf') format('truetype'),
url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
font-weight: normal;
font-style: normal;
}
.common_section .article{
margin: 0;
padding:0;
background:#fff;
border-bottom :2px dashed #e7e7e7;
@font-face {
font-family: 'open_sansregular';
font-size:20px;
color:#333;
/*position:relative;*/
/* line-height:70px;*/
transition:0.5s; -webkit-transition:0.5s;
src: url('fonts/opensans-regular-webfont.eot');
src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans-regular-webfont.woff') format('woff'),
url('fonts/opensans-regular-webfont.ttf') format('truetype'),
url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
font-weight: normal;
font-style: normal;
}
.common_section .article:hover{
z-index:33;
box-shadow:0 0 11px #666; -webkit-box-shadow:0 0 11px #666;
@font-face {
font-family: 'open_sanslight';
src: url('fonts/opensans-light-webfont-webfont.eot');
src: url('fonts/opensans-light-webfont-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans-light-webfont-webfont.woff2') format('woff2'),
url('fonts/opensans-light-webfont-webfont.woff') format('woff'),
url('fonts/opensans-light-webfont-webfont.ttf') format('truetype'),
url('fonts/opensans-light-webfont-webfont.svg#open_sanslight') format('svg');
font-weight: normal;
font-style: normal;
}
.article .article-title{
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
}
.article .article-title .article-title-left{
float: left;
width: 80%;
}
.article .article-content{
margin: 20px;
font-size: 16px;
}
.article .article-readmore{
margin: 20px;
margin-bottom: 50px;
}
\ No newline at end of file
@font-face {
font-family: 'open_sanssemibold';
src: url('fonts/opensans-semibold-webfont-webfont.eot');
src: url('fonts/opensans-semibold-webfont-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans-semibold-webfont-webfont.woff2') format('woff2'),
url('fonts/opensans-semibold-webfont-webfont.woff') format('woff'),
url('fonts/opensans-semibold-webfont-webfont.ttf') format('truetype'),
url('fonts/opensans-semibold-webfont-webfont.svg#open_sanssemibold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'open_sansextrabold';
src: url('fonts/opensans-extrabold-webfont-webfont.eot');
src: url('fonts/opensans-extrabold-webfont-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans-extrabold-webfont-webfont.woff2') format('woff2'),
url('fonts/opensans-extrabold-webfont-webfont.woff') format('woff'),
url('fonts/opensans-extrabold-webfont-webfont.ttf') format('truetype'),
url('fonts/opensans-extrabold-webfont-webfont.svg#open_sansextrabold') format('svg');
font-weight: normal;
font-style: normal;
}
source/css/newsSection.css
......@@ -20,3 +20,32 @@
font-weight: 10;
}
.article{
border-bottom: 1px dashed #000;
}
.article-title{
display: inline-block;
/*padding-right:10px;*/
width: 100%;
}
.article-title a{
margin-top: 20px;
margin-bottom: 5px;
float: left;
font-size:1.75em;
font-weight: 400;
color: #000;
}
.article-title p{
float:right;
font-size:1.15em;
}
.article-content{
width: 100%;
color: #666666;
font-size:1.15em;
}
\ No newline at end of file
source/images/logo.png
source/images/logo.png

3.05 KB | W: | H:

source/images/logo.png

1.22 KB | W: | H:

source/images/logo.png
source/images/logo.png
source/images/logo.png
source/images/logo.png
  • 2-up
  • Swipe
  • Onion skin
source/images/service1.png
source/images/service1.png

282 KB | W: | H:

source/images/service1.png

395 KB | W: | H:

source/images/service1.png
source/images/service1.png
source/images/service1.png
source/images/service1.png
  • 2-up
  • Swipe
  • Onion skin
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论