Commit e3f111e8 by cy

finish the about

parent 6e5e0590
menu:
Home: /
Archives: /archives
\ No newline at end of file
- id: home
link: /
icon: home
class: menu-home
- id: about
link: /about
icon: user
class: menu-about
- id: reading
link: /reading
icon: book
class: menu-reading
# 颜色配置
color:
header: indigo
footer: indigo
page_nav: indigo
side_nav: indigo darken-1
tag: green lighten-1
article_title_link: indigo
link: pink
pagination: pink
tab: pink
archive_item: grey
fab: pink
fab_2: green
fab_3: yellow darken-1
new: pink
about_header: indigo
about_title: indigo
google_code_prettify: prettify-tomorrow-night-eighties
\ No newline at end of file
<%- partial('plugin/noscript') %>
<script src="<%- config.root %>js/jquery.min.js"></script>
<script src="<%- config.root %>js/materialize.min.js"></script>
<%- partial('plugin/main_javascript') %>
<%- partial('plugin/google_code_prettify') %>
<%- partial('plugin/analytics') %>
<%- partial('plugin/mathjax') %>
<%- partial('pagenav', {nav_head: __('current_page') + __('page_name.categories'), partial_path: 'post/category', archive_html: null}) %>
<article>
<div class="card">
<div class="card-content">
......@@ -23,4 +27,3 @@
</div>
</article>
<%- partial('plugin/comment') %>
<footer class="page-footer <%= theme.color.footer %> darken-1">
<% if (site.data.link) { %>
<div class="footer-container container">
<div class="row">
<% if (site.data.link.social) { %>
<div class="social-group col m4 s12">
<h5 class="white-text"><%= __('social') %></h5>
<% for (var type in site.data.link.social) { %>
<a class="social-link" href="<%= site.data.link.social[type] %>" target="_blank">
<i class="fa fa-2x fa-<%= type %>"></i>
</a>
<% } %>
<%- partial('plugin/page_stat') %>
</div>
<% } %>
<% if (site.data.link && site.data.link.extern) { %>
<div class="col m8 s12">
<h5 class="white-text"><%= __('blogroll') %></h5>
<% for (var name in site.data.link.extern) { %>
<a class="social-link" href="<%= site.data.link.extern[name] %>" target="_blank"><%= name %></a>
<% } %>
</div>
<% } %>
</div>
</div>
<% } %>
<div class="container">
<div class="row center">
<a href="http://sgool.cn/">智能电网运行与优化实验室</a>
</div>
</div>
<div class="footer-copyright <%= theme.color.link %>-link-context">
<div class="container">
<%= theme.copyright %>
<p class="right" style="margin-top: 0;"> <%=__('powered.modified') %><a href="">CAI Yu</a></p>
<br/>
</div>
</div>
</footer>
\ No newline at end of file
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
<title><%= config.title %></title>
</head>
\ No newline at end of file
<nav class="page-nav hide-on-small-only">
<div class="nav-wrapper <%= theme.color.page_nav %>">
<span class="breadcrumb"><%= nav_head %></span>
<% if (partial_path) { %>
<%- partial(partial_path) %>
<% } %>
<% if (archive_html) { %>
<%- archive_html %>
<% } %>
</div>
</nav>
<% if (theme.google_analytics){ %>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', '<%= theme.google_analytics %>', 'auto');
ga('send', 'pageview');
</script>
<% } %>
<% if (theme.tencent_analytics){ %>
<script type="text/javascript" src="http://tajs.qq.com/stats?sId=<%= theme.tencent_analytics %>" charset="UTF-8"></script>
<% } %>
<%
var pageId = page.path;
var pageUrl = page.permalink;
var pageTitle = page.title;
%>
<% if (theme.disqus_shortname && page.comments){ %>
<section id="comment">
<div id="disqus_thread"></div>
<script>
var disqus_config = function() {
this.page.url = '<%= pageUrl %>';
this.page.identifier = '<%= pageId %>';
};
(function() {
var d = document,
s = d.createElement('script');
s.src = '//<%= theme.disqus_shortname %>.disqus.com/embed.js';
s.setAttribute('data-timestamp', + new Date());
(d.head || d.body).appendChild(s);
})();
</script>
<noscript>Please enable JavaScript to view the
<a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a>
</noscript>
</section>
<% } else if (theme.duoshuo_shortname && page.comments){ %>
<section id="comment">
<div class="card">
<div class="card-content">
<!-- Duoshuo Comment BEGIN -->
<div class="ds-thread" data-thread-key="<%= pageId %>" data-title="<%= pageTitle %>" data-url="<%= pageUrl %>"></div>
<script type="text/javascript">
console.log(document.querySelector('.ds-thread'));
var duoshuoQuery = {
short_name: '<%= theme.duoshuo_shortname %>'
};
(function() {
var ds = document.createElement('script');
ds.type = 'text/javascript';
ds.async = true;
ds.src = (document.location.protocol == 'https:'
? 'https:'
: 'http:') + '//static.duoshuo.com/embed.js';
ds.charset = 'UTF-8';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ds);
})();
</script>
<!-- Duoshuo Comment END -->
</div>
</div>
</section>
<% } else if (theme.yungentie_product_key && page.comments){ %>
<div id="cloud-tie-wrapper" class="cloud-tie-wrapper"></div>
<script>
var cloudTieConfig = {
url: document.location.href,
sourceId: "",
productKey: "<%= theme.yungentie_product_key %>",
target: "cloud-tie-wrapper"
};
</script>
<script src="https://img1.cache.netease.com/f2e/tie/yun/sdk/loader.js"></script>
<% } %>
<script src="<%- config.root %>js/prettify.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("pre").addClass("prettyprint");
prettyPrint();
});
</script>
<script>
(function($) {
$(document).ready(function() {
// 隐藏禁用javascript(针对微信内置浏览器)的提示
$('.noscript').hide();
// 图片缩放效果
var $imgs = $('img').not('.slider-image').not('.avatar-image').not('.carousel-image').not('.card-cover-image').not('.qrcode');
// 给图片加上点击放大效果(materialbox插件)
$imgs.addClass('materialboxed').each(function(i, el) {
$(this).attr('data-caption', $(this).attr('alt') || ' ');
}).materialbox();
// 优化表格的显示
$('table').each(function() {
var $table = $(this);
// 除去多行代码的情况
if ($table.find('pre').length == 0) {
$table.addClass('responsive-table striped bordered');
}
});
// 首页幻灯片
$('.slider').slider({indicators: true, full_width: true, interval: 8000});
$(".button-collapse").sideNav();
$(".category-menu").sideNav();
// 针对gallery post
$('.carousel').carousel({full_width: true});
$('.carousel-control.prev').click(function() {
$('.carousel').carousel('prev');
});
$('.carousel-control.next').click(function() {
$('.carousel').carousel('next');
});
// 文章目录
$('article').not('.simple-article').find('h1').add('h2').add('h3').add('h4').add('h5').add('h6').scrollSpy();
// 目录随屏幕滚动(防止目录过长越过footer)
var $toc = $('.toc');
var scrollTargetTop = 0;
$(window).scroll(function() {
var $activeLink = $toc.find('a.active.section');
if ($(window).scrollTop() < 100) {
scrollTargetTop = 0;
} else {
if ($activeLink[0]) {
scrollTargetTop = $activeLink.offset().top - $toc.offset().top;
}
}
$toc.css('top', '-' + scrollTargetTop + 'px');
});
// 修正文章目录的left-border颜色
var color = $('.table-of-contents-text').css('color');
$('.table-of-contents-link').css('border-left-color', color);
// 针对移动端做的优化:FAB按钮点击一下收回
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
$('.fixed-action-btn').addClass('click-to-toggle');
}
// 回到顶部
$('.btn-return-top').click(function() {
$('body, html').animate({
scrollTop: 0
}, 500);
});
// 重置读书页面的Tab标签页的颜色
$('li.tab a').hover(function() {
$(this).toggleClass('text-lighten-4');
});
$('.indicator').addClass('<%= theme.color.tab %> lighten-2');
<% if (site.data.hint) { %>
// 添加new标签
$('<%= site.data.hint.new.selector.join(', ') %>').append('<span class="new badge <%= theme.color.new %>"></span>');
<% } %>
// 搜索功能
$('.modal-trigger').leanModal({
// 打开搜索框时自动聚焦
ready: function() {
if ($('#search').is(":visible")) {
$('#search-input').focus();
}
}
});
var searchXml = "<%= config.search ? config.search.path : '' %>";
if (searchXml.length == 0) {
searchXml = "search.xml";
}
var searchPath = "<%= config.root %>" + searchXml;
initSearch(searchPath, 'search-input', 'search-result');
});
// 初始化搜索与匹配函数
var initSearch = function(path, search_id, content_id) {
'use strict';
$.ajax({
url: path,
dataType: "xml",
success: function(xmlResponse) {
// get the contents from search data
var datas = $("entry", xmlResponse).map(function() {
return {
title: $("title", this).text(),
content: $("content", this).text(),
url: $("url", this).text()
};
}).get();
var $input = document.getElementById(search_id);
var $resultContent = document.getElementById(content_id);
$input.addEventListener('input', function() {
var str = '<ul class=\"search-result-list\">';
var keywords = this.value.trim().toLowerCase().split(/[\s\-]+/);
$resultContent.innerHTML = "";
if (this.value.trim().length <= 0) {
return;
}
// perform local searching
datas.forEach(function(data) {
var isMatch = true;
var content_index = [];
var data_title = data.title.trim().toLowerCase();
var data_content = data.content.trim().replace(/<[^>]+>/g, "").toLowerCase();
var data_url = data.url;
var index_title = -1;
var index_content = -1;
var first_occur = -1;
// only match artiles with not empty titles and contents
if (data_title != '' && data_content != '') {
keywords.forEach(function(keyword, i) {
index_title = data_title.indexOf(keyword);
index_content = data_content.indexOf(keyword);
if (index_title < 0 && index_content < 0) {
isMatch = false;
} else {
if (index_content < 0) {
index_content = 0;
}
if (i == 0) {
first_occur = index_content;
}
}
});
}
// show search results
if (isMatch) {
keywords.forEach(function(keyword) {
var regS = new RegExp(keyword, "gi");
data_title = data_title.replace(regS, "<span class=\"search-keyword <%= theme.color.link %> lighten-2\">" + keyword + "</span>");
});
str += "<li><a href='" + data_url + "' class='search-result-title'>" + data_title + "</a>";
var content = data.content.trim().replace(/<[^>]+>/g, "");
if (first_occur >= 0) {
// cut out 100 characters
var start = first_occur - 20;
var end = first_occur + 80;
if (start < 0) {
start = 0;
}
if (start == 0) {
end = 100;
}
if (end > content.length) {
end = content.length;
}
var match_content = content.substring(start, end);
// highlight all keywords
keywords.forEach(function(keyword) {
var regS = new RegExp(keyword, "gi");
match_content = match_content.replace(regS, "<span class=\"search-keyword <%= theme.color.link %> lighten-2\">" + keyword + "</span>");
});
str += "<p class=\"search-result\">..." + match_content + "...</p>"
}
str += "</li>";
}
});
str += "</ul>";
$resultContent.innerHTML = str;
});
}
});
}
})(jQuery);
</script>
<% if (theme.mathjax) { %>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}
});
</script>
<script type="text/javascript" async
src="//cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML">
</script>
<% } %>
<noscript>
<div class="noscript">
<p class="center-align">当前网速较慢或者你使用的浏览器不支持博客特定功能,请尝试刷新或换用Chrome、Firefox等现代浏览器</p>
</div>
</noscript>
<div class="noscript">
<p class="center-align">当前网速较慢或者你使用的浏览器不支持博客特定功能,请尝试刷新或换用Chrome、Firefox等现代浏览器</p>
</div>
<% if (theme.page_stat) { %>
<script async src="//dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js">
</script>
<div class="site-visitors-container white-text">
<span>
<i class="fa fa-user"></i>
<span class="busuanzi-value" id="busuanzi_value_site_uv"></span>
</span>
<span>&nbsp;|&nbsp;</span>
<span>
<i class="fa fa-eye"></i>
<span class="busuanzi-value" id="busuanzi_value_site_pv"></span>
</span>
</div>
<% } %>
<!-- Donate Module -->
<div id="donate_module">
<style type="text/css">
.hidden {
display: none;
}
.donate_bar a.btn_donate {
display: inline-block;
width: 82px;
height: 82px;
background: url("http://img.t.sinajs.cn/t5/style/images/apps_PRF/e_media/btn_reward.gif") no-repeat;
_background: url("http://img.t.sinajs.cn/t5/style/images/apps_PRF/e_media/btn_reward.gif") no-repeat;
-webkit-transition: background 0s;
-moz-transition: background 0s;
-o-transition: background 0s;
-ms-transition: background 0s;
transition: background 0s;
}
.donate_bar a.btn_donate:hover {
background-position: 0 -82px;
}
.donate_bar .donate_txt {
display: block;
color: #9d9d9d;
font: 14px/2 "Microsoft Yahei";
}
.bold {
font-weight: bold;
}
img.qrcode {
width: 90%;
margin-bottom: 10px;
}
@media only screen and (min-width: 1025px) {
img.qrcode {
width: 40%;
margin-right: 10px;
}
}
</style>
<!-- btn_donate & tips -->
<div id="donate_board" class="donate_bar center">
<a id="btn_donate" class="btn_donate" target="_self" href="javascript:;" title="Donate 打赏"></a>
<span class="donate_txt">能看到这的都是真爱,打个赏呗=。=</span>
</div>
<!-- /btn_donate & tips -->
<!-- donate guide -->
<div id="donate_guide" class="donate_bar center hidden">
<% for (var i in site.data.about.reward) { %>
<img class="qrcode" src="<%= site.data.about.reward[i] %>" title="打赏"/>
<% } %>
</div>
<!-- /donate guide -->
<!-- donate script -->
<script type="text/javascript">
document.getElementById('btn_donate').onclick = function() {
$('#donate_board').addClass('hidden');
$('#donate_guide').removeClass('hidden');
}
function donate_on_web() {
$('#donate').submit();
}
</script>
<!-- /donate script -->
</div>
<!-- /Donate Module -->
<div class="gallery carousel carousel-slider">
<% if (item.photos.length){ %>
<% item.photos.forEach(function(photo){ %>
<span class="carousel-item"><img class="carousel-image" src="<%- photo %>"></span>
<% }); %>
<% } else { %>
<img class="carousel-item" src="<%- item.photos %>">
<% } %>
<div class="control">
<div class="carousel-control prev">
<i class="fa fa-left"></i>
</div>
<div class="carousel-control next">
<i class="fa fa-right"></i>
</div>
</div>
</div>
<% if (item.prev) { %>
<p class="<%= theme.color.link %>-link-context">
<a href="<%= url_for(item.prev.path) %>" rel="next" title="<%= item.prev.title %>">
<%= __('prev', item.prev.title) %>
</a>
</p>
<% } %>
<% if (item.next) { %>
<p class="<%= theme.color.link %>-link-context">
<a href="<%= url_for(item.next.path) %>" rel="next" title="<%= item.next.title %>">
<%= __('next', item.next.title) %>
</a>
</p>
<% } %>
<span id="busuanzi_container_page_pv" class="read-times-container">
<i class="fa fa-eye"></i>
<span id="busuanzi_value_page_pv"></span>
</span>
<div class="toc <%= theme.color.link %>-link-context hide-on-med-and-down">
<%- toc(item.content, {class: 'section table-of-contents', list_number: false}) %>
</div>
<% if (item.tags && item.tags.length > 0){ %>
<div class="tags-row">
<% item.tags.forEach(function(tag) { %>
<a href="#" class="chip <%= theme.color.tag %>"><%= tag %></a>
<% }); %>
</div>
<% } %>
<time class="<%= theme.color.link %>-link-context" datetime="<%= item.date.toDate().toISOString() %>"><a href="<%- url_for(item.path) %>"><%= item.date.format(config.date_format) %></a></time>
<% if (item.link){ %>
<% if (item.title){ %>
<h1><a href="<%- item.link %>" target="_blank"><%= item.title || __('no_title') %></a></h1>
<% } else { %>
<h1><a href="<%- item.link %>" target="_blank"><%= item.link || __('no_title') %></a></h1>
<% } %>
<% } else { %>
<% if (index){ %>
<h1 class="<%= theme.color.article_title_link %>-link-context"><a href="<%- url_for(item.path) %>"><%= item.title || __('no_title') %></a></h1>
<% } else { %>
<h1><%= item.title || __('no_title') %></h1>
<% } %>
<% } %>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="favicon.ico">
<title>SGOOL计算平台</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/jumbotron.css" rel="stylesheet">
<link href="css/team.css" rel="stylesheet">
<style>
img {
width:100%;height:100%;
}
</style>
</head>
<body>
<div class="container selfContainer">
<div class="row">
<main class="col-md-3">
<div class="text-center selfContent">
<div class="subContent">
<img src="<%= page.pic %>" id="selfimg" style="width:195px; margin: 0 auto;" class="rounded-circle align-middle" alt="..." />
<h1 id="selfname" class='subContent-h1'><%= page.name %></h1>
<p id="selftitle" class="subContent-p">电气工程 | <%= page.degree %></p>
</div>
<div class="subFooter">
</div>
</div>
</main>
<main class="col-md-9">
<div class="selfSection">
<%- page.content %>
<div class="selfSection">
</main>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="../js/jquery-slim.min.js"><\/script>')</script>
<script src="../js/popper.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
</body>
</html>
......@@ -129,7 +129,7 @@ $(document).ready(function() {
<li><a href="#service">计算服务</a></li>
<li><a href="#download">下载专区</a></li>
<li><a href="#introduction">平台简介</a></li>
<li><a href="#contact">联系我们</a></li>
<li><a href="about">关于我们</a></li>
</ul>
</div>
......@@ -280,8 +280,8 @@ $(document).ready(function() {
<% var count = 0 %>
<% site.pages.each(function (post) { %>
<% if (post.categories == "news") { %>
<% page.posts.each(function (post) { %>
<% if (post.categories.data[0].name == "news") { %>
<% count += 1%>
<div class="article" style="display:none">
<div class="article-title">
......@@ -293,6 +293,9 @@ $(document).ready(function() {
</div>
</div>
<% } else { %>
<p><%= post.categories.data[0].name %></p>
<% } }) %>
<nav aria-label="Page navigation">
......
<!DOCTYPE html>
<html>
<%- partial('_partial/head') %>
<body>
<%- partial('_partial/header') %>
<main class="main">
<%- body %>
</main>
</body>
</html>
\ No newline at end of file
<%- body %>
<div class="container main-container" relag="page">
<%- partial('_partial/article', {item: page, index: false, extra: false}) %>
</div>
<% if (page.categories == 'news') { %>
<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<%
var title = [];
if (page.current > 1) title.push(__('page', page.current));
if (page.title) title.push(page.title);
if (page.category) title.push(page.category);
if (page.tag) title.push(page.tag);
if (page.archive){
if (page.year) title.push(__('archive_b', page.year + (page.month ? '/' + page.month : '')));
else title.push(__('archive_a'));
}
title.push(config.subtitle);
%>
<title><%= title.join(' | ') %></title>
<% if (config.author){ %><meta name="author" content="<%= config.author %>"><% } %>
<% if (page.description){ %>
<meta name="description" content="<%= page.description %>">
<% } else if (config.description){ %>
<meta name="description" content="<%= config.description %>">
<% } else if (page.excerpt){ %>
<meta name="description" content="<%= strip_html(page.excerpt).replace(/^\s*/, '').replace(/\s*$/, '') %>">
<% } else if (page.content){ %>
<meta name="description" content="<%= strip_html(page.content).replace(/^\s*/, '').replace(/\s*$/, '').substring(0, 150) %>">
<% } %>
<% if (page.keywords){ %><meta name="keywords" content="<%= page.keywords %>"><% } %>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<% if (page.title){ %><meta property="og:title" content="<%= page.title %>"/><% } %>
<meta property="og:site_name" content="<%= config.title %>"/>
<% if(page.cover) { %>
<meta property="og:image" content="<%= page.cover %>" />
<% } else { %>
<meta property="og:image" content="<%= config.cover %>"/>
<% } %>
<link rel="icon" type="image/png" href="<%- config.root %>favicon.png">
<link rel="alternate" href="<% if (theme.rss){ %><%- theme.rss %><% } else { %><%- config.root %>atom.xml<% } %>" title="<%= config.title %>" type="application/atom+xml">
<link rel="stylesheet" href="<%- config.root %>css/lib/materialize.min.css">
<link rel="stylesheet" href="<%- config.root %>css/lib/font-awesome.min.css">
<link rel="stylesheet" href="<%- config.root %>css/style.css" media="screen" type="text/css">
<% if (theme.google_code_prettify) { %>
<link rel="stylesheet" href="<%- config.root %>css/lib/<%= theme.google_code_prettify %>.css" type="text/css">
<% } else { %>
<link rel="stylesheet" href="<%- config.root %>css/lib/prettify_default.css" type="text/css">
<% } %>
<!--[if lt IE 9]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
<body>
<div class="container main-container">
<%- partial('_partial/article', {item: page, index: false}) %>
</div>
\ No newline at end of file
</div>
<%- partial('_partial/after_footer') %>
</body>
</html>
<% } else { %>
<p> <%= page.categories[0] %> </p>
<%- partial('_partial/teams/teamMember') %>
<% } %>
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(/css/fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
src: local('Material Icons'),
local('MaterialIcons-Regular'),
url(/css/fonts/MaterialIcons-Regular.woff2) format('woff2'),
url(/css/fonts/MaterialIcons-Regular.woff) format('woff'),
url(/css/fonts/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px; /* Preferred icon size */
display: inline-block;
width: 1em;
height: 1em;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: 'liga';
}
html, body
font-family "Roboto", "sans-serif", "微软雅黑", "Helvetica Neue"
body
background-color #f5f5f5
display: flex;
min-height: 100vh;
flex-direction: column;
main
flex: 1 0 auto;
html
color rgba(0, 0, 0, 0.8)
.container
width 1200px
@media (max-width: 767px)
width 90%
.row
margin-left auto
margin-right auto
.container.main-container
@media (max-width: 767px)
width 100%
// HTML标签样式
// 重置materialize中的各种列表样式
ul, ol
padding-left 20px
&.tabs
padding-left 0
ul, ul li
list-style-type disc
word-break break-word
nav, .fixed-action-btn
ul
padding-left 0
li
list-style-type none
ul.pagination, ul.collapsible, ul.indicators
padding-left 0
li
list-style-type none
img
max-width 100%
padding 4px
background-color #F5F5F5
border 1px solid #ddd
border-radius 4px
strong
font-weight bold
blockquote
background-color rgba(0, 0, 0, 0.03)
padding 0.6rem 0.6rem 0.6rem 1.2rem
// p
// margin 0 !important
table
margin-bottom 1.5em
nav ul
a:hover
background-color rgba(0, 0, 0, 0)
nav .brand-logo
font-size 1.6rem
// 侧滑栏样式
.side-nav
li, a
padding 0 15px
.card
margin-top 0
&.medium
height 440px
.card-content
padding 25px 25px 30px
@media (max-width: 767px)
padding-left 15px
padding-right 15px
.card-action
padding-left 25px
padding-right 25px
// .card-content p
// margin 0.5em 0
.chip
height initial
line-height 18px
padding 4px 14px
color white
.breadcrumb
font-size 1em
// 图片lightbox点击缩放效果
.materialboxed
display initial
margin-top 10px
max-width 100%
&.active
max-width initial
// 幻灯片的导航按钮位置
.slider .indicators
bottom 60px
z-index 10
.main-container
margin-top 30px
.mt-0
margin-top 0
.collection a.collection-item:not(.active):hover
background-color #f5f5f5
// 撤销card-action中链接会强制变大写的效果
.card .card-action a:not(.btn):not(.btn-large):not(.btn-floating)
text-transform initial
// 将默认的图标字体换为FontAwesome
.breadcrumb:before
content "\f105"
font-family: FontAwesome
// FontAwesome
.fa
margin-right 5px
// Footer
footer.page-footer
padding-top inherit
/* 字体大小 */
normal-font-size = 1em
simple-title-font-size = 1.4em
page-sub-title-font-size = 1.6em
/* 颜色 */
//头部背景颜色
color-header-background = #00529c
//头部按钮hover背景
color-header-button-hover = #3498db
//尾部背景颜色
color-footer-background = #2c3e50
//背景
color-body = #ecf8ff
//正文字体
color-font = #333333
//文章标题颜色
color-title = #1976d2
color-title-hover = #42a5f5
//文章子标题颜色(h3)
color-entry-subtitle = #333
//标签背景颜色
color-tag = #16a085
//链接颜色
color-a = #1976d2
color-a-hover = #42a5f5
//页面的子标题(如留言,当前所在位置等等)
color-page-sub-title = #9b59b6
//尾部文字颜色
color-footer-text = #fff
color-footer-a = #9fc9e9
color-footer-a-hover = #16a085
color-link = #069
color-strong = #333
// Font
font-default = "Helvetica Neue", "Helvetica", Arial, sans-serif
font-serif = "Georgia", serif
font-mono = Consolas, "微软雅黑", Monaco, Menlo, Courier New, monospace
font-title = "微软雅黑", "Droid Serif", Helvetica Neue, Helvetica, Arial, sans-serif
// 全局边距
header-footer-height-padding = 10px
page-padding = 200px
body-padding-top = 50px
// 读书
book-width = 150px
book-height = 200px
.about-page
.header
padding 40px 15px 30px
.avatar-wrapper
.avatar-image
width 160px
.info
padding 0 20px
p
line-height 24px
margin-top 25px
margin-bottom 0
color white
text-shadow 1px 1px 1px #444
.name
font-size 1.8em
.desc
margin-top 15px
font-size 1em
.social-group
margin-top 15px
section
margin-bottom 20px
h1
font-size 1.6rem
margin-top 10px
margin-bottom 15px
// 技能
ul.skill-list, ul.skill-list li
list-style-type none
ul.skill-list
padding-left 0
.skill-list li
margin-bottom 0
.split
margin-top 5px
.skills .fa
margin-right 0
// 项目
.project-item
display inline-block
// margin-right 20px
width 100%
img
padding 0
.card-title
font-weight 400
font-size 20px
text-shadow 1px 1px 1px black
line-height 30px
.card-tag
position absolute
top 15px
right 10px
// 重置
.about-page.row
margin-left 0
margin-right 0
.row
margin-left 0
margin-right 0
// .col
// padding-left 0
// padding-right 0
.archive-title
font-weight normal
font-size 20px
margin-bottom 10px
text-shadow 0 0 1px #fff
&:before
font-family font-icon
content '\f073'
padding-right 15px
&.tag
&:before
content '\f02b'
&.category
&:before
content '\f07b'
.archive-year
font-size 2.4em
font-family Candara,arial
font-style italic
color #069
text-shadow rgba(255,255,255,0.9) 0 1px 0
padding 0 30px
margin 0 0 10px 0
@media screen and (max-width:580px)
padding 0 20px
a:after
content '\f08e'
font 12px FontAwesome
padding-left 10px
vertical-align super
.sep
border-bottom 1px solid #aaa
box-shadow rgba(255,255,255,0.3) 0 1px 0
\ No newline at end of file
.simple-article
margin-bottom 30px
article
.entry
margin-top 20px
.article-title h1
font-family "微软雅黑", "sans-serif", "Helvetica Neue"
font-size 2em
font-weight bold
line-height 1.4
margin-top 0
margin-bottom 10px
color color-entry-subtitle
a:not(.chip)
color color-a
&:hover
color color-a-hover
.simple-article-title h1
font-size simple-title-font-size
padding 5px 0
.tags-row
margin-top 10px
.article-tag
display inline-block
height 32px
line-height 32px
padding 0 12px
border-radius 16px
color white
header
border-radius 0
background none
position relative
padding 0
border-bottom 0
margin-bottom 10px
time
font 0.9em font-title
margin-bottom 5px
display block
line-height 1
&:hover
color color-link
.card-content .entry
font-size 16px
line-height 1.7
@media (max-width: 480px)
line-height 1.5em
p
margin-top 0
margin-bottom 1em
text-align justify
text-justify inter-ideograph
word-break initial
word-break break-word
&:last-child
margin-bottom 0
ul, ol
margin-bottom 1em
ul, ol
margin-bottom 0
h1, h2, h3, h4, h5, h6
margin-top 0
margin-bottom 0.5em
h1
font-size 1.6em
color color-entry-subtitle
h2
font-size 1.4em
color color-entry-subtitle
h3, h4, h5, h6
font-size 1.2em
color color-entry-subtitle
&.nstyle
border-radius 0
padding 0
background none
box-shadow none
iframe
max-width 98%
.caption
display block
margin-top 5px
color #aaa
position relative
font-size 0.9em
padding-left 25px
&:before
content '\f040'
position absolute
font 1.3em font-icon
position absolute
left 0
top 3px
.toc-wrap
float right
-webkit-border-radius 4px
border-radius 4px
background #eee
border 1px solid #ddd
margin-left 1.5em
margin-bottom 2em
padding 15px 20px
line-height 1.6em
>ol
margin-left 0
ol, ul
list-style none
.toc-title
font-weight bold
font-size 1.2em
margin-bottom 0.6em
color #2c3e50
.toc-number
display none
.toc-link
color #0e83cd
text-decoration none
font-size 0.9em
.toc-link:hover
text-decoration underline
.toc-child
margin-left 1em
#comment
margin-top 40px
.title
font-size 40px
font-weight bold
color color-section-title
\ No newline at end of file
a.social-link
display inline-block
color #f5f5f5
margin-right 10px
&:hover
color #e0e0e0
.footer-container
padding-top 20px
.nav-wrapper
padding 0 25px
@media (max-width: 767px)
padding 0 10px
.jPanelMenu-panel
overflow-y hidden
.btn-loadmore
margin-top 20px
opacity 0.9
.feature-guide-container
display none
position absolute
left 0
top 0
z-index 100
.shadow
overflow-y hidden
position absolute
background-color rgba(0, 0, 0, 0.6)
.shadow-light
position absolute
background-color rgba(0, 0, 0, 0)
.feature-box
position relative
max-width 300px
background-color #ffebb5
padding 16px
color #ae2341
.btn-i-know
background-color #f4867b
transition background-color .5s
margin-bottom 0
.btn-i-know:hover
background-color #f5a69e
transition background-color .5s
.feature-description
font-size 1em
\ No newline at end of file
.red-link-context a
color #f44336 !important
&:hover
color #e57373 !important
.pink-link-context a
color #E91E63 !important
&:hover
color #F06292 !important
.purple-link-context a
color #9C27B0 !important
&:hover
color #BA68C8 !important
.deep-purple-link-context a
color #673AB7 !important
&:hover
color #9575CD !important
.indigo-link-context a
color #3F51B5 !important
&:hover
color #7986CB !important
.blue-link-context a
color #2196F3 !important
&:hover
color #64B5F6 !important
.light-blue-link-context a
color #03A9F4 !important
&:hover
color #4FC3F7 !important
.cyan-link-context a
color #00BCD4 !important
&:hover
color #4DD0E1 !important
.teal-link-context a
color #009688 !important
&:hover
color #4DB6AC !important
.green-link-context a
color #4CAF50 !important
&:hover
color #81C784 !important
.light-green-link-context a
color #8BC34A !important
&:hover
color #AED581 !important
.lime-link-context a
color #CDDC39 !important
&:hover
color #DCE775 !important
.yellow-link-context a
color #FFEB3B !important
&:hover
color #FFF176 !important
.amber-link-context a
color #FFC107 !important
&:hover
color #FFD54F !important
.orange-link-context a
color #FF9800 !important
&:hover
color #FFB74D !important
.deep-orange-link-context a
color #FF5722 !important
&:hover
color #FF8A65 !important
.brown-link-context a
color #795548 !important
&:hover
color #A1887F !important
.grey-link-context a
color #9E9E9E !important
&:hover
color #E0E0E0 !important
.blue-grey-link-context a
color #607D8B !important
&:hover
color #90A4AE !important
.page-nav
height 50px
line-height 50px
.float-sitemap
position fixed
right 45px
bottom 50px
@media only screen and (max-width: 600px)
right 10px
bottom 15px
.construction-container
display inline-block
margin-top 40px
.btn
margin-top 20px
// 重置多说评论框中的checkbox被materialize库修改的样式
.ds-sync input[type="checkbox"]
position initial
visibility initial
+label:before
display none
// gallery
article .gallery .control {
opacity: 0;
transition: 0.3s;
}
article .gallery:hover .control {
opacity: 1;
-ms-filter: none;
filter: none;
}
article .gallery .prev,
article .gallery .next {
position: absolute;
top: 0;
width: 50%;
height: 100%;
cursor: pointer;
}
article .gallery .prev:before,
article .gallery .next:before {
position: absolute;
font: 24px/1 FontAwesome;
text-align: center;
width: 24px;
text-shadow: 0 0 15px rgba(0,0,0,0.5);
color: #fff;
margin-top: -12px;
top: 50%;
}
article .gallery .prev {
left: 0;
}
article .gallery .prev:before {
content: '\f053';
left: 10px;
}
article .gallery .next {
right: 0;
}
article .gallery .next:before {
content: '\f054';
right: 10px;
}
// 无JS(一般是微信页)的样式
.noscript
background rgba(0, 0, 0, 0.5)
position fixed
left 0
top 0
width 100%
z-index 9999
animation-duration: 6s;
animation-name: noscript-slide;
p
margin 0
padding 0 30px
color white
@keyframes noscript-slide {
0% {
top: -100px;
}
50% {
top: -100px;
}
100% {
top: 0;
}
}
// 阅读计数与站点访客
.read-times-container
margin-left 15px
.fa
margin-right 0
.site-visitors-container
margin-top 10px
.post {
margin: 1em auto;
padding: 30px 50px;
background-color: #fff;
border: 1px solid #ddd;
box-shadow: 0 0 2px #ddd;
}
.posts {
.post:first-child {
margin-top: 0;
}
.post-title {
font-size: 1.5em;
.post-title-link {
color: #368CCB;
text-decoration: none;
}
}
.post-content {
a {
color: #368CCB;
text-decoration: none;
}
}
.post-meta {
color: #BABABA;
}
}
\ No newline at end of file
.book-item
display inline-block
position relative
img
padding 0
transition all 0.3s ease-out
&:hover img
transform scale(1.05)
.card-content
padding 15px
.card-title
line-height initial
font-size 1.4em
.card.small
.card-image
min-height 70%
max-height 70%
.card-content
max-height 30%
.external-link
font-size 1.2em
.search-modal
padding 30px 20px
max-height 80%
input[type=text]
&:focus
border-bottom-color #757575
box-shadow 0 1px 0 0 #757575
&+label
color #212121
.search-result
margin-top 5px
margin-bottom 15px
user-height = 100px
item-height = 48px
.side-nav
.row
margin-bottom 0
.col
line-height user-height
a
height item-height
line-height item-height
color white
i
height item-height
line-height item-height
width 1.5rem
li
line-height item-height
&:hover, &:active
background-color rgba(0, 0, 0, 0.2)
&.side-user
background-color transparent
.avatar-image
width 50px
padding 0
vertical-align middle
.info
height user-height
p
line-height 24px
margin-top 5px
margin-bottom 0
text-shadow: 1px 1px 1px #444;
.name
font-size 1.2em
.desc
font-size 0.9em
li.side-user
height user-height
// background: url(images/side-user-cover.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
// margin-bottom: 10px;
// 分类目录
collapse-base-padding = 15px
collapse-step-padding = 15px
.collapse-level-0
padding-left collapse-base-padding
.collapse-level-1
padding-left collapse-base-padding + collapse-step-padding * 1
.collapse-level-2
padding-left collapse-base-padding + collapse-step-padding * 2
.collapse-space
margin-bottom 10px
#category-menu.side-nav
a
height item-height * 0.75
line-height item-height * 0.75
i
height item-height * 0.75
line-height item-height * 0.75
li
line-height item-height * 0.75
padding-right 15px
.slider-image
border none
border-radius 0
background-color transparent
padding 0
color-code-background = #042029
color-simple-code-background = #93AAAC
article
pre
padding 10px 16px
.line:after
content: ''
display: inline-block;
code, pre
font-family font-mono
color #333
font-size 1em
// white-space pre-wrap
// word-wrap break-word
p code, li code
margin 0 3px
padding: 0 5px;
border-radius: 5px;
border: 1px solid #e0e0e0
color: #212121;
background-color #eeeeee
pre .keyword
color #859900
pre .tag
color #f8f8f2
pre
// Theme: Monokai plus Solarized(Dark) from Sublime Text theme
.comment
.template_comment
.diff .header
.doctype
.pi
.lisp .string
.javadoc
color #75715c
font-style italic
.doctype
color #268bd2
.keyword
.winutils
.method
.addition
.css .tag
.request
.status
.nginx .title
color #66d9ef
.number
.command
.phpdoc
.tex .formula
.regexp
.hexcolor
color #ae81fc
.string
.tag .value
color #e6db6e
.title
.localvars
.chunk
.decorator
.built_in
.identifier
.vhdl
.literal
.id
color #f22672
.attribute
.variable
.lisp .body
.smalltalk .number
.constant
.class .title
.parent
.haskell .type
color #a6e22e
.preprocessor
.preprocessor .keyword
.shebang
.symbol
.symbol .string
.diff .change
.special
.attr_selector
.important
.subst
.cdata
.clojure .title
color #cb4b16
.deletion
color #dc322f
// 调整hexo默认的代码段(table)样式
figure.highlight
margin-left 0
margin-right 0
overflow auto
td
padding 0
pre
margin 0
overflow auto
figcaption a
position absolute
right 25px
.gutter
width 5%
.toc
position fixed
top 0px
margin-top 15%
left calc(50% + 600px)
ol
list-style-type none
padding-left 1em
.section
margin 2px 0
padding-top 0
padding-bottom 0
.table-of-contents
a.active
border-left-color #2196f3
font-weight bold
a:hover
border-left-color #2196f3
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
/* Tomorrow Night Eighties Theme */
/* Original theme - https://github.com/chriskempson/tomorrow-theme */
.prettyprint {
background: #1D1F21;
font-family: Menlo, 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', Monaco, Consolas, monospace;
font-size: 13px;
line-height: 1.5;
border: 1px solid #ccc;
padding: 10px;
}
.pln {
color: #cccccc;
}
@media screen {
.str {
color: #99cc99;
}
.kwd {
color: #cc99cc;
}
.com {
color: #999999;
}
.typ {
color: #6699cc;
}
.lit {
color: #f99157;
}
.pun {
color: #cccccc;
}
.opn {
color: #cccccc;
}
.clo {
color: #cccccc;
}
.tag {
color: #f2777a;
}
.atn {
color: #f99157;
}
.atv {
color: #66cccc;
}
.dec {
color: #f99157;
}
.var {
color: #f2777a;
}
.fun {
color: #6699cc;
}
}
@media print, projection {
.str {
color: #006600;
}
.kwd {
color: #006;
font-weight: bold;
}
.com {
color: #600;
font-style: italic;
}
.typ {
color: #404;
font-weight: bold;
}
.lit {
color: #004444;
}
.pun, .opn, .clo {
color: #444400;
}
.tag {
color: #006;
font-weight: bold;
}
.atn {
color: #440044;
}
.atv {
color: #006600;
}
}
/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
margin-top: 0;
margin-bottom: 0;
}
/* IE indents via margin-left */
li.L0,
li.L1,
li.L2,
li.L3,
li.L4,
li.L5,
li.L6,
li.L7,
li.L8,
li.L9 {
/* */
}
/* Alternate shading for lines */
li.L1,
li.L3,
li.L5,
li.L7,
li.L9 {
/* */
}
/*
* Core Owl Carousel CSS File
* v1.3.2
*/
/* clearfix */
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
/* display none until init */
.owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing {
cursor:url(grabbing.png) 8 8, move;
}
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}
/*
* Owl Carousel Owl Demo Theme
* v1.3.2
*/
.owl-theme .owl-controls{
margin-top: 10px;
text-align: center;
}
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{
color: #FFF;
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
margin: 5px;
padding: 3px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: #869791;
filter: Alpha(Opacity=50);/*IE7 fix*/
opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;
text-decoration: none;
}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
display: block;
width: 12px;
height: 12px;
margin: 5px 7px;
filter: Alpha(Opacity=50);/*IE7 fix*/
opacity: 0.5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #869791;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;
}
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers{
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
/* preloading images */
.owl-item.loading{
min-height: 150px;
background: url(AjaxLoader.gif) no-repeat center center
}
\ No newline at end of file
/*
* Owl Carousel CSS3 Transitions
* v1.3.2
*/
.owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x : 50%;
-webkit-perspective-origin-y : 50%;
-moz-perspective : 1200px;
-moz-perspective-origin-x : 50%;
-moz-perspective-origin-y : 50%;
perspective : 1200px;
}
/* fade */
.owl-fade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease;
}
.owl-fade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
-webkit-animation: backSlideOut 1s both ease;
-moz-animation: backSlideOut 1s both ease;
animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
-webkit-animation: backSlideIn 1s both ease;
-moz-animation: backSlideIn 1s both ease;
animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
-webkit-animation: scaleToFade .7s ease both;
-moz-animation: scaleToFade .7s ease both;
animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
-webkit-animation: goDown .6s ease both;
-moz-animation: goDown .6s ease both;
animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
-webkit-animation: scaleUpFrom .5s ease both;
-moz-animation: scaleUpFrom .5s ease both;
animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
-webkit-animation: scaleUpTo .5s ease both;
-moz-animation: scaleUpTo .5s ease both;
animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
0% {opacity: 1}
}
@-moz-keyframes empty {
0% {opacity: 1}
}
@keyframes empty {
0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-moz-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
25% { opacity: .5; -webkit-transform: translateZ(-500px); }
75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
25% { opacity: .5; -moz-transform: translateZ(-500px); }
75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
25% { opacity: .5; transform: translateZ(-500px); }
75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -webkit-transform: translateZ(-500px); }
100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -moz-transform: translateZ(-500px); }
100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; transform: translateZ(-500px); }
100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
from { transform: translateY(-100%); }
}
@-webkit-keyframes scaleUpFrom {
from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
from { opacity: 0; transform: scale(1.5); }
}
@-webkit-keyframes scaleUpTo {
to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
to { opacity: 0; transform: scale(1.5); }
}
\ No newline at end of file
@font-face {font-family: "iconfont";
src: url('iconfont.eot?t=1514454512057'); /* IE9*/
src: url('iconfont.eot?t=1514454512057#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
url('iconfont.ttf?t=1514454512057') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('iconfont.svg?t=1514454512057#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family:"iconfont" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-zixun:before { content: "\e69e"; }
.icon-zixun1:before { content: "\e60e"; }
.icon-woshou:before { content: "\e602"; }
.icon-erweima:before { content: "\e50b"; }
(function($){"use strict";$.ajaxChimp={responses:{"We have sent you a confirmation email":0,"Please enter a value":1,"An email address must contain a single @":2,"The domain portion of the email address is invalid (the portion after the @: )":3,"The username portion of the email address is invalid (the portion before the @: )":4,"This email address looks fake or invalid. Please enter a real email address":5},translations:{en:null},init:function(selector,options){$(selector).ajaxChimp(options)}};$.fn.ajaxChimp=function(options){$(this).each(function(i,elem){var form=$(elem);var email=form.find("input[type=email]");var label=form.find("label[for="+email.attr("id")+"]");var settings=$.extend({url:form.attr("action"),language:"en"},options);var url=settings.url.replace("/post?","/post-json?").concat("&c=?");form.attr("novalidate","true");email.attr("name","EMAIL");form.submit(function(){var msg;function successCallback(resp){if(resp.result==="success"){msg="We have sent you a confirmation email";label.removeClass("error").addClass("valid");email.removeClass("error").addClass("valid")}else{email.removeClass("valid").addClass("error");label.removeClass("valid").addClass("error");var index=-1;try{var parts=resp.msg.split(" - ",2);if(parts[1]===undefined){msg=resp.msg}else{var i=parseInt(parts[0],10);if(i.toString()===parts[0]){index=parts[0];msg=parts[1]}else{index=-1;msg=resp.msg}}}catch(e){index=-1;msg=resp.msg}}if(settings.language!=="en"&&$.ajaxChimp.responses[msg]!==undefined&&$.ajaxChimp.translations&&$.ajaxChimp.translations[settings.language]&&$.ajaxChimp.translations[settings.language][$.ajaxChimp.responses[msg]]){msg=$.ajaxChimp.translations[settings.language][$.ajaxChimp.responses[msg]]}label.html(msg);label.show(2e3);if(settings.callback){settings.callback(resp)}}var data={};var dataArray=form.serializeArray();$.each(dataArray,function(index,item){data[item.name]=item.value});$.ajax({url:url,data:data,success:successCallback,dataType:"jsonp",error:function(resp,text){console.log("mailchimp ajax submit error: "+text)}});var submitMsg="Submitting...";if(settings.language!=="en"&&$.ajaxChimp.translations&&$.ajaxChimp.translations[settings.language]&&$.ajaxChimp.translations[settings.language]["submit"]){submitMsg=$.ajaxChimp.translations[settings.language]["submit"]}label.html(submitMsg).show(2e3);return false})});return this}})(jQuery);
\ No newline at end of file
/*
* jQuery appear plugin
*
* Copyright (c) 2012 Andrey Sidorov
* licensed under MIT license.
*
* https://github.com/morr/jquery.appear/
*
* Version: 0.3.3
*/
(function($) {
var selectors = [];
var check_binded = false;
var check_lock = false;
var defaults = {
interval: 250,
force_process: false
}
var $window = $(window);
var $prior_appeared;
function process() {
check_lock = false;
for (var index = 0; index < selectors.length; index++) {
var $appeared = $(selectors[index]).filter(function() {
return $(this).is(':appeared');
});
$appeared.trigger('appear', [$appeared]);
if ($prior_appeared) {
var $disappeared = $prior_appeared.not($appeared);
$disappeared.trigger('disappear', [$disappeared]);
}
$prior_appeared = $appeared;
}
}
// "appeared" custom filter
$.expr[':']['appeared'] = function(element) {
var $element = $(element);
if (!$element.is(':visible')) {
return false;
}
var window_left = $window.scrollLeft();
var window_top = $window.scrollTop();
var offset = $element.offset();
var left = offset.left;
var top = offset.top;
if (top + $element.height() >= window_top &&
top - ($element.data('appear-top-offset') || 0) <= window_top + $window.height() &&
left + $element.width() >= window_left &&
left - ($element.data('appear-left-offset') || 0) <= window_left + $window.width()) {
return true;
} else {
return false;
}
}
$.fn.extend({
// watching for element's appearance in browser viewport
appear: function(options) {
var opts = $.extend({}, defaults, options || {});
var selector = this.selector || this;
if (!check_binded) {
var on_check = function() {
if (check_lock) {
return;
}
check_lock = true;
setTimeout(process, opts.interval);
};
$(window).scroll(on_check).resize(on_check);
check_binded = true;
}
if (opts.force_process) {
setTimeout(process, opts.interval);
}
selectors.push(selector);
return $(selector);
}
});
$.extend({
// force elements's appearance check
force_appear: function() {
if (check_binded) {
process();
return true;
};
return false;
}
});
})(jQuery);
(function ($) {
$.fn.countTo = function (options) {
options = options || {};
return $(this).each(function () {
// set options for current element
var settings = $.extend({}, $.fn.countTo.defaults, {
from: $(this).data('from'),
to: $(this).data('to'),
speed: $(this).data('speed'),
refreshInterval: $(this).data('refresh-interval'),
decimals: $(this).data('decimals')
}, options);
// how many times to update the value, and how much to increment the value on each update
var loops = Math.ceil(settings.speed / settings.refreshInterval),
increment = (settings.to - settings.from) / loops;
// references & variables that will change with each update
var self = this,
$self = $(this),
loopCount = 0,
value = settings.from,
data = $self.data('countTo') || {};
$self.data('countTo', data);
// if an existing interval can be found, clear it first
if (data.interval) {
clearInterval(data.interval);
}
data.interval = setInterval(updateTimer, settings.refreshInterval);
// initialize the element with the starting value
render(value);
function updateTimer() {
value += increment;
loopCount++;
render(value);
if (typeof(settings.onUpdate) == 'function') {
settings.onUpdate.call(self, value);
}
if (loopCount >= loops) {
// remove the interval
$self.removeData('countTo');
clearInterval(data.interval);
value = settings.to;
if (typeof(settings.onComplete) == 'function') {
settings.onComplete.call(self, value);
}
}
}
function render(value) {
var formattedValue = settings.formatter.call(self, value, settings);
$self.text(formattedValue);
}
});
};
$.fn.countTo.defaults = {
from: 0, // the number the element should start at
to: 0, // the number the element should end at
speed: 1000, // how long it should take to count between the target numbers
refreshInterval: 100, // how often the element should be updated
decimals: 0, // the number of decimal places to show
formatter: formatter, // handler for formatting the value before rendering
onUpdate: null, // callback method for every time the element is updated
onComplete: null // callback method for when the element finishes updating
};
function formatter(value, settings) {
return value.toFixed(settings.decimals);
}
}(jQuery));
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论