deon/spdocker
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Initial pages site

Browse Source
This commit is contained in:
Deon George
2018-03-07 15:58:54 +11:00
parent 12239ff76e
commit 9cee828d19
69 changed files with 25440 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
themes/spd/layout/404.ejs Normal file
View File

@@ -0,0 +1,22 @@
---
layout: layout
---
<!-- Page Header -->
<header class="intro-header" style="background-image: url('<%= config.root %><%= page["header-img"] || config["header-img"] %>')">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1 ">
<div class="site-heading">
<h1>404</h1>
<!--<hr class="small">-->
<span class="subheading"><%= page.description || config.subtitle || "" %></span>
</div>
</div>
</div>
</div>
</header>
<script>
document.body.classList.add('page-fullscreen');
</script>

172
themes/spd/layout/_partial/footer.ejs Normal file
View File

@@ -0,0 +1,172 @@
<!-- Footer -->
<footer>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
<ul class="list-inline text-center">
<% if (config.RSS) { %>
<li>
<a href="<%= config.root + 'feed.xml' %>">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-rss fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<% } %>
<% if (config.twitter_username) { %>
<li>
<a target="_blank" href="https://twitter.com/<%= config.twitter_username %>">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<% } %>
<% if (config.facebook_username) { %>
<li>
<a target="_blank" href="https://www.facebook.com/<%= config.facebook_username %>">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<% } %>
<% if (config.github_username) { %>
<li>
<a target="_blank" href="https://github.com/<%= config.github_username %>">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-github fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<% } %>
<% if (config.linkedin_username) { %>
<li>
<a target="_blank" href="https://www.linkedin.com/in/<%= config.linkedin_username %>">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-linkedin fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<% } %>
</ul>
<p class="copyright text-muted">
Copyright &copy; <%= config.author %> <%= new Date().getFullYear() %>
</p>
</div>
</div>
</div>
</footer>
<!-- jQuery -->
<%- js('js/jquery.min.js') %>
<!-- Bootstrap Core JavaScript -->
<%- js('js/bootstrap.min.js') %>
<!-- Custom Theme JavaScript -->
<%- js('js/hux-blog.min.js') %>
<!-- async load function -->
<script>
function async(u, c) {
var d = document, t = 'script',
o = d.createElement(t),
s = d.getElementsByTagName(t)[0];
o.src = u;
if (c) { o.addEventListener('load', function (e) { c(null, e); }, false); }
s.parentNode.insertBefore(o, s);
}
</script>
<!--
Because of the native support for backtick-style fenced code blocks
right within the Markdown is landed in Github Pages,
From V1.6, There is no need for Highlight.js,
so Huxblog drops it officially.
- https://github.com/blog/2100-github-pages-now-faster-and-simpler-with-jekyll-3-0
- https://help.github.com/articles/creating-and-highlighting-code-blocks/
-->
<!--
<script>
async("http://cdn.bootcss.com/highlight.js/8.6/highlight.min.js", function(){
hljs.initHighlightingOnLoad();
})
</script>
<link href="http://cdn.bootcss.com/highlight.js/8.6/styles/github.min.css" rel="stylesheet">
-->
<!-- jquery.tagcloud.js -->
<script>
// only load tagcloud.js in tag.html
if($('#tag_cloud').length !== 0){
async("<%= config.url%><%= config.root%>js/jquery.tagcloud.js",function(){
$.fn.tagcloud.defaults = {
//size: {start: 1, end: 1, unit: 'em'},
color: {start: '#bbbbee', end: '#0085a1'},
};
$('#tag_cloud a').tagcloud();
})
}
</script>
<!--fastClick.js -->
<script>
async("https://cdn.bootcss.com/fastclick/1.0.6/fastclick.min.js", function(){
var $nav = document.querySelector("nav");
if($nav) FastClick.attach($nav);
})
</script>
<!-- Google Analytics -->
<% if (config.ga_track_id) { %>
<script>
// dynamic User by Hux
var _gaId = '<%= config.ga_track_id %>';
var _gaDomain = '<%= config.ga_domain %>';
// Originial
(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', _gaId, _gaDomain);
ga('send', 'pageview');
</script>
<% } %>
<!-- Baidu Tongji -->
<% if (config.ba_track_id) { %>
<script>
// dynamic User by Hux
var _baId = '<%= config.ba_track_id %>';
// Originial
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "//hm.baidu.com/hm.js?" + _baId;
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<% } %>

50
themes/spd/layout/_partial/head.ejs Normal file
View File

@@ -0,0 +1,50 @@
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="google-site-verification" content="xBT4GhYoi5qRD5tr338pgPM5OWHHIDR6mNg1a3euekI" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="<%= config.description %>">
<meta name="keyword" content="<%= config.keyword %>">
<!-- <link rel="shortcut icon" href="<%= config.root %>img/shortcut.png"> -->
<!-- Place this tag in your head or just before your close body tag. -->
<script async defer src="https://buttons.github.io/buttons.js"></script>
<title>
<% if (page.title) { %>
<%= page.title + ' - ' + config.SEOTitle %>
<% } else{%>
<%= config.SEOTitle %>
<% } %>
</title>
<link rel="canonical" href="<%= config.url + config.root + (page.path||'').replace('index.html', '') %>">
<!-- Bootstrap Core CSS -->
<%- css('css/bootstrap.min.css') %>
<!-- Custom CSS -->
<%- css('css/beantech.min.css')%>
<!-- Pygments Highlight CSS -->
<%- css('css/highlight') %>
<%- css('css/widget')%>
<%- css('css/signature')%>
<%- css('css/toc')%>
<%- css('css/backtotop')%>
<!-- Custom Fonts -->
<link href="https://cdn.staticfile.org/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- ga & ba script hoook -->
<script></script>
</head>

56
themes/spd/layout/_partial/header.ejs Normal file
View File

@@ -0,0 +1,56 @@
<!-- Modified by Yu-Hsuan Yen -->
<!-- Post Header -->
<style type="text/css">
header.intro-header{
<% if (is_home()) { %>
background-image: url('<%= config.root + config["header-img"] %>')
/*config*/
<%} else if (is_post()){%>
background-image: url('<%= page["header-img"] %>')
/*post*/
<%} else {%>
background-image: url('<%= config.root + page["header-img"] %>')
/*page*/
<%} %>
}
<% if (config.signature) {%>
#signature{
background-image: url('<%= config.root + config["signature-img"] %>');
}
<%}%>
</style>
<header class="intro-header" >
<!-- Signature -->
<div id="signature">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
<% if (is_post()) { %>
<div class="post-heading">
<div class="tags">
<% page.tags.forEach(function(tag){ %>
<a class="tag" href="<%= config.root %>tags/#<%= tag.name %>" title="<%= tag.name %>"><%= tag.name %></a>
<% }) %>
</div>
<h1><%= page.title %></h1>
<h2 class="subheading"><%= page.subtitle || "" %></h2>
<span class="meta">
Posted by <%- page.author || config.author %> on
<%= page.date.format(config.date_format) %>
</span>
</div>
<% } else { %>
<div class="site-heading">
<h1><%= page.title || config.title %></h1>
<!--<hr class="small">-->
<span class="subheading"><%= page.description || config.subtitle || "" %></span>
</div>
<% } %>
</div>
</div>
</div>
</div>
</header>

