Skip to content

Commit 1618b50

Browse files
derekhowardderekhoward
committed
Added jekyll-simple theme
1 parent d5b2192 commit 1618b50

35 files changed

+2375
-37
lines changed

‎.gitignore

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
_site
2+
.sass-cache
3+
.jekyll-metadata

‎LICENSE

+22
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
2+
The MIT License (MIT)
3+
4+
Copyright (c) 2016 David Lin
5+
6+
Permission is hereby granted, free of charge, to any person obtaining a copy
7+
of this software and associated documentation files (the "Software"), to deal
8+
in the Software without restriction, including without limitation the rights
9+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
10+
copies of the Software, and to permit persons to whom the Software is
11+
furnished to do so, subject to the following conditions:
12+
13+
The above copyright notice and this permission notice shall be included in all
14+
copies or substantial portions of the Software.
15+
16+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
17+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
18+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
19+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
20+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
21+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
22+
SOFTWARE.

‎README.md

+16
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
# jekyll-simple
2+
3+
## simple
4+
simple is a theme designed for blogger using static site generator like jekyll, Hexo etc.
5+
6+
Especially for those who writes in both Chinese and English. The font-type setting looks really good when writers use Chinese mixed with English.
7+
8+
Supposedly, this could work with Japanese as well but never had a chance to try.
9+
10+
## Story behind this theme
11+
12+
It has been long that using font with Chinese in web was a tedious and time-consuming work. It would be almost impossible to make different OS or devices to look the same.
13+
14+
iOS 9 has pulished some new fonts in Chinese and I decided to make one theme that looks good on iOS devices, at the same time, making it acceptable on computers using other fonts.
15+
16+
So mobile goes first, then the macOS.

‎_config.yml

+31
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
# Welcome to Jekyll!
2+
#
3+
# This config file is meant for settings that affect your whole blog, values
4+
# which you are expected to set up once and rarely need to edit after that.
5+
# For technical reasons, this file is *NOT* reloaded automatically when you use
6+
# 'jekyll serve'. If you change this file, please restart the server process.
7+
8+
# Site settings
9+
title: mydem0cracy.ca
10+
email: your-email@domain.com
11+
description: > # this means to ignore newlines until "baseurl:"
12+
Write an awesome description for your new site here. You can edit this
13+
line in _config.yml. It will appear in your document head meta (for
14+
Google search results) and in your feed.xml site description.
15+
baseurl: "/jekyll-simple" # the subpath of your site, e.g. /blog
16+
url: "mydem0cracy.ca" # the base hostname & protocol for your site
17+
twitter_username:
18+
github_username: civictechto/MyDem0cracy.ca-site
19+
20+
# Build settings
21+
markdown: kramdown
22+
kramdown:
23+
input: GFM
24+
25+
# Third-party services
26+
# just leave someone empty to disable it
27+
# google_analytics:
28+
disqus_shortname:
29+
30+
# used this for post_excerpt at index_page
31+
excerpt_separator: <!--description-->

‎_includes/author.html

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
<section class="author">
2+
<div class="authorimage box" style="background: url({{site.baseurl}}/assets/img/Taffy.jpg)"></div>
3+
<div class="authorinfo box">
4+
<p>Author | David Lin</p>
5+
<p class="bio">
6+
Currently a Ph.D. student in Singapore University of Technology and Design in the area of Human-Computer Interaction(HCI).
7+
</p>
8+
</div>
9+
</section>

‎_includes/dq.html

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
{% if site.disqus_shortname %}
2+
<div id="disqus_thread"></div>
3+
<script type="text/javascript">
4+
var disqus_shortname = '{{ site.disqus_shortname }}';
5+
var disqus_identifier = '{{ page.id }}';
6+
(function() {
7+
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
8+
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
9+
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
10+
})();
11+
</script>
12+
{% endif %}

‎_includes/evil-icon.html

+365
Large diffs are not rendered by default.

‎_includes/footer.html

