jekyll-crisp-minimal-theme 1.0.0.beta2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/LICENSE +21 -0
- data/README.md +126 -0
- data/_includes/disqus.html +14 -0
- data/_includes/footer.html +12 -0
- data/_includes/google_analytics.html +11 -0
- data/_includes/head.html +19 -0
- data/_includes/header.html +15 -0
- data/_includes/syntax_highlight.html +4 -0
- data/_layouts/default.html +18 -0
- data/_layouts/index.html +11 -0
- data/_layouts/page.html +8 -0
- data/_layouts/post.html +14 -0
- data/_layouts/redirect.html +20 -0
- data/_sass/_archive.scss +34 -0
- data/_sass/_article.scss +142 -0
- data/_sass/_code-highlight.scss +26 -0
- data/_sass/_footer.scss +62 -0
- data/_sass/_main.scss +73 -0
- data/_sass/_menu.scss +70 -0
- data/_sass/_page.scss +17 -0
- data/_sass/_things.scss +53 -0
- data/assets/css/style.scss +26 -0
- data/assets/css/tomorrow-night-eighties.css +74 -0
- data/assets/css/zenburn.css +80 -0
- data/assets/scripts/highlight.pack.js +2 -0
- data/assets/scripts/jquery-3.1.0.min.js +4 -0
- metadata +97 -0
checksums.yaml
ADDED
@@ -0,0 +1,7 @@
|
|
1
|
+
---
|
2
|
+
SHA256:
|
3
|
+
metadata.gz: c38383a1edc184bd3ae85832053f46fb8ae48bf4fc439a49ac98437f7490fefc
|
4
|
+
data.tar.gz: 45a9b9761b002d15b2ad791682e217db55c0d7bfe42f8010ba0ee06dd708d9b2
|
5
|
+
SHA512:
|
6
|
+
metadata.gz: 2d360238bc381843f5d8c083cd6e705f30b557db2f340f566a89be033f4f84dba4811d6ac387099d010a64704a30a8a11449d8a3afee5430ce94dd2582a6428e
|
7
|
+
data.tar.gz: 7732391a4da65816aa2c0b8d70eee8a3a690818984f8f3fe281bcc9c0a1620c09aeab1c0f7a0708f38c53f40250197da4c50c33d646a5a5c26c60285c8e84ab1
|
data/LICENSE
ADDED
@@ -0,0 +1,21 @@
|
|
1
|
+
The MIT License (MIT)
|
2
|
+
|
3
|
+
Copyright (c) 2016 David Zhang
|
4
|
+
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
7
|
+
in the Software without restriction, including without limitation the rights
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
10
|
+
furnished to do so, subject to the following conditions:
|
11
|
+
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
13
|
+
copies or substantial portions of the Software.
|
14
|
+
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
21
|
+
SOFTWARE.
|
data/README.md
ADDED
@@ -0,0 +1,126 @@
|
|
1
|
+
# Jekyll Crisp Minimal Theme
|
2
|
+
|
3
|
+
![Gem Version](https://badge.fury.io/rb/jekyll-crisp-minimal-theme.svg)](https://badge.fury.io/rb/jekyll-crisp-minimal-theme)
|
4
|
+
|
5
|
+
Minimal theme of Jekyll from Crisp.
|
6
|
+
|
7
|
+
[Sample Site](https://crispgm.github.io/jekyll-crisp-theme/)
|
8
|
+
|
9
|
+
![Screenshot](/screenshot.jpg)
|
10
|
+
|
11
|
+
## Installation
|
12
|
+
|
13
|
+
1. To install a theme, first, add the theme to your site's `Gemfile`:
|
14
|
+
|
15
|
+
```
|
16
|
+
gem 'jekyll-crisp-theme'
|
17
|
+
```
|
18
|
+
|
19
|
+
2. Save the changes to your `Gemfile`
|
20
|
+
3. Run the command `bundle install` to install the theme
|
21
|
+
4. Finally, activate the theme by adding the following to your site's `_config.yml`:
|
22
|
+
|
23
|
+
```
|
24
|
+
theme: jekyll-crisp-theme
|
25
|
+
```
|
26
|
+
|
27
|
+
For more information, please read [https://jekyllrb.com/docs/themes/](https://jekyllrb.com/docs/themes/).
|
28
|
+
|
29
|
+
## Contents
|
30
|
+
|
31
|
+
### Layouts
|
32
|
+
|
33
|
+
* `default.html`: The base layout that lays the foundation for subsequent layouts. The derived layouts inject their contents into this file at the line that says `{{ content }}` and are linked to this file via FrontMatter declaration `layout: default`.
|
34
|
+
* `page.html`: The layout for your documents that contain FrontMatter, but are not posts.
|
35
|
+
* `post.html`: The layout for your posts.
|
36
|
+
* `redirect.html`: The layout for redirections, which redirects following the FrontMatter `redirect_to`.
|
37
|
+
|
38
|
+
### Includes
|
39
|
+
|
40
|
+
* `disqus.html`: Code to markup disqus comment box.
|
41
|
+
* `footer.html`: Defines the site's footer section.
|
42
|
+
* `google_analytics.html`: Inserts Google Analytics module (active only in production environment).
|
43
|
+
* `head.html`: Code-block that defines the `<head></head>` in _default_ layout.
|
44
|
+
* `header.html`: Defines the site's main header section. By default, pages with a defined `title` attribute will have links displayed here.
|
45
|
+
|
46
|
+
### Sass
|
47
|
+
|
48
|
+
* `style.scss`: Defines the variable defaults for the theme and also further imports sass partials to supplement itself.
|
49
|
+
* `_main.scss`: Defines the base styles for various HTML elements.
|
50
|
+
* `_archive.scss`: Defines the styles for archive list.
|
51
|
+
* `_article.scss`: Defines the styles for articles.
|
52
|
+
* `_code-highlight.scss`: Defines the styles for syntax-highlighting.
|
53
|
+
* `_footer.scss`: Defines the styles for footer.
|
54
|
+
* `_menu.scss`: Defines the styles for header(menu).
|
55
|
+
* `_page.scss`: Defines the styles for page.
|
56
|
+
* `_things.scss`: Defines the styles for project list.
|
57
|
+
|
58
|
+
### Assets
|
59
|
+
|
60
|
+
This directory includes sufficient css, js, and images used for the theme.
|
61
|
+
|
62
|
+
## Usage
|
63
|
+
|
64
|
+
### FrontMatter Variables
|
65
|
+
|
66
|
+
* `disable_syntax_highlight`: Default to `false`. By setting `true`, `highlight.js` will not be loaded or initiated. Recommended for non-code pages.
|
67
|
+
* `jquery`: Default to `false`. By setting `true`, `jQuery` will be loaded.
|
68
|
+
|
69
|
+
### Menu
|
70
|
+
|
71
|
+
Header menu can be customized. Add *original* file (not target file) path to `site.menu`.
|
72
|
+
|
73
|
+
```
|
74
|
+
menu:
|
75
|
+
- my_md_page.md
|
76
|
+
- my_html_page.html
|
77
|
+
```
|
78
|
+
|
79
|
+
### Contact Icons
|
80
|
+
|
81
|
+
Contact icons can be set in `site.contact`. To add more contact icons, attach new items with `link` and `icon` to your target position.
|
82
|
+
|
83
|
+
```
|
84
|
+
contact:
|
85
|
+
- link: https://crispgm.github.io/jekyll-crisp-theme/
|
86
|
+
icon: fa-globe
|
87
|
+
```
|
88
|
+
|
89
|
+
### Project
|
90
|
+
|
91
|
+
Project page is a place to show the information sheet of your projects. You may use `_data` file to organize the page, or even use `github-metadata` to do that.
|
92
|
+
|
93
|
+
### Disqus
|
94
|
+
|
95
|
+
Optionally, if you have a Disqus account, you can tell Jekyll to use it to show a comments section below each post.
|
96
|
+
|
97
|
+
To enable it, add the following lines to your Jekyll site:
|
98
|
+
|
99
|
+
```yaml
|
100
|
+
disqus:
|
101
|
+
shortname: my_disqus_shortname
|
102
|
+
```
|
103
|
+
|
104
|
+
You can find out more about Disqus' shortnames [here](https://help.disqus.com/customer/portal/articles/466208).
|
105
|
+
|
106
|
+
Comments are enabled by default and will only appear in production, i.e., `JEKYLL_ENV=production`
|
107
|
+
|
108
|
+
If you don't want to display comments for a particular post you can disable them by adding `comments: false` to that post's YAML Front Matter.
|
109
|
+
|
110
|
+
### Google Analytics
|
111
|
+
|
112
|
+
To enable Google Anaytics, add the following lines to your Jekyll site:
|
113
|
+
|
114
|
+
```yaml
|
115
|
+
google_analytics: UA-NNNNNNNN-N
|
116
|
+
```
|
117
|
+
|
118
|
+
Google Analytics will only appear in production, i.e., `JEKYLL_ENV=production`
|
119
|
+
|
120
|
+
## Contributing
|
121
|
+
|
122
|
+
Bug reports and pull requests are welcome on GitHub at <https://github.com/crispgm/jekyll-crisp-theme>. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org/) code of conduct.
|
123
|
+
|
124
|
+
## License
|
125
|
+
|
126
|
+
MIT
|
@@ -0,0 +1,14 @@
|
|
1
|
+
{% if jekyll.environment == 'production' and page.layout == 'post' and page.comments != 'false' %}
|
2
|
+
<script>
|
3
|
+
var disqus_config = function () {
|
4
|
+
this.page.identifier = '{{ page.permalink }}';
|
5
|
+
};
|
6
|
+
|
7
|
+
(function() { // DON'T EDIT BELOW THIS LINE
|
8
|
+
var d = document, s = d.createElement('script');
|
9
|
+
s.src = 'https://{{ site.disqus.shortname }}.disqus.com/embed.js';
|
10
|
+
s.setAttribute('data-timestamp', +new Date());
|
11
|
+
(d.head || d.body).appendChild(s);
|
12
|
+
})();
|
13
|
+
</script>
|
14
|
+
{% endif %}
|
@@ -0,0 +1,12 @@
|
|
1
|
+
<footer>
|
2
|
+
<div class="content-wrapper contact" id="contact">
|
3
|
+
<div class="contact-links">
|
4
|
+
{% for item in site.contact %}
|
5
|
+
<a href="{{ item.account }}"><i class="fa {{ item.icon }}"></i></a>
|
6
|
+
{% endfor %}
|
7
|
+
</div>
|
8
|
+
<div class="contact-copyright">
|
9
|
+
{{ site.author }} © {{ site.time | date: "%Y" }}
|
10
|
+
</div>
|
11
|
+
</div>
|
12
|
+
</footer>
|
@@ -0,0 +1,11 @@
|
|
1
|
+
{% if jekyll.environment == 'production' and 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','https://www.google-analytics.com/analytics.js','ga');
|
7
|
+
|
8
|
+
ga('create', '{{ site.google_analytics }}', 'auto');
|
9
|
+
ga('send', 'pageview');
|
10
|
+
</script>
|
11
|
+
{% endif %}
|
data/_includes/head.html
ADDED
@@ -0,0 +1,19 @@
|
|
1
|
+
<head>
|
2
|
+
<meta charset="UTF-8">
|
3
|
+
<meta name="description" content="{{ site.description }}"/>
|
4
|
+
<title>{{ page.title }} | {{ site.title }}</title>
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
6
|
+
<link href="//fonts.googleapis.com/css?family=Noto+Sans" rel="stylesheet">
|
7
|
+
<link href="//fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet">
|
8
|
+
<link rel="icon" type="image/x-icon" href="/image/logo.png">
|
9
|
+
{% if page.font_awesome != false %}
|
10
|
+
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
|
11
|
+
{% endif %}
|
12
|
+
{% if page.syntax_highlight != false %}
|
13
|
+
<link rel="stylesheet" href="{{ "/assets/css/tomorrow-night-eighties.css" | relative_url }}">
|
14
|
+
{% endif %}
|
15
|
+
{% if page.jquery == true %}
|
16
|
+
<script src="{{ "/assets/scripts/jquery-3.1.0.min.js" | relative_url }}"></script>
|
17
|
+
{% endif %}
|
18
|
+
<link rel="stylesheet" href="{{ "/assets/css/style.css" | relative_url }}">
|
19
|
+
</head>
|
@@ -0,0 +1,15 @@
|
|
1
|
+
<header class="content-wrapper menu">
|
2
|
+
<div class="menu-home">
|
3
|
+
<a href="{{ "/" | relative_url }}">{{ site.title }}</a>
|
4
|
+
</div>
|
5
|
+
<div class="menu-links">
|
6
|
+
{% assign default_paths = site.pages | map: "path" %}
|
7
|
+
{% assign page_paths = site.menu | default: default_paths %}
|
8
|
+
{% for path in page_paths %}
|
9
|
+
{% assign item = site.pages | where: "path", path | first %}
|
10
|
+
<div class="menu-item{% if page.title == item.title %}{{ " menu-active" }}{% endif %}">
|
11
|
+
<a href="{{ item.url | relative_url }}">{{ item.title }}</a>
|
12
|
+
</div>
|
13
|
+
{% endfor %}
|
14
|
+
</div>
|
15
|
+
</header>
|
@@ -0,0 +1,18 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html>
|
3
|
+
{% include head.html %}
|
4
|
+
<body>
|
5
|
+
<div class="content" id="header">
|
6
|
+
{% include header.html %}
|
7
|
+
</div>
|
8
|
+
<div class="content" id="main-content">
|
9
|
+
<div class="content-wrapper">
|
10
|
+
{{ content }}
|
11
|
+
</div>
|
12
|
+
</div>
|
13
|
+
{% include footer.html %}
|
14
|
+
{% include syntax_highlight.html %}
|
15
|
+
{% include disqus.html %}
|
16
|
+
{% include google_analytics.html %}
|
17
|
+
</body>
|
18
|
+
</html>
|
data/_layouts/index.html
ADDED
data/_layouts/page.html
ADDED
data/_layouts/post.html
ADDED
@@ -0,0 +1,14 @@
|
|
1
|
+
---
|
2
|
+
layout: default
|
3
|
+
---
|
4
|
+
<div class="article">
|
5
|
+
<div class="article-head">
|
6
|
+
<div class="article-title">{{page.title}}</div>
|
7
|
+
<div class="article-date">{{page.date | date:"%B %d, %Y"}}</div>
|
8
|
+
</div>
|
9
|
+
<div class="article-main">
|
10
|
+
{{ content }}
|
11
|
+
</div>
|
12
|
+
<div id="disqus_thread" class="article-comment"></div>
|
13
|
+
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
|
14
|
+
</div>
|
@@ -0,0 +1,20 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html>
|
3
|
+
{% include head.html %}
|
4
|
+
<body>
|
5
|
+
<div class="content" id="header">
|
6
|
+
{% include header.html %}
|
7
|
+
</div>
|
8
|
+
<div class="content" id="main-content">
|
9
|
+
<div class="content-wrapper">
|
10
|
+
<div class="page">
|
11
|
+
Redirecting to <a href="{{ page.redirect_to }}">{{ page.redirect_to }}</a>
|
12
|
+
</div>
|
13
|
+
</div>
|
14
|
+
</div>
|
15
|
+
{% include footer.html %}
|
16
|
+
</body>
|
17
|
+
<script>
|
18
|
+
location.href = '{{ page.redirect_to }}';
|
19
|
+
</script>
|
20
|
+
</html>
|
data/_sass/_archive.scss
ADDED
@@ -0,0 +1,34 @@
|
|
1
|
+
// Theme of Crisp Blog
|
2
|
+
// Copyright(c) David Zhang, 2017
|
3
|
+
|
4
|
+
.archive-main {
|
5
|
+
margin: 1rem 0;
|
6
|
+
|
7
|
+
a {
|
8
|
+
text-decoration: none;
|
9
|
+
|
10
|
+
&:hover {
|
11
|
+
text-decoration: underline;
|
12
|
+
}
|
13
|
+
}
|
14
|
+
|
15
|
+
.archive-item {
|
16
|
+
line-height: 1.8rem;
|
17
|
+
margin-top: .6rem;
|
18
|
+
overflow: auto;
|
19
|
+
|
20
|
+
.archive-date {
|
21
|
+
color: $light-color;
|
22
|
+
font-size: .8rem;
|
23
|
+
margin: 0;
|
24
|
+
}
|
25
|
+
}
|
26
|
+
}
|
27
|
+
|
28
|
+
.archive-more {
|
29
|
+
color: $light-color;
|
30
|
+
|
31
|
+
a {
|
32
|
+
color: $light-color;
|
33
|
+
}
|
34
|
+
}
|
data/_sass/_article.scss
ADDED
@@ -0,0 +1,142 @@
|
|
1
|
+
// Theme of Crisp Blog
|
2
|
+
// Copyright(c) David Zhang, 2017
|
3
|
+
|
4
|
+
.article {
|
5
|
+
margin-bottom: 2rem;
|
6
|
+
text-align: left;
|
7
|
+
|
8
|
+
.article-head {
|
9
|
+
margin-bottom: 4.2rem;
|
10
|
+
margin-top: 4.2rem;
|
11
|
+
text-align: left;
|
12
|
+
|
13
|
+
.article-title {
|
14
|
+
color: $sub-color;
|
15
|
+
font-size: 2.2rem;
|
16
|
+
}
|
17
|
+
|
18
|
+
.article-date {
|
19
|
+
color: $light-color;
|
20
|
+
font-size: 1rem;
|
21
|
+
margin-top: 1rem;
|
22
|
+
}
|
23
|
+
}
|
24
|
+
|
25
|
+
.article-main {
|
26
|
+
font-size: 1rem;
|
27
|
+
margin-bottom: 3.2rem;
|
28
|
+
margin-top: 1.2rem;
|
29
|
+
}
|
30
|
+
|
31
|
+
// disqus
|
32
|
+
.article-comment {
|
33
|
+
iframe {
|
34
|
+
text-align: center;
|
35
|
+
}
|
36
|
+
}
|
37
|
+
}
|
38
|
+
|
39
|
+
h1 {
|
40
|
+
color: $sub-color;
|
41
|
+
font-size: 2.4rem;
|
42
|
+
font-weight: 400;
|
43
|
+
padding-bottom: 1.2rem;
|
44
|
+
padding-top: 1.6rem;
|
45
|
+
text-align: left;
|
46
|
+
}
|
47
|
+
|
48
|
+
h2 {
|
49
|
+
color: $sub-color;
|
50
|
+
font-size: 2rem;
|
51
|
+
font-weight: 400;
|
52
|
+
padding-bottom: 1.2rem;
|
53
|
+
padding-top: 1.4rem;
|
54
|
+
text-align: left;
|
55
|
+
}
|
56
|
+
|
57
|
+
h3 {
|
58
|
+
color: $sub-color;
|
59
|
+
font-size: 1.5rem;
|
60
|
+
font-weight: 500;
|
61
|
+
padding-bottom: 1.2rem;
|
62
|
+
padding-top: 1.2rem;
|
63
|
+
text-align: left;
|
64
|
+
}
|
65
|
+
|
66
|
+
h4 {
|
67
|
+
color: $sub-color;
|
68
|
+
font-size: 1.2rem;
|
69
|
+
font-weight: 600;
|
70
|
+
padding-bottom: .8rem;
|
71
|
+
padding-top: .8rem;
|
72
|
+
text-align: left;
|
73
|
+
}
|
74
|
+
|
75
|
+
h5 {
|
76
|
+
color: $sub-color;
|
77
|
+
font-size: 1rem;
|
78
|
+
font-weight: 700;
|
79
|
+
padding-bottom: 0;
|
80
|
+
padding-top: .8rem;
|
81
|
+
text-align: left;
|
82
|
+
}
|
83
|
+
|
84
|
+
blockquote {
|
85
|
+
border-left: .2rem solid $border-color;
|
86
|
+
margin-left: 0;
|
87
|
+
padding-left: 1rem;
|
88
|
+
}
|
89
|
+
|
90
|
+
p {
|
91
|
+
hyphens: auto;
|
92
|
+
line-height: 1.8rem;
|
93
|
+
margin-top: 1.5rem;
|
94
|
+
}
|
95
|
+
|
96
|
+
sup {
|
97
|
+
font-size: .6rem;
|
98
|
+
line-height: .6rem;
|
99
|
+
vertical-align: auto;
|
100
|
+
}
|
101
|
+
|
102
|
+
hr {
|
103
|
+
margin-bottom: 3rem;
|
104
|
+
margin-top: 3rem;
|
105
|
+
width: 3rem;
|
106
|
+
}
|
107
|
+
|
108
|
+
ul {
|
109
|
+
p {
|
110
|
+
margin: 0;
|
111
|
+
}
|
112
|
+
|
113
|
+
li {
|
114
|
+
line-height: 1.8rem;
|
115
|
+
margin-left: -1rem;
|
116
|
+
|
117
|
+
p {
|
118
|
+
line-height: 1.8rem;
|
119
|
+
margin: 0;
|
120
|
+
}
|
121
|
+
}
|
122
|
+
}
|
123
|
+
|
124
|
+
table {
|
125
|
+
border-collapse: collapse;
|
126
|
+
width: 100%;
|
127
|
+
|
128
|
+
tr {
|
129
|
+
&:hover {
|
130
|
+
background-color: $light-color;
|
131
|
+
}
|
132
|
+
|
133
|
+
th {
|
134
|
+
background-color: $light-color;
|
135
|
+
padding: .2rem .4rem;
|
136
|
+
}
|
137
|
+
|
138
|
+
td {
|
139
|
+
padding: .2rem .4rem;
|
140
|
+
}
|
141
|
+
}
|
142
|
+
}
|