71
themes/spd/layout/_partial/nav.ejs Normal file
View File

@@ -0,0 +1,71 @@
<!-- Navigation -->
<nav class="navbar navbar-default navbar-custom navbar-fixed-top">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="<%= config.root %>"><%= config.title %></a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<!-- Known Issue, found by Hux:
<nav>'s height woule be hold on by its content.
so, when navbar scale out, the <nav> will cover tags.
also mask any touch event of tags, unfortunately.
-->
<div id="huxblog_navbar">
<div class="navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li>
<a href="<%= config.root %>">Home</a>
</li>
<% site.pages.forEach(function(page){ %>
<% if(page.title){ %>
<li>
<a href="<%= config.root %><%= page.path.replace('index.html', '') %>"><%= page.title %></a>
</li>
<% } %>
<% }); %>
</ul>
</div>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<script>
// Drop Bootstarp low-performance Navbar
// Use customize navbar with high-quality material design animation
// in high-perf jank-free CSS3 implementation
var $body = document.body;
var $toggle = document.querySelector('.navbar-toggle');
var $navbar = document.querySelector('#huxblog_navbar');
var $collapse = document.querySelector('.navbar-collapse');
$toggle.addEventListener('click', handleMagic)
function handleMagic(e){
if ($navbar.className.indexOf('in') > 0) {
// CLOSE
$navbar.className = " ";
// wait until animation end.
setTimeout(function(){
// prevent frequently toggle
if($navbar.className.indexOf('in') < 0) {
$collapse.style.height = "0px"
}
},400)
}else{
// OPEN
$collapse.style.height = "auto"
$navbar.className += " in";
}
}
</script>