+22
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<footer class="site-footer">
2+
<div class="container">
3+
<div class="footer left column one-half">
4+
<section class="small-font">
5+
Theme <a href="https://github.com/wild-flame/jekyll-simple"> Simple </a> by <a href="http://wildflame.me">wildflame</a>
6+
© 2016
7+
Powered by <a href="https://github.com/jekyll/jekyll">jekyll</a>
8+
</section>
9+
</div>
10+
11+
<div class="footer right column one-half">
12+
<section class="small-font">
13+
{% if site.github_username %}
14+
{% include icon-github.html username=site.github_username %}
15+
{% endif %}
16+
{% if site.twitter_username %}
17+
{% include icon-twitter.html username=site.twitter_username %}
18+
{% endif %}
19+
</section>
20+
</div>
21+
</div>
22+
</footer>

‎_includes/ga.html

+10
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
{% if site.google_analytics %}
2+
<script>
3+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
4+
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
5+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
6+
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
7+
ga('create', '{{ site.google_analytics }}', 'auto');
8+
ga('send', 'pageview');
9+
</script>
10+
{% endif %}

‎_includes/head.html

+19
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<head>
2+
<meta charset="utf-8">
3+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
4+
<meta name="viewport" content="width=device-width, initial-scale=1">
5+
6+
<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
7+
<meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
8+
9+
<!-- evil icon -->
10+
11+
<link rel="stylesheet" href="{{"/assets/evil-icons.min.css" | prepend:site.baseurl }}">
12+
<script src="{{"/assets/evil-icons.min.js" | prepend:site.baseurl }}"></script>
13+
14+
<!-- todo: include this into main.css -->
15+
16+
<link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
17+
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
18+
<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">
19+
</head>

‎_includes/header.html

+29
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
<header class="site-header">
2+
3+
<h2 class="logo"><a href="{{ site.baseurl }}/">{{ site.title }}</a></h2>
4+
5+
<div class="nav">
6+
7+
<label for="menu-toggle" class="menu-icon">
8+
<!--div data-icon="ei-navicon"></div-->
9+
<svg viewBox="0 0 18 15">
10+
<path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
11+
<path fill="#424242" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
12+
<path fill="#424242" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
13+
</svg>
14+
</label>
15+
<input type="checkbox" id="menu-toggle">
16+
17+
<div class="site-nav">
18+
<nav>
19+
<ul class="page-link">
20+
<li><a href="{{ "/" | prepend: site.baseurl }}">Home</a></li>
21+
<li><a href="{{ "/archive" | prepend: site.baseurl }}">Posts</a></li>
22+
<li><a href="{{ "/about" | prepend: site.baseurl }}">About</a></li>
23+
<li><a href="{{ "/feed.xml" | prepend: site.baseurl }}">RSS</a></li>
24+
</ul>
25+
</nav>
26+
</div>
27+
28+
</div>
29+
</header>

‎_includes/icon-github.html

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<a href="https://github.com/{{ include.username }}"><span class="icon icon--github">{% include icon-github.svg %}</span></a>

‎_includes/icon-github.svg

+1
Loading

‎_includes/icon-twitter.html

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<a href="https://twitter.com/{{ include.username }}"><span class="icon icon--twitter">{% include icon-twitter.svg %}</span></a>

‎_includes/icon-twitter.svg

+1
Loading

‎_includes/share.html

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
<section class="share">
2+
<a class="share-link" href="" onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;">
3+
Twitter
4+
</a>
5+
<a class="share-link" href="" onclick="window.open(this.href, 'facebook-share','width=580,height=296');return false;">
6+
Facebook
7+
</a>
8+
<a class="share-link" href="" onclick="window.open(this.href, 'google-plus-share', 'width=490,height=530'); return false;">
9+
Google+
10+
</a>
11+
</section>

‎_layouts/default.html

+20
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
<!DOCTYPE html>
2+
<html>
3+
{% include head.html %}
4+
<body>
5+
<div class="page-content">
6+
<div class="container">
7+
<div class="three columns">
8+
{% include header.html %}
9+
</div>
10+
11+
<div class="nine columns" style="z-index:100;">
12+
<div class="wrapper">
13+
{{ content }}
14+
</div>
15+
</div>
16+
</div>
17+
{% include footer.html %}
18+
</div>
19+
</body>
20+
</html>

‎_layouts/page.html

