jekyll-paginate-content 1.0.4 → 1.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +75 -42
- data/example/.gitignore +3 -0
- data/example/404.html +24 -0
- data/example/Gemfile +28 -0
- data/example/_config.yml +54 -0
- data/example/_demos/jpc-3page-auto.md +19 -0
- data/example/_includes/header.html +34 -0
- data/example/_includes/slides.js +23 -0
- data/example/_layouts/default.html +63 -0
- data/example/_layouts/home.html +32 -0
- data/example/_layouts/slides.html +48 -0
- data/example/_posts/2018-01-27-manual.md +31 -0
- data/example/_posts/2018-01-27-welcome-to-jekyll.markdown +25 -0
- data/example/about.md +18 -0
- data/example/assets/css/fontello.css +64 -0
- data/example/assets/css/slides.css +127 -0
- data/example/assets/css/syntax.scss +152 -0
- data/example/assets/font/fontello.eot +0 -0
- data/example/assets/font/fontello.svg +24 -0
- data/example/assets/font/fontello.ttf +0 -0
- data/example/assets/font/fontello.woff +0 -0
- data/example/assets/font/fontello.woff2 +0 -0
- data/example/assets/images/slidebg.png +0 -0
- data/example/index.md +6 -0
- data/example/slides.md +305 -0
- data/lib/jekyll-paginate-content.rb +2 -0
- data/lib/jekyll-paginate-content/generator-cache.rb +28 -0
- data/lib/jekyll-paginate-content/generator.rb +38 -11
- data/lib/jekyll-paginate-content/pager.rb +2 -1
- data/lib/jekyll-paginate-content/paginator.rb +41 -19
- data/lib/jekyll-paginate-content/version.rb +1 -1
- metadata +27 -2
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
<script>
|
|
2
|
+
// Adapted from https://stackoverflow.com/questions/5597060/detecting-arrow-key-presses-in-javascript
|
|
3
|
+
function setup_keypress() {
|
|
4
|
+
document.onkeydown = function(e) {
|
|
5
|
+
switch (e.keyCode) {
|
|
6
|
+
{% if paginator.has_previous %}
|
|
7
|
+
case 37:
|
|
8
|
+
document.location.href = "{{ paginator.previous_path }}";
|
|
9
|
+
break;
|
|
10
|
+
{% endif %}
|
|
11
|
+
case 38:
|
|
12
|
+
document.location.href = "{{ paginator.single_page }}#{{ paginator.section_id }}";
|
|
13
|
+
break;
|
|
14
|
+
{% if paginator.has_next %}
|
|
15
|
+
case 39:
|
|
16
|
+
document.location.href = "{{ paginator.next_path }}";
|
|
17
|
+
break;
|
|
18
|
+
{% endif %}
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
</script>
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="{{ page.lang | default: site.lang | default: "en" }}">
|
|
3
|
+
|
|
4
|
+
{% include head.html %}
|
|
5
|
+
|
|
6
|
+
<body>
|
|
7
|
+
|
|
8
|
+
{% include header.html %}
|
|
9
|
+
|
|
10
|
+
<main class="page-content" aria-label="Content">
|
|
11
|
+
<div class="wrapper">
|
|
12
|
+
<p>
|
|
13
|
+
{% if paginator.paginated %}
|
|
14
|
+
<a href="{{ paginator.single_page }}">View as a single page</a>
|
|
15
|
+
{% elsif paginator %}
|
|
16
|
+
<a href="{{ paginator.first_path }}">View as {{ paginator.total_pages }} pages</a>
|
|
17
|
+
{% endif %}
|
|
18
|
+
</p>
|
|
19
|
+
|
|
20
|
+
{% unless paginator.paginated %}
|
|
21
|
+
{% if paginator.toc.simple %}
|
|
22
|
+
<hr style="border: 0; border-bottom: 1px dashed #ccc; background: #999; margin-bottom: 10px"/>
|
|
23
|
+
{{ paginator.toc.simple | markdownify }}
|
|
24
|
+
<hr style="border: 0; border-bottom: 1px dashed #ccc; background: #999; margin-bottom: 10px"/>
|
|
25
|
+
{% endif %}
|
|
26
|
+
{% endunless %}
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
{{ content }}
|
|
30
|
+
|
|
31
|
+
<div>
|
|
32
|
+
{% if paginator.previous_section %}
|
|
33
|
+
{% assign prev = paginator.previous_section %}
|
|
34
|
+
{% if prev == "Untitled" %}
|
|
35
|
+
{% assign prev = "Previous"%}
|
|
36
|
+
{% endif %}
|
|
37
|
+
« <a href="{{ paginator.previous_path }}">{{ prev }}</a>
|
|
38
|
+
{% endif %}
|
|
39
|
+
{% if paginator.previous_section and paginator.next_section %} | {% endif %}
|
|
40
|
+
|
|
41
|
+
{% if paginator.next_section %}
|
|
42
|
+
{% assign next = paginator.next_section %}
|
|
43
|
+
{% if next == "Untitled" %}
|
|
44
|
+
{% assign next = "Next"%}
|
|
45
|
+
{% endif %}
|
|
46
|
+
|
|
47
|
+
<a href="{{ paginator.next_path }}">{{ next }}</a> »
|
|
48
|
+
{% endif %}
|
|
49
|
+
</div>
|
|
50
|
+
|
|
51
|
+
{% if paginator.paginated and paginator.toc.simple %}
|
|
52
|
+
<hr style="border: 0; border-bottom: 1px dashed #ccc; background: #999; margin-bottom: 10px; margin-top: 100px;"/>
|
|
53
|
+
{{ paginator.toc.simple | markdownify }}
|
|
54
|
+
{% endif %}
|
|
55
|
+
|
|
56
|
+
</div>
|
|
57
|
+
</main>
|
|
58
|
+
|
|
59
|
+
{% include footer.html %}
|
|
60
|
+
|
|
61
|
+
</body>
|
|
62
|
+
|
|
63
|
+
</html>
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
<div class="home">
|
|
6
|
+
{% if page.title %}
|
|
7
|
+
<h1 class="page-heading">{{ page.title }}</h1>
|
|
8
|
+
{% endif %}
|
|
9
|
+
|
|
10
|
+
{{ content }}
|
|
11
|
+
|
|
12
|
+
<div style="float: right; font-weight: bold">Pages are up there ^^^</div>
|
|
13
|
+
|
|
14
|
+
{% for coll in site.collections %}
|
|
15
|
+
<h2 class="post-list-heading">{{ coll.label | capitalize }}{% if coll.label != 'posts' %} collection{% endif %}</h2>
|
|
16
|
+
<ul class="post-list">
|
|
17
|
+
{% assign visible = coll.docs | where_exp: "post", "post.hidden != true" %}
|
|
18
|
+
{% for post in visible %}
|
|
19
|
+
<li>
|
|
20
|
+
{% assign date_format = site.minima.date_format | default: "%b %-d, %Y" %}
|
|
21
|
+
<span class="post-meta">{{ post.date | date: date_format }}</span>
|
|
22
|
+
<h3>
|
|
23
|
+
<a class="post-link" href="{{ post.url | relative_url }}">{{ post.title | escape }}</a>
|
|
24
|
+
</h3>
|
|
25
|
+
</li>
|
|
26
|
+
{% endfor %}
|
|
27
|
+
</ul>
|
|
28
|
+
|
|
29
|
+
<p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | relative_url }}">via RSS</a></p>
|
|
30
|
+
{% endfor %}
|
|
31
|
+
|
|
32
|
+
</div>
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html>
|
|
3
|
+
<head>
|
|
4
|
+
<title>{{ page.title }}</title>
|
|
5
|
+
<meta charset='utf-8'/>
|
|
6
|
+
<link href="/assets/css/syntax.css" rel="stylesheet">
|
|
7
|
+
<link href="/assets/css/slides.css" rel="stylesheet">>
|
|
8
|
+
<link href="/assets/css/fontello.css" rel="stylesheet">>
|
|
9
|
+
{% include slides.js %}
|
|
10
|
+
</head>
|
|
11
|
+
<body onload="setup_keypress()">
|
|
12
|
+
<div class="slide-box">
|
|
13
|
+
<div class="content">{{ content }}</div>
|
|
14
|
+
{% if paginator.page_trail %}
|
|
15
|
+
<div class="pager">
|
|
16
|
+
|
|
17
|
+
{% if paginator.is_first %}
|
|
18
|
+
<span class="pager-inactive"><i class="demo-icon icon-to-start-alt" aria-hidden="true"></i></span>
|
|
19
|
+
<span class="pager-inactive"><i class="demo-icon icon-fast-bw" aria-hidden="true"></i></span>
|
|
20
|
+
{% else %}
|
|
21
|
+
<a href="{{ paginator.first_path }}"><i class="demo-icon icon-to-start-alt" aria-hidden="true"></i></a>
|
|
22
|
+
<a href="{{ paginator.previous_path }}"><i class="demo-icon icon-fast-bw" aria-hidden="true"></i></a>
|
|
23
|
+
{% endif %}
|
|
24
|
+
|
|
25
|
+
{% for p in paginator.page_trail %}
|
|
26
|
+
{% assign prefix = '' %}
|
|
27
|
+
{% if p.num < 10 %}
|
|
28
|
+
{% assign prefix = '0' %}
|
|
29
|
+
{% endif %}
|
|
30
|
+
{% if p.num == paginator.page %}
|
|
31
|
+
{{ prefix }}{{ p.num }}
|
|
32
|
+
{% else %}
|
|
33
|
+
<a href="{{ p.path }}" data-toggle="tooltip" data-placement="top" title="{{ p.title }}">{{ prefix }}{{ p.num }}</a>
|
|
34
|
+
{% endif %}
|
|
35
|
+
{% endfor %}
|
|
36
|
+
{% if paginator.is_last %}
|
|
37
|
+
<span class="pager-inactive"><i class="demo-icon icon-fast-fw"></i></span>
|
|
38
|
+
<span class="pager-inactive"><i class="demo-icon icon-to-end-alt"></i></span>
|
|
39
|
+
{% else %}
|
|
40
|
+
<a href="{{ paginator.next_path }}"><i class="demo-icon icon-fast-fw" aria-hidden="true"></i></a>
|
|
41
|
+
<a href="{{ paginator.last_path }}"><i class="demo-icon icon-to-end-alt" aria-hidden="true"></i></a>
|
|
42
|
+
{% endif %}
|
|
43
|
+
</div>
|
|
44
|
+
{% endif %}
|
|
45
|
+
</div>
|
|
46
|
+
</div>
|
|
47
|
+
</body>
|
|
48
|
+
</html>
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: "JPC demo: 3-page manual"
|
|
3
|
+
date: 2018-01-27 09:38:57 +0800
|
|
4
|
+
layout: page
|
|
5
|
+
paginate: true
|
|
6
|
+
---
|
|
7
|
+
|
|
8
|
+
This shows up at the top of all pages.
|
|
9
|
+
|
|
10
|
+
<!--page_header-->
|
|
11
|
+
|
|
12
|
+
This is page 1 of the JPC example.
|
|
13
|
+
|
|
14
|
+
<a name="lorem"></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu nibh arcu. Nulla congue nisl vel dolor luctus, id hendrerit dolor faucibus. In aliquet tellus in felis eleifend venenatis. Suspendisse congue lectus massa, in vestibulum diam efficitur sed. Pellentesque in suscipit lorem, et pellentesque sem. Fusce efficitur metus ac aliquam condimentum. Integer in vestibulum nunc. Aliquam quis gravida erat, non cursus libero. Phasellus fringilla nisl sit amet lobortis mollis. Mauris sit amet volutpat purus, quis condimentum nisi. Mauris tristique mi at sem aliquet accumsan a et tellus.
|
|
15
|
+
|
|
16
|
+
<!--page-->
|
|
17
|
+
This is page 2 with a [link] to the first page which works in single or paged view.
|
|
18
|
+
|
|
19
|
+
Etiam dignissim vitae nunc a vestibulum. Praesent porttitor nulla at ipsum vehicula, molestie blandit orci volutpat. Curabitur sed mauris a leo convallis viverra. Fusce vel eleifend urna, id condimentum sapien. Sed vestibulum, quam quis pretium venenatis, justo mauris porttitor sem, at sagittis mauris arcu vitae leo. Duis vel congue purus. Maecenas vitae magna leo. Cras auctor orci non dapibus mollis. Aenean a consequat nisl. Maecenas at nisi non ante mattis eleifend. Etiam pharetra condimentum maximus. Vivamus at gravida odio, sit amet bibendum augue. Nulla semper in mauris quis consequat. Pellentesque in sodales neque.
|
|
20
|
+
|
|
21
|
+
{% if paginator.paginated %}
|
|
22
|
+
<p><a href="{{ paginator.next_path }}">Go on to page {{ paginator.next_page }}</a></p>
|
|
23
|
+
{% endif %}
|
|
24
|
+
|
|
25
|
+
<!--page-->
|
|
26
|
+
This is the last page.
|
|
27
|
+
|
|
28
|
+
<!--page_footer-->
|
|
29
|
+
This goes into the bottom of all pages.
|
|
30
|
+
|
|
31
|
+
[link]: #lorem
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: post
|
|
3
|
+
title: "Welcome to Jekyll!"
|
|
4
|
+
date: 2018-01-27 04:27:25 +0800
|
|
5
|
+
categories: jekyll update
|
|
6
|
+
---
|
|
7
|
+
You’ll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated.
|
|
8
|
+
|
|
9
|
+
To add new posts, simply add a file in the `_posts` directory that follows the convention `YYYY-MM-DD-name-of-post.ext` and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.
|
|
10
|
+
|
|
11
|
+
Jekyll also offers powerful support for code snippets:
|
|
12
|
+
|
|
13
|
+
{% highlight ruby %}
|
|
14
|
+
def print_hi(name)
|
|
15
|
+
puts "Hi, #{name}"
|
|
16
|
+
end
|
|
17
|
+
print_hi('Tom')
|
|
18
|
+
#=> prints 'Hi, Tom' to STDOUT.
|
|
19
|
+
{% endhighlight %}
|
|
20
|
+
|
|
21
|
+
Check out the [Jekyll docs][jekyll-docs] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll’s GitHub repo][jekyll-gh]. If you have questions, you can ask them on [Jekyll Talk][jekyll-talk].
|
|
22
|
+
|
|
23
|
+
[jekyll-docs]: https://jekyllrb.com/docs/home
|
|
24
|
+
[jekyll-gh]: https://github.com/jekyll/jekyll
|
|
25
|
+
[jekyll-talk]: https://talk.jekyllrb.com/
|
data/example/about.md
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: page
|
|
3
|
+
title: About
|
|
4
|
+
permalink: /about/
|
|
5
|
+
---
|
|
6
|
+
|
|
7
|
+
This is the base Jekyll theme. You can find out more info about customizing your Jekyll theme, as well as basic Jekyll usage documentation at [jekyllrb.com](https://jekyllrb.com/)
|
|
8
|
+
|
|
9
|
+
You can find the source code for Minima at GitHub:
|
|
10
|
+
[jekyll][jekyll-organization] /
|
|
11
|
+
[minima](https://github.com/jekyll/minima)
|
|
12
|
+
|
|
13
|
+
You can find the source code for Jekyll at GitHub:
|
|
14
|
+
[jekyll][jekyll-organization] /
|
|
15
|
+
[jekyll](https://github.com/jekyll/jekyll)
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
[jekyll-organization]: https://github.com/jekyll
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
@font-face {
|
|
2
|
+
font-family: 'fontello';
|
|
3
|
+
src: url('../font/fontello.eot?23504626');
|
|
4
|
+
src: url('../font/fontello.eot?23504626#iefix') format('embedded-opentype'),
|
|
5
|
+
url('../font/fontello.woff2?23504626') format('woff2'),
|
|
6
|
+
url('../font/fontello.woff?23504626') format('woff'),
|
|
7
|
+
url('../font/fontello.ttf?23504626') format('truetype'),
|
|
8
|
+
url('../font/fontello.svg?23504626#fontello') format('svg');
|
|
9
|
+
font-weight: normal;
|
|
10
|
+
font-style: normal;
|
|
11
|
+
}
|
|
12
|
+
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
|
|
13
|
+
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
|
|
14
|
+
/*
|
|
15
|
+
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
|
16
|
+
@font-face {
|
|
17
|
+
font-family: 'fontello';
|
|
18
|
+
src: url('../font/fontello.svg?23504626#fontello') format('svg');
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
*/
|
|
22
|
+
|
|
23
|
+
[class^="icon-"]:before, [class*=" icon-"]:before {
|
|
24
|
+
font-family: "fontello";
|
|
25
|
+
font-style: normal;
|
|
26
|
+
font-weight: normal;
|
|
27
|
+
speak: none;
|
|
28
|
+
|
|
29
|
+
display: inline-block;
|
|
30
|
+
text-decoration: inherit;
|
|
31
|
+
width: 1em;
|
|
32
|
+
/*margin-right: .2em;*/
|
|
33
|
+
text-align: center;
|
|
34
|
+
/* opacity: .8; */
|
|
35
|
+
|
|
36
|
+
/* For safety - reset parent styles, that can break glyph codes*/
|
|
37
|
+
font-variant: normal;
|
|
38
|
+
text-transform: none;
|
|
39
|
+
|
|
40
|
+
/* fix buttons height, for twitter bootstrap */
|
|
41
|
+
line-height: 1em;
|
|
42
|
+
|
|
43
|
+
/* Animation center compensation - margins should be symmetric */
|
|
44
|
+
/* remove if not needed */
|
|
45
|
+
/*margin-left: .2em;*/
|
|
46
|
+
|
|
47
|
+
/* you can be more comfortable with increased icons size */
|
|
48
|
+
/* font-size: 120%; */
|
|
49
|
+
|
|
50
|
+
/* Font smoothing. That was taken from TWBS */
|
|
51
|
+
-webkit-font-smoothing: antialiased;
|
|
52
|
+
-moz-osx-font-smoothing: grayscale;
|
|
53
|
+
|
|
54
|
+
/* Uncomment for 3D effect */
|
|
55
|
+
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.icon-to-end-alt:before { content: '\e800'; } /* '' */
|
|
59
|
+
.icon-to-start-alt:before { content: '\e801'; } /* '' */
|
|
60
|
+
.icon-fast-fw:before { content: '\e802'; } /* '' */
|
|
61
|
+
.icon-fast-bw:before { content: '\e803'; } /* '' */
|
|
62
|
+
.icon-twitter:before { content: '\f099'; } /* '' */
|
|
63
|
+
.icon-github-circled:before { content: '\f09b'; } /* '' */
|
|
64
|
+
.icon-smile:before { content: '\f118'; } /* '' */
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
body {
|
|
2
|
+
font-family: 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
3
|
+
font-size: calc(2.6vmin);
|
|
4
|
+
color: #fff;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
img {
|
|
8
|
+
-webkit-box-shadow: none;
|
|
9
|
+
box-shadow: none;
|
|
10
|
+
background-color: inherit;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.subtitle {
|
|
14
|
+
border-top: 1px solid #888;
|
|
15
|
+
text-align: center;
|
|
16
|
+
padding-top: 10px;
|
|
17
|
+
font-size: 1em;
|
|
18
|
+
color: #eee;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.navigation {
|
|
22
|
+
text-align: center;
|
|
23
|
+
padding-top: 50px;
|
|
24
|
+
color: #888;
|
|
25
|
+
font-size: 0.8em;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.pager {
|
|
29
|
+
font-family: fixed;
|
|
30
|
+
text-align: center;
|
|
31
|
+
position: absolute;
|
|
32
|
+
left: 50px;
|
|
33
|
+
bottom: 20px;
|
|
34
|
+
color: #343;
|
|
35
|
+
font-size: calc(28px + 0.4vmin);
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.pager a {
|
|
39
|
+
color: #588;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
a {
|
|
43
|
+
color: #0FF;
|
|
44
|
+
text-decoration: none;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
a:hover {
|
|
48
|
+
text-decoration: underline;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
img {
|
|
53
|
+
vertical-align: middle;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.highlight pre {
|
|
57
|
+
font-size: 1.1em;
|
|
58
|
+
background-color: #000;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
code.highlighter-rouge {
|
|
62
|
+
font-weight: bold;
|
|
63
|
+
color: #8dc;
|
|
64
|
+
size: 0.8em;
|
|
65
|
+
background-color: inherit;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.slide-box {
|
|
69
|
+
position: absolute;
|
|
70
|
+
margin: auto;
|
|
71
|
+
top: 0;
|
|
72
|
+
right: 0;
|
|
73
|
+
bottom: 0;
|
|
74
|
+
left: 0;
|
|
75
|
+
background: #122b3b url(/assets/images/slidebg.png) no-repeat;
|
|
76
|
+
background-position: right bottom;
|
|
77
|
+
padding: 50px;
|
|
78
|
+
/*border: 3px solid #000;
|
|
79
|
+
border-radius: 5px;
|
|
80
|
+
box-shadow: 3px 3px #ccc;
|
|
81
|
+
max-width: 80%;
|
|
82
|
+
min-height: 80%; */
|
|
83
|
+
width: calc(100% - 100px); /* Twice padding */
|
|
84
|
+
height: auto;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.content {
|
|
88
|
+
width: 90%;
|
|
89
|
+
margin: auto;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
h1 {
|
|
93
|
+
color: #ffcc00;
|
|
94
|
+
font-family: serif;
|
|
95
|
+
text-shadow: 3px 3px #000;
|
|
96
|
+
text-align: center;
|
|
97
|
+
font-size: 4em;
|
|
98
|
+
margin-top: 25vmin;
|
|
99
|
+
margin-left: auto;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
h2 {
|
|
103
|
+
color: #ffcc00;
|
|
104
|
+
font-family: serif;
|
|
105
|
+
text-shadow: 3px 3px #111;
|
|
106
|
+
font-size: 2.5em;
|
|
107
|
+
margin-top: 0;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
li {
|
|
111
|
+
margin-left: calc (8px + 0.2vmin);
|
|
112
|
+
padding-bottom: 5px;
|
|
113
|
+
font-size: 1.7em;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
.content ul li ul li {
|
|
117
|
+
font-size: 0.8em;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
blockquote {
|
|
121
|
+
font-size: 1.7em;
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
|
|
125
|
+
.yellow {
|
|
126
|
+
color: #ffcc00;
|
|
127
|
+
}
|
|
@@ -0,0 +1,152 @@
|
|
|
1
|
+
---
|
|
2
|
+
---
|
|
3
|
+
|
|
4
|
+
@mixin rounded($radius:4px) {
|
|
5
|
+
-webkit-border-radius: $radius;
|
|
6
|
+
-moz-border-radius: $radius;
|
|
7
|
+
border-radius: $radius;
|
|
8
|
+
}
|
|
9
|
+
$foreground: #A9B7C6;
|
|
10
|
+
$background: #2B2B2B;
|
|
11
|
+
$selectionForeground: #A9B7C6;
|
|
12
|
+
$selectionBackground: #214283;
|
|
13
|
+
$operators: #A9B7C6;
|
|
14
|
+
$strings: #A5C25C;
|
|
15
|
+
$names: #88be05;
|
|
16
|
+
$keywords: #CB772F;
|
|
17
|
+
$varAndProp: #A9B7C6;
|
|
18
|
+
$numbers: #6897BB;
|
|
19
|
+
$tag: #f1c829;
|
|
20
|
+
$attributes: #9876AA;
|
|
21
|
+
$comments: #75715e;
|
|
22
|
+
$linenos: #A9B7C6;
|
|
23
|
+
.highlight {
|
|
24
|
+
margin-bottom: 1.5em;
|
|
25
|
+
color: $foreground;
|
|
26
|
+
background-color: $background;
|
|
27
|
+
@include rounded(4px);
|
|
28
|
+
pre {
|
|
29
|
+
position: relative;
|
|
30
|
+
margin: 0;
|
|
31
|
+
padding: 1em;
|
|
32
|
+
overflow-x: auto;
|
|
33
|
+
word-wrap: normal;
|
|
34
|
+
border: none;
|
|
35
|
+
white-space: pre;
|
|
36
|
+
background-color: #333;
|
|
37
|
+
color: #ddd !important;
|
|
38
|
+
code {
|
|
39
|
+
white-space: pre;
|
|
40
|
+
color: #ddd;
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
pre::-webkit-scrollbar {
|
|
44
|
+
height: 10px;
|
|
45
|
+
background-color: #34362e;
|
|
46
|
+
border-radius: 0 0 4px 4px;
|
|
47
|
+
}
|
|
48
|
+
pre::-webkit-scrollbar-thumb {
|
|
49
|
+
background-color: #555;
|
|
50
|
+
@include rounded(4px);
|
|
51
|
+
}
|
|
52
|
+
::selection {
|
|
53
|
+
background-color: $selectionBackground;
|
|
54
|
+
color: $selectionForeground;
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
.highlight > pre {
|
|
58
|
+
-webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.1), 0 -1px 0 rgba(0, 0, 0, 0.5);
|
|
59
|
+
-moz-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.1), 0 -1px 0 rgba(0, 0, 0, 0.5);
|
|
60
|
+
box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.1), 0 -1px 0 rgba(0, 0, 0, 0.5);
|
|
61
|
+
}
|
|
62
|
+
.highlight,
|
|
63
|
+
img {
|
|
64
|
+
color: white;
|
|
65
|
+
background-color: #333;
|
|
66
|
+
-webkit-border-radius: 5px;
|
|
67
|
+
-moz-border-radius: 5px;
|
|
68
|
+
border-radius: 5px;
|
|
69
|
+
-webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.1), 0 -1px 0 rgba(0, 0, 0, 0.5);
|
|
70
|
+
-moz-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.1), 0 -1px 0 rgba(0, 0, 0, 0.5);
|
|
71
|
+
box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.1), 0 -1px 0 rgba(0, 0, 0, 0.5);
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
p > nobr > code,
|
|
75
|
+
li > code,
|
|
76
|
+
h5 > code,
|
|
77
|
+
p > pre,
|
|
78
|
+
p > code,
|
|
79
|
+
.note > code {
|
|
80
|
+
color: white;
|
|
81
|
+
background-color: #333;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
|
|
85
|
+
/* line numbers */
|
|
86
|
+
.lineno{ border-right: dashed 1px $linenos !important; color: $linenos; padding-right: 5px; padding-left: 0 !important;}
|
|
87
|
+
|
|
88
|
+
.hll { background-color: #49483e }
|
|
89
|
+
.c { color: $comments } /* Comment */
|
|
90
|
+
.err { color: #960050; background-color: #1e0010 } /* Error */
|
|
91
|
+
.k { color: $keywords } /* Keyword */
|
|
92
|
+
.l { color: $numbers} /* Literal */
|
|
93
|
+
.n { color: $varAndProp } /* Name */
|
|
94
|
+
.o { color: $operators } /* Operator */
|
|
95
|
+
.p { color: $varAndProp } /* Punctuation */
|
|
96
|
+
.cm { color: #75715e } /* Comment.Multiline */
|
|
97
|
+
.cp { color: #75715e } /* Comment.Preproc */
|
|
98
|
+
.c1 { color: #75715e } /* Comment.Single */
|
|
99
|
+
.cs { color: #75715e } /* Comment.Special */
|
|
100
|
+
.ge { font-style: italic } /* Generic.Emph */
|
|
101
|
+
.gs { font-weight: bold } /* Generic.Strong */
|
|
102
|
+
.kc { color: $keywords } /* Keyword.Constant */
|
|
103
|
+
.kd { color: $keywords } /* Keyword.Declaration */
|
|
104
|
+
.kn { color: $operators } /* Keyword.Namespace */
|
|
105
|
+
.kp { color: $keywords } /* Keyword.Pseudo */
|
|
106
|
+
.kr { color: $keywords } /* Keyword.Reserved */
|
|
107
|
+
.kt { color: $keywords } /* Keyword.Type */
|
|
108
|
+
.ld { color: $strings } /* Literal.Date */
|
|
109
|
+
.m { color: $numbers} /* Literal.Number */
|
|
110
|
+
.s { color: $strings } /* Literal.String */
|
|
111
|
+
.na { color: $attributes } /* Name.Attribute */
|
|
112
|
+
.nb { color: $varAndProp } /* Name.Builtin */
|
|
113
|
+
.nc { color: $names } /* Name.Class */
|
|
114
|
+
.no { color: $keywords } /* Name.Constant */
|
|
115
|
+
.nd { color: #f1c829 } /* Name.Decorator */
|
|
116
|
+
.ni { color: $varAndProp } /* Name.Entity */
|
|
117
|
+
.ne { color: $names } /* Name.Exception */
|
|
118
|
+
.nf { color: $names } /* Name.Function */
|
|
119
|
+
.nl { color: $varAndProp } /* Name.Label */
|
|
120
|
+
.nn { color: $varAndProp } /* Name.Namespace */
|
|
121
|
+
.nx { color: $names } /* Name.Other */
|
|
122
|
+
.py { color: $varAndProp } /* Name.Property */
|
|
123
|
+
.nt { color: $tag } /* Name.Tag */
|
|
124
|
+
.nv { color: $varAndProp } /* Name.Variable */
|
|
125
|
+
.ow { color: $operators } /* Operator.Word */
|
|
126
|
+
.w { color: $varAndProp } /* Text.Whitespace */
|
|
127
|
+
.mf { color: $numbers } /* Literal.Number.Float */
|
|
128
|
+
.mh { color: $numbers } /* Literal.Number.Hex */
|
|
129
|
+
.mi { color: $numbers } /* Literal.Number.Integer */
|
|
130
|
+
.mo { color: $numbers } /* Literal.Number.Oct */
|
|
131
|
+
.sb { color: $strings } /* Literal.String.Backtick */
|
|
132
|
+
.sc { color: $strings } /* Literal.String.Char */
|
|
133
|
+
.sd { color: $strings } /* Literal.String.Doc */
|
|
134
|
+
.s2 { color: $strings } /* Literal.String.Double */
|
|
135
|
+
.se { color: $numbers} /* Literal.String.Escape */
|
|
136
|
+
.sh { color: $strings } /* Literal.String.Heredoc */
|
|
137
|
+
.si { color: $strings } /* Literal.String.Interpol */
|
|
138
|
+
.sx { color: $strings } /* Literal.String.Other */
|
|
139
|
+
.sr { color: $strings } /* Literal.String.Regex */
|
|
140
|
+
.s1 { color: $strings } /* Literal.String.Single */
|
|
141
|
+
.ss { color: $strings } /* Literal.String.Symbol */
|
|
142
|
+
.bp { color: $varAndProp } /* Name.Builtin.Pseudo */
|
|
143
|
+
.vc { color: $varAndProp } /* Name.Variable.Class */
|
|
144
|
+
.vg { color: $varAndProp } /* Name.Variable.Global */
|
|
145
|
+
.vi { color: $varAndProp } /* Name.Variable.Instance */
|
|
146
|
+
.il { color: $numbers} /* Literal.Number.Integer.Long */
|
|
147
|
+
|
|
148
|
+
.gh { } /* Generic Heading & Diff Header */
|
|
149
|
+
.gu { color: #75715e; } /* Generic.Subheading & Diff Unified/Comment? */
|
|
150
|
+
.gd { color: $operators; } /* Generic.Deleted & Diff Deleted */
|
|
151
|
+
.gi { color: $names; } /* Generic.Inserted & Diff Inserted */
|
|
152
|
+
.l-Scalar-Plain {color: $names}
|