8
themes/spd/layout/_partial/pagination.ejs Normal file
View File

@@ -0,0 +1,8 @@
<ul class="pager">
<% if (page.prev){ %>
<li class="previous"><a href="<%- config.root %><%- page.prev_link %>">&larr; <%- __('next')%></a></li>
<% } %>
<% if (page.next){ %>
<li class="next"><a href="<%- config.root %><%- page.next_link %>"><%- __('prev')%> &rarr;</a></li>
<% } %>
</ul>

13
themes/spd/layout/_partial/sidebar.ejs Normal file
View File

@@ -0,0 +1,13 @@
<!-- Sidebar Container -->
<div class="
col-lg-3 col-lg-offset-0
col-md-3 col-md-offset-0
col-sm-12
col-xs-12
sidebar-container
">
<% theme.widgets.forEach(function(widget){ %>
<%- partial('_widget/' + widget) %>
<hr>
<% }) %>
</div>

15
themes/spd/layout/_partial/toc.ejs Normal file
View File

@@ -0,0 +1,15 @@
<!-- Table of Contents -->
<% if (page.catalog) { %>
<% if (is_post()){ %>
<aside id="sidebar">
<div id="toc" class="toc-article">
<strong class="toc-title"><%= __('Contents') %></strong>
<% if (toc(page.content) != ""){ %>
<%- toc(page.content, { "class": "toc-nav" }) %>
<% } else { %>
<ol class="nav"><%= __('none') %></ol>
<% } %>
</div>
</aside>
<% } %>
<% } %>

6
themes/spd/layout/_widget/archive.ejs Normal file
View File

@@ -0,0 +1,6 @@
<% if (site.posts.length){ %>
<h5><%= __('ARCHIVES') %></h5>
<div class="widget">
<%- list_archives({show_count: config.show_count, type: config.archive_type}) %>
</div>
<% } %>

7
themes/spd/layout/_widget/category.ejs Normal file
View File

@@ -0,0 +1,7 @@
<!-- Categories -->
<% if (site.categories.length){ %>
<h5><%= __('categories') %></h3>
<div class="widget">
<%- list_categories({show_count: theme.show_count}) %>
</div>
<% } %>

14
themes/spd/layout/_widget/featured-tags.ejs Normal file
View File

@@ -0,0 +1,14 @@
<!-- Featured Tags -->
<% if(config['featured-tags']) { %>
<section>
<!-- no hr -->
<h5><a href="<%= config.root %>tags/">FEATURED TAGS</a></h5>
<div class="tags">
<% site.tags.map(function(tag){ %>
<% if(tag.length > config['featured-condition-size']) { %>
<a href="<%= config.root %>tags/#<%= tag.name %>" title="<%= tag.name %>" rel="<%= tag.length %>"><%= tag.name %></a>
<% } %>
<% }) %>
</div>
</section>
<% }%>