+14
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
---
2+
layout: default
3+
---
4+
<article class="post">
5+
6+
<header class="post-header">
7+
<h1 class="post-title">{{ page.title }}</h1>
8+
</header>
9+
10+
<div class="article-content">
11+
{{ content }}
12+
</div>
13+
14+
</article>

‎_layouts/post.html

+27
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
---
2+
layout: default
3+
---
4+
<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
5+
6+
<header class="artilce_header">
7+
<h1 class="artilce_title" itemprop="name headline">{{ page.title }}</h1>
8+
<p class="artilce_meta"><time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">{{ page.date | date: "%b %-d, %Y" }}</time>{% if page.author %} • <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">{{ page.author }}</span></span>{% endif %}</p>
9+
</header>
10+
11+
<div class="article-content" itemprop="articleBody">
12+
{{ page.content }}
13+
</div>
14+
15+
<footer class="article-footer">
16+
17+
{% include share.html %}
18+
19+
<hr/>
20+
21+
{% include author.html %}
22+
23+
</footer>
24+
25+
{% include dq.html %}
26+
27+
</article>

‎_posts/2016-07-03-styles-for-simple.md

+112
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,112 @@
1+
---
2+
layout: post
3+
title: Styles at a glance
4+
category: jekyll
5+
published: false
6+
description: Simple is a beautiful but functional jekyll theme. The font-type setting looks really good when writers use CJK mixed with English.
7+
---
8+
9+
Simple is a beautiful but functional jekyll theme. The font-type setting looks really good when writers use CJK mixed with English.
10+
11+
First of all, let's have a glance at the basic styles: [link](http://github.com/wild-flame/jekyll-simple), **strong**, *italic*, <del>deletion</del>, <ins>insertion</ins>.
12+
13+
<!--description-->
14+
15+
### Headers:
16+
17+
# Header 1
18+
19+
## Header 2
20+
21+
### Header 3
22+
23+
#### Header 4
24+
25+
##### Header 5
26+
27+
###### Header 6
28+
29+
### Lists:
30+
31+
- list item 1
32+
- list item 2
33+
- list item 3
34+
35+
1. list item 1
36+
2. list item 2
37+
3. list item 3
38+
39+
### Blockquote:
40+
41+
> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
42+
43+
### [BASSCSS](http://www.basscss.com/) colors:
44+
45+
- <span class="black">black</span>
46+
- <span class="gray">gray</span>
47+
- <span class="silver">silver</span>
48+
- <span class="white">white</span>
49+
- <span class="aqua">aqua</span>
50+
- <span class="blue">blue</span>
51+
- <span class="navy">navy</span>
52+
- <span class="teal">teal</span>
53+
- <span class="green">green</span>
54+
- <span class="olive">olive</span>
55+
- <span class="lime">lime</span>
56+
- <span class="yellow">yellow</span>
57+
- <span class="orange">orange</span>
58+
- <span class="red">red</span>
59+
- <span class="fuchsia">fuchsia</span>
60+
- <span class="purple">purple</span>
61+
- <span class="maroon">maroon</span>
62+
63+
### Horizontal rule:
64+
65+
-----------------------
66+
67+
### Image:
68+
69+
![]({{site.baseurl}}/assets/img/image.jpg)
70+
71+
### Table:
72+
73+
<table>
74+
<thead>
75+
<tr>
76+
<th>Name</th>
77+
<th>Age</th>
78+
<th>Fruit</th>
79+
</tr>
80+
</thead>
81+
<tbody>
82+
<tr>
83+
<td>Alex</td>
84+
<td>22</td>
85+
<td>Apple</td>
86+
</tr>
87+
<tr>
88+
<td>Bran</td>
89+
<td>20</td>
90+
<td>Orange</td>
91+
</tr>
92+
<tr>
93+
<td>Mike</td>
94+
<td>21</td>
95+
<td>Waltermelon</td>
96+
</tr>
97+
</tbody>
98+
</table>
99+
100+
### Code snippet
101+
102+
```javascript
103+
// index.js
104+
var arr = [1, 2, 3, 4, 5];
105+
var b = arr.map(x => x * x);
106+
console.log(b);
107+
108+
function foo(){
109+
console.log('foo');
110+
}
111+
112+
```

0 commit comments

Comments
 (0)