10
themes/spd/layout/_widget/friends-blog.ejs Normal file
View File

@@ -0,0 +1,10 @@
<!-- Friends Blog -->
<% if(config.friends) { %>
<h5>FRIENDS</h5>
<ul class="list-inline">
<% config.friends.forEach(function(friend){ %>
<li><a href="<%= friend.href %>" target="_blank"><%= friend.title %></a></li>
<% }); %>
</ul>
<% }%>

12
themes/spd/layout/_widget/recent-posts.ejs Normal file
View File

@@ -0,0 +1,12 @@
<% if (site.posts.length){ %>
<h5><%= __('RECENT POSTS') %></h3>
<div class="widget">
<ul>
<% site.posts.sort('date', -1).limit(5).each(function(post){ %>
<li>
<a href="<%- url_for(post.path) %>"><%= post.title || '(no title)' %></a>
</li>
<% }) %>
</ul>
</div>
<% } %>

93
themes/spd/layout/_widget/short-about.ejs Normal file
View File

@@ -0,0 +1,93 @@
<!-- Short About -->
<section class="visible-md visible-lg">
<h5><a href="<%= config.root %>about/">ABOUT ME</a></h5>
<div class="short-about">
<% if(config['sidebar-avatar']) { %>
<img id = "avatar_pic" src="<%= config['root'] %><%= config['sidebar-avatar'] %>" />
<% } %>
<% if(config['sidebar-about-description']) { %>
<p><%= config['sidebar-about-description'] %></p>
<% }%>
<!-- SNS Link -->
<ul class="list-inline">
<% if (config.RSS) { %>
<li>
<a href="<%= config.root + 'feed.xml' %>">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-rss fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<% } %>
<% if (config.twitter_username) { %>
<li>
<a target="_blank" href="https://twitter.com/<%= config.twitter_username %>">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<% } %>
<% if (config.zhihu_username) { %>
<li>
<a target="_blank" href="https://www.zhihu.com/people/<%= config.zhihu_username %>">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-stack-1x fa-inverse">知</i>
</span>
</a>
</li>
<% } %>
<% if (config.weibo_username) { %>
<li>
<a target="_blank" href="http://weibo.com/<%= config.weibo_username %>">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-weibo fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<% } %>
<% if (config.facebook_username) { %>
<li>
<a target="_blank" href="https://www.facebook.com/<%= config.facebook_username %>">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<% } %>
<% if (config.github_username) { %>
<li>
<a target="_blank" href="https://github.com/<%= config.github_username %>">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-github fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<% } %>
<% if (config.linkedin_username) { %>
<li>
<a target="_blank" href="https://www.linkedin.com/in/<%= config.linkedin_username %>">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-linkedin fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<% } %>
</ul>
</div>
</section>

34
themes/spd/layout/about.ejs Normal file
View File

@@ -0,0 +1,34 @@
---
layout: page
---
<style type="text/css">
header.intro-header{
background-position: right;
}
</style>
<!-- Chinese Version -->
<div class="post-container">
<%- page.content %>
</div>
<% if(config['disqus_username']) { %>
<div class="comment">
<div id="disqus_thread" class="disqus-thread">
</div>
</div>
<!-- disqus start -->
<script type="text/javascript">
/* * * CONFIGURATION VARIABLES * * */
var disqus_shortname = "<%= config['disqus_username'] %>";
var disqus_identifier = "<%= page.permalink %>";
var disqus_url = "<%= page.permalink %>";
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<!-- disqus end -->
<% } %>

50
themes/spd/layout/archive.ejs Normal file
View File

@@ -0,0 +1,50 @@
---
layout: page
---
<!-- Main Content -->
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
<!-- List -->
<%
var years = {};
site.posts.sort('date').reverse().forEach(function(post){
var year = post.date.year()
if(years[year]===undefined){
years[year] = [];
}
years[year].push(post);
});
%>
<% Object.keys(years).reverse().forEach(function(year){ %>
<div class="one-tag-list">
<span class="fa fa-calendar-times-o listing-seperator" id="<%= year %>">
<span class="tag-text"><%= year %></span>
</span>
<ul>
<% years[year].map(function(post){ %>
<!-- <li class="listing-item">
<time datetime="{{ post.date | date:"%Y-%m-%d" }}">{{ post.date | date:"%Y-%m-%d" }}</time>
<a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a>
</li> -->
<li >
<%= post.date.format('MM-DD') %>
<i class="fa fa-angle-double-right" aria-hidden="true"></i>
<a href="<%- config.root %><%- post.path %>" style="color: #0085a1">
<span>
<%- post.title || "Untitled" %>
</span>
</a>
<!-- <p class="post-meta">{{ post.date | date:"%Y-%m-%d" }}</p> -->
</li>
<% }) %>
</ul>
</div>
<% }) %>
</div>
</div>
</div>

56
themes/spd/layout/index.ejs Normal file
View File

@@ -0,0 +1,56 @@
---
layout: page
---
<!-- Main Content -->
<% page.posts.each(function(post){ %>
<div class="post-preview">
<a href="<%- config.root %><%- post.path %>">
<h2 class="post-title">
<%- post.title || "Untitled" %>
</h2>
<h3 class="post-subtitle">
<%- post.subtitle || "" %>
</h3>
<div class="post-content-preview">
<%- truncate(strip_html(post.content), {length: 200, omission: '...'}) %>...
</div>
</a>
<% if (config.home_posts_tag){%>
<p class="post-meta" style="margin: 10px 0;">
Posted by <%- post.author || config.author %> on
<%= post.date.format(config.date_format) %>
</p>
<div class="tags">
<% post.tags.forEach(function(tag){ %>
<a href="<%= config.root %>tags/#<%= tag.name %>" title="<%= tag.name %>"><%= tag.name %></a>
<% }) %>
</div>
<%} else {%>
<p class="post-meta">
Posted by <%- post.author || config.author %> on
<%= post.date.format(config.date_format) %>
</p>
<%}%>
</div>
<hr>
<% }); %>
<!-- Pager -->
<ul class="pager">
<% if (page.prev){ %>
<li class="previous">
<a href="<%- config.root %><%- page.prev_link %>">&larr; Newer Posts</a>
</li>
<% } %>
<% if (page.next){ %>
<li class="next">
<a href="<%- config.root %><%- page.next_link %>">Older Posts &rarr;</a>
</li>
<% } %>
</ul>

170
themes/spd/layout/keynote.ejs Normal file
View File

@@ -0,0 +1,170 @@
---
layout: layout
---
<!-- <img src="{{ site.baseurl }}/{% if page.header-img %}{{ page.header-img }}{% else %}{{ site.header-img }}{% endif %}" width="0" height="0"> -->
<!-- Post Header -->
<style type="text/css">
header.intro-header{
/*background-image: url('{{ site.baseurl }}/{% if page.header-img %}{{ page.header-img }}{% else %}{{ site.header-img }}{% endif %}')*/
height: 500px;
overflow: hidden;
}
header iframe{
width: 100%;
height: 100%;
border: 0;
}
</style>
<header class="intro-header" >
<iframe src="<%= page.iframe %>"/>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
<div class="post-heading">
<div class="tags">
<% page.tags.forEach(function(tag){ %>
<a class="tag" href="<%= config.root %><%= tag.path %>" title="<%= tag.name %>"><%= tag.name %></a>
<% }) %>
</div>
<h1><%= page.title %></h1>
<h2 class="subheading"><%= page.subtitle %></h2>
<span class="meta">
Posted by <%- page.author || config.author %> on
<%= page.date.format(config.date_format) %>
</span>
</div>
</div>
</div>
</div>
</iframe>
</header>
<!-- Post Content -->
<article>
<div class="container">
<div class="row">
<!-- Post Container -->
<div class="
col-lg-8 col-lg-offset-2
col-md-10 col-md-offset-1
post-container">
<%- page.content %>
<hr>
<ul class="pager">
<% if (page.prev){ %>
<li class="previous">
<a href="<%- config.root %><%- page.prev_link %>" data-toggle="tooltip" data-placement="top" title="<%- page.prev.title %>">&larr; Previous Post</a>
</li>
<% } %>
<% if (page.next){ %>
<li class="next">
<a href="<%- config.root %><%- page.next_link %>" data-toggle="tooltip" data-placement="top" title="<%- page.next.title %>">Next Post &rarr;</a>
</li>
<% } %>
</ul>
<% if(config['disqus_username']) { %>
<!-- disqus start -->
<div class="comment">
<div id="disqus_thread" class="disqus-thread"></div>
</div>
<!-- disqus end -->
<% } %>
</div>
<!-- Sidebar Container -->
<div class="
col-lg-8 col-lg-offset-2
col-md-10 col-md-offset-1
sidebar-container">
<!-- Featured Tags -->
<% if(config['featured-tags']) { %>
<section>
<!-- no hr -->
<h5><a href="<%= config.root %>tags/">FEATURED TAGS</a></h5>
<div class="tags">
<%- list_tags({style: '', class: '', show_count: false, separator: ''}) %>
</div>
</section>
<% }%>
<!-- Friends Blog -->
<% if(config.friends) { %>
<hr>
<h5>FRIENDS</h5>
<ul class="list-inline">
<% config.friends.forEach(function(friend){ %>
<li><a href="<%= friend.href %>"><%= friend.title %></a></li>
<% }); %>
</ul>
<% }%>
</div>
</div>
</div>
</article>
<% if(config['disqus_username']) { %>
<!-- disqus -->
<script type="text/javascript">
/* * * CONFIGURATION VARIABLES * * */
var disqus_shortname = "<%= config['disqus_username'] %>";
var disqus_identifier = "<%= page.permalink %>";
var disqus_url = "<%= page.permalink %>";
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<!-- disqus end -->
<% } %>
<% if(config['anchorjs']) { %>
<!-- async load function -->
<script>
function async(u, c) {
var d = document, t = 'script',
o = d.createElement(t),
s = d.getElementsByTagName(t)[0];
o.src = u;
if (c) { o.addEventListener('load', function (e) { c(null, e); }, false); }
s.parentNode.insertBefore(o, s);
}
</script>
<!-- anchor-js, Doc:http://bryanbraun.github.io/anchorjs/ -->
<script>
async("https://cdn.bootcss.com/anchor-js/1.1.1/anchor.min.js",function(){
anchors.options = {
visible: 'always',
placement: 'right',
icon: '#'
};
anchors.add().remove('.intro-header h1').remove('.subheading').remove('.sidebar-container h5');
})
</script>
<style>
/* place left on bigger screen */
@media all and (min-width: 800px) {
.anchorjs-link{
position: absolute;
left: -0.75em;
font-size: 1.1em;
margin-top : -0.1em;
}
}
</style>
<% } %>

24
themes/spd/layout/layout.ejs Normal file
View File

@@ -0,0 +1,24 @@
<!DOCTYPE html>
<html lang="en">
<!-- Head tag -->
<%- partial('_partial/head') %>
<!-- hack iOS CSS :active style -->
<body ontouchstart="">
<%- partial('_partial/header',{cache: true}) %>
<%- partial('_partial/nav',{cache: true}) %>
<!-- Main Content -->
<%- body %>
<!-- Footer -->
<%- partial('_partial/footer') %>
<a id="backtotop" href="#top" class=""></a>
<script type="text/javascript" src="/js/totop.js?v=1.0.0" async=""></script>
<script type="text/javascript" src="/js/toc.js?v=1.0.0" async=""></script>
</body>
</html>

99
themes/spd/layout/page.ejs Normal file
View File

@@ -0,0 +1,99 @@
---
layout: layout
---
<!-- Main Content -->
<div class="container">
<div class="row">
<!-- NO SIDEBAR -->
<% if(config.sidebar == false) { %>
<!-- Post Container -->
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1 post-container">
<%- page.content || body %>
</div>
<!-- Sidebar Container -->
<div class="
col-lg-8 col-lg-offset-2
col-md-10 col-md-offset-1
sidebar-container">
<!-- Featured Tags -->
<% if(config['featured-tags']) { %>
<section>
<!-- no hr -->
<h5><a href="<%= config.root %>tags/">FEATURED TAGS</a></h5>
<div class="tags">
<% site.tags.map(function(tag){ %>
<% if(tag.length > config['featured-condition-size']) { %>
<a href="<%= config.root %>tags/#<%= tag.name %>" title="<%= tag.name %>" rel="<%= tag.length %>"><%= tag.name %></a>
<% } %>
<% }) %>
</div>
</section>
<% }%>
<!-- Friends Blog -->
<% if(config.friends) { %>
<hr>
<h5>FRIENDS</h5>
<ul class="list-inline">
<% config.friends.forEach(function(friend){ %>
<li><a href="<%= friend.href %>"><%= friend.title %></a></li>
<% }); %>
</ul>
<% }%>
</div>
<!-- USE SIDEBAR -->
<%} else { %>
<!-- Post Container -->
<div class="
col-lg-8 col-lg-offset-1
col-md-8 col-md-offset-1
col-sm-12
col-xs-12
post-container
">
<%- page.content || body %>
<!-- Comments -->
<% if(page.comments) { %>
<hr>
<% if(config['disqus_username']) { %>
<!-- disqus start -->
<div class="comment">
<div id="disqus_thread" class="disqus-thread"></div>
</div>
<!-- disqus end -->
<% } %>
<% if(config['disqus_username']) { %>
<!-- disqus -->
<script type="text/javascript">
/* * * CONFIGURATION VARIABLES * * */
var disqus_shortname = "<%= config['disqus_username'] %>";
var disqus_identifier = "<%= page.permalink %>";
var disqus_url = "<%= page.permalink %>";
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<!-- disqus end -->
<% } %>
<% } %>
</div>
<%- partial('_partial/sidebar') %>
<%} %>
</div>
</div>

131
themes/spd/layout/post.ejs Normal file
View File

@@ -0,0 +1,131 @@
---
layout: layout
---
<!-- Post Content -->
<article>
<div class="container">
<div class="row">
<!-- Post Container -->
<div class="
col-lg-8 col-lg-offset-2
col-md-10 col-md-offset-1
post-container">
<%- page.content %>
<hr>
<!-- Pager -->
<ul class="pager">
<% if (page.prev){ %>
<li class="previous">
<a href="<%- config.root %><%- page.prev.path %>" data-toggle="tooltip" data-placement="top" title="<%- page.prev.title %>">&larr; Previous Post</a>
</li>
<% } %>
<% if (page.next){ %>
<li class="next">
<a href="<%- config.root %><%- page.next.path %>" data-toggle="tooltip" data-placement="top" title="<%- page.next.title %>">Next Post &rarr;</a>
</li>
<% } %>
</ul>
<!-- disqus comment start -->
<% if(config['disqus_username']) { %>
<div class="comment">
<div id="disqus_thread" class="disqus-thread"></div>
</div>
<% } %>
<!-- disqus comment end -->
</div>
<!-- Tabe of Content -->
<%- partial('_partial/toc') %>
<!-- Sidebar Container -->
<div class="
col-lg-8 col-lg-offset-2
col-md-10 col-md-offset-1
sidebar-container">
<!-- Featured Tags -->
<% if(config['featured-tags']) { %>
<section>
<!-- no hr -->
<h5><a href="<%= config.root %>tags/">FEATURED TAGS</a></h5>
<div class="tags">
<% page.tags.forEach(function(tag){ %>
<a class="tag" href="<%= config.root %>tags/#<%= tag.name %>" title="<%= tag.name %>"><%= tag.name %></a>
<% }) %>
</div>
</section>
<% }%>
<!-- Friends Blog -->
<% if(config.friends) { %>
<hr>
<h5>FRIENDS</h5>
<ul class="list-inline">
<% config.friends.forEach(function(friend){ %>
<li><a href="<%= friend.href %>" target="_blank"><%= friend.title %></a></li>
<% }); %>
</ul>
<% }%>
</div>
</div>
</div>
</article>
<% if(config['disqus_username']) { %>
<!-- disqus embedded js code start (one page only need to embed once) -->
<script type="text/javascript">
/* * * CONFIGURATION VARIABLES * * */
var disqus_shortname = "<%= config['disqus_username'] %>";
var disqus_identifier = "<%= page.permalink %>";
var disqus_url = "<%= page.permalink %>";
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<!-- disqus embedded js code start end -->
<% } %>
<% if(config['anchorjs']) { %>
<!-- async load function -->
<script>
function async(u, c) {
var d = document, t = 'script',
o = d.createElement(t),
s = d.getElementsByTagName(t)[0];
o.src = u;
if (c) { o.addEventListener('load', function (e) { c(null, e); }, false); }
s.parentNode.insertBefore(o, s);
}
</script>
<!-- anchor-js, Doc:http://bryanbraun.github.io/anchorjs/ -->
<script>
async("https://cdn.bootcss.com/anchor-js/1.1.1/anchor.min.js",function(){
anchors.options = {
visible: 'hover',
placement: 'left',
icon: 'ℬ'
};
anchors.add().remove('.intro-header h1').remove('.subheading').remove('.sidebar-container h5');
})
</script>
<style>
/* place left on bigger screen */
@media all and (min-width: 800px) {
.anchorjs-link{
position: absolute;
left: -0.75em;
font-size: 1.1em;
margin-top : -0.1em;
}
}
</style>
<% } %>

48
themes/spd/layout/tags.ejs Normal file
View File

@@ -0,0 +1,48 @@
---
layout: layout
---
<!-- Main Content -->
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
<!-- Tag Cloud -->
<div id='tag_cloud' class="tags">
<% site.tags.map(function(tag){ %>
<a href="#<%= tag.name %>" title="<%= tag.name %>" rel="<%= tag.length %>"><%= tag.name %></a>
<% }) %>
</div>
<!-- Labels -->
<% site.tags.map(function(tag){ %>
<div class="one-tag-list">
<span class="fa fa-tag listing-seperator" id="<%= tag.name %>">
<span class="tag-text"><%= tag.name %></span>
</span>
<% tag.posts.map(function(post){ %>
<!-- <li class="listing-item">
<time datetime="{{ post.date | date:"%Y-%m-%d" }}">{{ post.date | date:"%Y-%m-%d" }}</time>
<a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a>
</li> -->
<div class="post-preview">
<a href="<%- config.root %><%- post.path %>">
<h2 class="post-title">
<%- post.title || "Untitled" %>
</h2>
<% if (post.subtitle && post.subtitle.length) { %>
<h3 class="post-subtitle">
<%- post.subtitle %>
</h3>
<% } %>
</a>
<!-- <p class="post-meta">{{ post.date | date:"%Y-%m-%d" }}</p> -->
</div>
<hr>
<% }) %>
</div>
<% }) %>
</div>
</div>
</div>