jekyll-theme-ellis 0.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/LICENSE.txt +21 -0
- data/README.md +38 -0
- data/_includes/footer.html +4 -0
- data/_includes/head.html +21 -0
- data/_includes/header.html +41 -0
- data/_includes/icon-rss.html +1 -0
- data/_includes/icon-rss.svg +18 -0
- data/_includes/mobile_navi.html +9 -0
- data/_includes/navi.html +43 -0
- data/_layouts/default.html +17 -0
- data/_layouts/home.html +22 -0
- data/_layouts/page.html +16 -0
- data/_layouts/post.html +17 -0
- data/_sass/ellis.scss +83 -0
- data/_sass/ellis/_base.scss +139 -0
- data/_sass/ellis/_layout.scss +364 -0
- data/_sass/ellis/_syntax-highlighting.scss +69 -0
- data/assets/main.scss +8 -0
- metadata +104 -0
checksums.yaml
ADDED
@@ -0,0 +1,7 @@
|
|
1
|
+
---
|
2
|
+
SHA1:
|
3
|
+
metadata.gz: afdb5e11f396224d8f64b4969f9740848a669273
|
4
|
+
data.tar.gz: 983fc9d86c566a32fffcf8550500653a9c2dfaa7
|
5
|
+
SHA512:
|
6
|
+
metadata.gz: 60865ab3e704931a58ade3a6778b2767c8982f728f0b21160043c9bf2d279947e46af5cd5d91ba07b7c21a362eb74d8dce780f6c7745bb71da5c32d1457aad03
|
7
|
+
data.tar.gz: efe9d96768a82798208b632eb8e71d0f52a6be9df0cc6127ed35979821a91b6c9d3d59b0e20ba67eaf0fc29c0c37c4a414bd5e9ef09ed3ca2d8acc767cf3884c
|
data/LICENSE.txt
ADDED
@@ -0,0 +1,21 @@
|
|
1
|
+
The MIT License (MIT)
|
2
|
+
|
3
|
+
Copyright (c) 2017
|
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
|
13
|
+
all 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
|
21
|
+
THE SOFTWARE.
|
data/README.md
ADDED
@@ -0,0 +1,38 @@
|
|
1
|
+
# ellis
|
2
|
+
|
3
|
+
Very basic gem made as foundation for my blog. It's prety rough and it's recommended to be touched up a lot. Uses CSS grid and is thus only supported by recent browser (e.g. firefox 52 and upwards).
|
4
|
+
|
5
|
+
![Screenshot](screenshot.png)
|
6
|
+
|
7
|
+
## Installation
|
8
|
+
|
9
|
+
Add this line to your Jekyll site's `Gemfile`:
|
10
|
+
|
11
|
+
```ruby
|
12
|
+
gem "jekyll-theme-ellis"
|
13
|
+
```
|
14
|
+
|
15
|
+
And add this line to your Jekyll site's `_config.yml`:
|
16
|
+
|
17
|
+
```yaml
|
18
|
+
theme: jekyll-theme-ellis
|
19
|
+
```
|
20
|
+
|
21
|
+
And then execute:
|
22
|
+
|
23
|
+
$ bundle
|
24
|
+
|
25
|
+
Or install it yourself as:
|
26
|
+
|
27
|
+
$ gem install ellis
|
28
|
+
|
29
|
+
## Usage
|
30
|
+
|
31
|
+
## Contributing
|
32
|
+
|
33
|
+
## Development
|
34
|
+
|
35
|
+
## License
|
36
|
+
|
37
|
+
The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
|
38
|
+
|
data/_includes/head.html
ADDED
@@ -0,0 +1,21 @@
|
|
1
|
+
<head>
|
2
|
+
<meta charset="utf-8">
|
3
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
4
|
+
<meta name="keywords" content="{{ page.keywords }}">
|
5
|
+
<meta name="author" content="{{ site.author }}">
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
7
|
+
|
8
|
+
<title>{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title |
|
9
|
+
escape }}{% endif %}</title>
|
10
|
+
<meta name="description" content="{{ page.excerpt |
|
11
|
+
default: site.description | strip_html | normalize_whitespace |
|
12
|
+
truncate: 160 | escape }}">
|
13
|
+
|
14
|
+
<link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">
|
15
|
+
<link rel="canonical" href="{{ page.url | replace:'index.html','' | absolute_url }}">
|
16
|
+
<link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="{{ "/feed.xml" | relative_url }}">
|
17
|
+
|
18
|
+
{% if jekyll.environment == 'production' and site.google_analytics %}
|
19
|
+
{% include google-analytics.html %}
|
20
|
+
{% endif %}
|
21
|
+
</head>
|
@@ -0,0 +1,41 @@
|
|
1
|
+
<header class="site-header" role="banner">
|
2
|
+
|
3
|
+
<div class="grid-container-top">
|
4
|
+
|
5
|
+
<div class="banner-logo-title-slogan">
|
6
|
+
<div class="banner-logo">
|
7
|
+
</div>
|
8
|
+
<div class="banner-title">
|
9
|
+
<a class="site-title" href="{{ "/" | relative_url}}">
|
10
|
+
{{ site.title | escape }}</a>
|
11
|
+
</div>
|
12
|
+
<div class="banner-slogan">
|
13
|
+
<span class="site-slogan">{{ site.slogan }}</span>
|
14
|
+
{% if page.title %}
|
15
|
+
<h1 class="slogan-extension">/{{ page.title }}</h1>
|
16
|
+
{% endif %}
|
17
|
+
</div>
|
18
|
+
</div>
|
19
|
+
<div class="banner-icons">
|
20
|
+
<div class="banner-icon">
|
21
|
+
{% include icon-rss.html %}
|
22
|
+
</div>
|
23
|
+
<!--
|
24
|
+
<div class="banner-icon">
|
25
|
+
{% include icon-rss.html %}
|
26
|
+
</div>
|
27
|
+
-->
|
28
|
+
</div>
|
29
|
+
|
30
|
+
<!--
|
31
|
+
<div class="trigger">
|
32
|
+
{% for my_page in site.pages %}
|
33
|
+
{% if my_page.title %}
|
34
|
+
<a class="page-link" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
|
35
|
+
{% endif %}
|
36
|
+
{% endfor %}
|
37
|
+
</div>
|
38
|
+
-->
|
39
|
+
</div>
|
40
|
+
|
41
|
+
</header>
|
@@ -0,0 +1 @@
|
|
1
|
+
<a href="{{ "/feed.xml" | relative_url }}"><div class="icon">{% include icon-rss.svg %}</div></a>
|
@@ -0,0 +1,18 @@
|
|
1
|
+
<?xml version="1.0"?>
|
2
|
+
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
3
|
+
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="128px" height="128px" id="RSSicon" viewBox="0 0 256 256">
|
4
|
+
<defs>
|
5
|
+
<linearGradient x1="0.085" y1="0.085" x2="0.915" y2="0.915" id="RSSg">
|
6
|
+
<stop offset="0.0" stop-color="#E3702D"/><stop offset="0.1071" stop-color="#EA7D31"/>
|
7
|
+
<stop offset="0.3503" stop-color="#F69537"/><stop offset="0.5" stop-color="#FB9E3A"/>
|
8
|
+
<stop offset="0.7016" stop-color="#EA7C31"/><stop offset="0.8866" stop-color="#DE642B"/>
|
9
|
+
<stop offset="1.0" stop-color="#D95B29"/>
|
10
|
+
</linearGradient>
|
11
|
+
</defs>
|
12
|
+
<rect width="256" height="256" rx="55" ry="55" x="0" y="0" fill="#CC5D15"/>
|
13
|
+
<rect width="246" height="246" rx="50" ry="50" x="5" y="5" fill="#F49C52"/>
|
14
|
+
<rect width="236" height="236" rx="47" ry="47" x="10" y="10" fill="url(#RSSg)"/>
|
15
|
+
<circle cx="68" cy="189" r="24" fill="#FFF"/>
|
16
|
+
<path d="M160 213h-34a82 82 0 0 0 -82 -82v-34a116 116 0 0 1 116 116z" fill="#FFF"/>
|
17
|
+
<path d="M184 213A140 140 0 0 0 44 73 V 38a175 175 0 0 1 175 175z" fill="#FFF"/>
|
18
|
+
</svg>
|
data/_includes/navi.html
ADDED
@@ -0,0 +1,43 @@
|
|
1
|
+
<nav class="classic-menu" aria-label="Site Menu">
|
2
|
+
<div class="menu-title">Misc</div>
|
3
|
+
<ul class="menu-links">
|
4
|
+
{% for my_page in site.pages %}
|
5
|
+
{% if my_page.title %}
|
6
|
+
<li>
|
7
|
+
<a class="menu-link" href="{{ my_page.url | relative_url }}">
|
8
|
+
{{ my_page.title | escape }}</a>
|
9
|
+
</li>
|
10
|
+
{% endif %}
|
11
|
+
{% endfor %}
|
12
|
+
</ul>
|
13
|
+
|
14
|
+
<div class="menu-title">Contact</div>
|
15
|
+
<ul class="menu-links">
|
16
|
+
<li>
|
17
|
+
<a class="menu-link" href="mailto:{{ site.email }}">{{ site.email }}</a>
|
18
|
+
</li>
|
19
|
+
{% if site.github_username %}
|
20
|
+
<li>
|
21
|
+
<a class="menu-link" href="https://github.com/{{ site.github_username }}">@github</a>
|
22
|
+
</li>
|
23
|
+
{% endif %}
|
24
|
+
{% if site.twitter_username %}
|
25
|
+
<li>
|
26
|
+
<a class="menu-link" href="https://twitter.com/{{ site.twitter_username }}">@twitter</a>
|
27
|
+
</li>
|
28
|
+
{% endif %}
|
29
|
+
</ul>
|
30
|
+
|
31
|
+
<div class="menu-title">Post History</div>
|
32
|
+
<ul class="menu-history menu-links menu-links-history">
|
33
|
+
{% for post in site.posts %}
|
34
|
+
<li>
|
35
|
+
<span class="history-date">{{ post.date | date: "%Y-%m-%d" }}</span>
|
36
|
+
<a class="history-link" href="{{post.url | relative_url }}">
|
37
|
+
<span class="history-title">{{ post.title | escape }}</span>
|
38
|
+
</a>
|
39
|
+
</li>
|
40
|
+
{% endfor %}
|
41
|
+
</ul>
|
42
|
+
|
43
|
+
</nav>
|
@@ -0,0 +1,17 @@
|
|
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
|
+
{% include mobile_navi.html %}
|
10
|
+
|
11
|
+
{{ content }}
|
12
|
+
|
13
|
+
{% include footer.html %}
|
14
|
+
|
15
|
+
</body>
|
16
|
+
|
17
|
+
</html>
|
data/_layouts/home.html
ADDED
@@ -0,0 +1,22 @@
|
|
1
|
+
---
|
2
|
+
layout: default
|
3
|
+
---
|
4
|
+
|
5
|
+
<div class="grid-container-middle">
|
6
|
+
{% include navi.html %}
|
7
|
+
<main class="content-area">
|
8
|
+
<div class="page">
|
9
|
+
<header class="post-header">
|
10
|
+
<h1 class="post-title">{{ page.title }}</h1>
|
11
|
+
</header>
|
12
|
+
<ul class="post-list">
|
13
|
+
{% for post in site.posts %}
|
14
|
+
<li>
|
15
|
+
<a class="post-link" href="{{ post.url | relative_url }}">{{ post.title | escape }}</a>
|
16
|
+
<span class="post-meta">[{{ post.date | date: "%b %-d, %Y" }}]</span>
|
17
|
+
</li>
|
18
|
+
{% endfor %}
|
19
|
+
</ul>
|
20
|
+
</div>
|
21
|
+
</main>
|
22
|
+
</div>
|
data/_layouts/page.html
ADDED
@@ -0,0 +1,16 @@
|
|
1
|
+
---
|
2
|
+
layout: default
|
3
|
+
---
|
4
|
+
<div class="grid-container-middle">
|
5
|
+
{% include navi.html %}
|
6
|
+
<main class="content-area">
|
7
|
+
<article class="page">
|
8
|
+
<header class="post-header">
|
9
|
+
<h1 class="post-title">{{ page.title }}</h1>
|
10
|
+
</header>
|
11
|
+
<div class="post-content">
|
12
|
+
{{ content }}
|
13
|
+
</div>
|
14
|
+
</article>
|
15
|
+
</main>
|
16
|
+
</div>
|
data/_layouts/post.html
ADDED
@@ -0,0 +1,17 @@
|
|
1
|
+
---
|
2
|
+
layout: default
|
3
|
+
---
|
4
|
+
<div class="grid-container-middle">
|
5
|
+
{% include navi.html %}
|
6
|
+
<main class="content-area">
|
7
|
+
<article class="page" itemscope itemtype="http://schema.org/BlogPosting">
|
8
|
+
<header class="post-header">
|
9
|
+
<h1 class="post-title">{{ page.title }}</h1>
|
10
|
+
<p class="post-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>
|
11
|
+
</header>
|
12
|
+
<div class="post-content" itemprop="articleBody">
|
13
|
+
{{ content }}
|
14
|
+
</div>
|
15
|
+
</article>
|
16
|
+
</main>
|
17
|
+
</div>
|
data/_sass/ellis.scss
ADDED
@@ -0,0 +1,83 @@
|
|
1
|
+
// Font Variables
|
2
|
+
//$base-font-family: "Libre Franklin", sans-serif !default;
|
3
|
+
$banner-font-family: "Libre Franklin", sans-serif !default;
|
4
|
+
$base-font-family: sans-serif !default;
|
5
|
+
$menu-font-family: "Ubuntu Mono", monospace !default;
|
6
|
+
//$menu-font-family: sans-serif !default;
|
7
|
+
$base-font-size: 1em !default;
|
8
|
+
$base-font-weight: 400 !default;
|
9
|
+
$title-font-weight: 700 !default;
|
10
|
+
$small-font-size: 0.875em !default;
|
11
|
+
$large-font-size: 1.25em !default;
|
12
|
+
$history-font-size:0.75em !default;
|
13
|
+
$font-size-title: 1.5em !default;
|
14
|
+
$font-size-slogan: 1.25em !default;
|
15
|
+
$base-line-height: 1.5 !default;
|
16
|
+
$cpr-font-size: 0.8em !default;
|
17
|
+
|
18
|
+
// Spacing
|
19
|
+
$spacing-unit: 30px !default;
|
20
|
+
|
21
|
+
// Color Variables
|
22
|
+
$text-color: black !default;
|
23
|
+
$title-color: #5887cf !default;
|
24
|
+
$slogan-color: white !default;
|
25
|
+
$link-color: #002254 !default;
|
26
|
+
//$link-color-hover: #5887cf !default;
|
27
|
+
$link-color-hover: #c48001 !default;
|
28
|
+
//$link-color-vis: darken($link-color, 15%) !default;
|
29
|
+
$link-color-vis: darken(#828282, 25%) !default;;
|
30
|
+
|
31
|
+
$border-color: black !default;
|
32
|
+
$menu-link-hover-bgcolor: white !default;
|
33
|
+
|
34
|
+
$header-bg-color: black !default;
|
35
|
+
$background-color: #d1d1d1 !default;
|
36
|
+
$middle-bg-color: black !default;
|
37
|
+
|
38
|
+
$middle-bg-grad1: rgba(0,0,0,0.88) !default;
|
39
|
+
$middle-bg-grad2: rgba(38,58,80,0.88) !default;
|
40
|
+
//$middle-bg-final: linear-gradient($middle-bg-grad1 70%, $middle-bg-grad2) !default;
|
41
|
+
//$middle-bg-final: #e2eeff !default;
|
42
|
+
$middle-bg-final: #e7ebf1 !default;
|
43
|
+
|
44
|
+
$button-txt-color: black !default;
|
45
|
+
$button-border-color: #d6ecfc !default;
|
46
|
+
$button-bg-color: $middle-bg-final !default;
|
47
|
+
|
48
|
+
$history-bg-color: white !default;
|
49
|
+
$history-txt-color: black !default;
|
50
|
+
|
51
|
+
$grey-color: #828282 !default;
|
52
|
+
$grey-color-light: lighten($grey-color, 40%) !default;
|
53
|
+
$grey-color-dark: darken($grey-color, 25%) !default;
|
54
|
+
|
55
|
+
// Misc
|
56
|
+
$link-dec: none;
|
57
|
+
$link-dec-hover: none;
|
58
|
+
|
59
|
+
// Width of the content area
|
60
|
+
$content-width: 1200px !default;
|
61
|
+
|
62
|
+
$on-palm: 800px !default;
|
63
|
+
$on-laptop: 1200px !default;
|
64
|
+
|
65
|
+
// Use media queries like this:
|
66
|
+
// @include media-query($on-palm) {
|
67
|
+
// .wrapper {
|
68
|
+
// padding-right: $spacing-unit / 2;
|
69
|
+
// padding-left: $spacing-unit / 2;
|
70
|
+
// }
|
71
|
+
// }
|
72
|
+
@mixin media-query($device) {
|
73
|
+
@media screen and (max-width: $device) {
|
74
|
+
@content;
|
75
|
+
}
|
76
|
+
}
|
77
|
+
|
78
|
+
// Import partials.
|
79
|
+
@import
|
80
|
+
"ellis/base",
|
81
|
+
"ellis/layout",
|
82
|
+
"ellis/syntax-highlighting"
|
83
|
+
;
|
@@ -0,0 +1,139 @@
|
|
1
|
+
/* Reset */
|
2
|
+
body, h1, h2, h3, h4, h5, h6,
|
3
|
+
p, blockquote, pre, hr,
|
4
|
+
dl, dd, ol, ul, figure {
|
5
|
+
margin: 0;
|
6
|
+
padding: 0;
|
7
|
+
}
|
8
|
+
|
9
|
+
|
10
|
+
/* Basic Styling */
|
11
|
+
body {
|
12
|
+
font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
|
13
|
+
color: $text-color;
|
14
|
+
background-color: $background-color;
|
15
|
+
-webkit-text-size-adjust: 100%;
|
16
|
+
-webkit-font-feature-settings: "kern" 1;
|
17
|
+
-moz-font-feature-settings: "kern" 1;
|
18
|
+
-o-font-feature-settings: "kern" 1;
|
19
|
+
font-feature-settings: "kern" 1;
|
20
|
+
font-kerning: normal;
|
21
|
+
-webkit-font-smoothing: antialiased;
|
22
|
+
}
|
23
|
+
|
24
|
+
|
25
|
+
|
26
|
+
/* Vertical Rythm */
|
27
|
+
h1, h2, h3, h4, h5, h6,
|
28
|
+
p, blockquote, pre,
|
29
|
+
ul, ol, dl, figure,
|
30
|
+
%vertical-rhythm {
|
31
|
+
margin-bottom: $spacing-unit / 2;
|
32
|
+
}
|
33
|
+
|
34
|
+
|
35
|
+
|
36
|
+
/* Images */
|
37
|
+
img {
|
38
|
+
display: block;
|
39
|
+
max-width: 100%;
|
40
|
+
vertical-align: middle;
|
41
|
+
}
|
42
|
+
|
43
|
+
|
44
|
+
|
45
|
+
/* Figures */
|
46
|
+
figure > img {
|
47
|
+
display: block;
|
48
|
+
}
|
49
|
+
|
50
|
+
figcaption {
|
51
|
+
font-size: $small-font-size;
|
52
|
+
}
|
53
|
+
|
54
|
+
|
55
|
+
|
56
|
+
/* lists */
|
57
|
+
ul, ol {
|
58
|
+
margin-left: $spacing-unit;
|
59
|
+
}
|
60
|
+
|
61
|
+
li {
|
62
|
+
> ul,
|
63
|
+
> ol {
|
64
|
+
margin-bottom: 0;
|
65
|
+
}
|
66
|
+
}
|
67
|
+
|
68
|
+
|
69
|
+
/* Headings */
|
70
|
+
h1, h2, h3, h4, h5, h6 {
|
71
|
+
font-weight: $base-font-weight;
|
72
|
+
}
|
73
|
+
|
74
|
+
/* Links */
|
75
|
+
a {
|
76
|
+
color: $link-color;
|
77
|
+
text-decoration: $link-dec;
|
78
|
+
|
79
|
+
&:visited {
|
80
|
+
color: $link-color-vis;
|
81
|
+
}
|
82
|
+
|
83
|
+
&:hover {
|
84
|
+
color: $link-color-hover;
|
85
|
+
text-decoration: $link-dec-hover;
|
86
|
+
}
|
87
|
+
}
|
88
|
+
|
89
|
+
|
90
|
+
|
91
|
+
/* Blockquotes */
|
92
|
+
blockquote {
|
93
|
+
color: $grey-color;
|
94
|
+
border-left: 4px solid $grey-color-light;
|
95
|
+
padding-left: $spacing-unit / 2;
|
96
|
+
font-size: 18px;
|
97
|
+
letter-spacing: -1px;
|
98
|
+
font-style: italic;
|
99
|
+
|
100
|
+
> :last-child {
|
101
|
+
margin-bottom: 0;
|
102
|
+
}
|
103
|
+
}
|
104
|
+
|
105
|
+
|
106
|
+
|
107
|
+
/* Code Formatting */
|
108
|
+
pre,
|
109
|
+
code {
|
110
|
+
font-family: $menu-font-family;
|
111
|
+
font-size: $base-font-size;
|
112
|
+
border: 1px solid $grey-color-light;
|
113
|
+
border-radius: 3px;
|
114
|
+
background-color: #eef;
|
115
|
+
word-wrap: normal;
|
116
|
+
}
|
117
|
+
|
118
|
+
code {
|
119
|
+
padding: 1px 5px;
|
120
|
+
}
|
121
|
+
|
122
|
+
pre {
|
123
|
+
padding: 8px 12px;
|
124
|
+
overflow: auto;
|
125
|
+
|
126
|
+
> code {
|
127
|
+
border: 0;
|
128
|
+
padding-right: 0;
|
129
|
+
padding-left: 0;
|
130
|
+
}
|
131
|
+
}
|
132
|
+
|
133
|
+
/* Icons */
|
134
|
+
.icon > svg {
|
135
|
+
width: 22px;
|
136
|
+
height: 22px;
|
137
|
+
|
138
|
+
//path { fill: $grey-color }
|
139
|
+
}
|
@@ -0,0 +1,364 @@
|
|
1
|
+
/* Site Header */
|
2
|
+
.site-header {
|
3
|
+
font-family: $banner-font-family;
|
4
|
+
max-width: $content-width;
|
5
|
+
background-color: $header-bg-color;
|
6
|
+
margin-left: auto;
|
7
|
+
margin-right: auto;
|
8
|
+
padding-left: 4px;
|
9
|
+
padding-right: 4px;
|
10
|
+
box-sizing: border-box;
|
11
|
+
|
12
|
+
@include media-query($on-laptop) {
|
13
|
+
}
|
14
|
+
|
15
|
+
@include media-query($on-palm) {
|
16
|
+
}
|
17
|
+
|
18
|
+
.grid-container-top {
|
19
|
+
height: 32px;
|
20
|
+
display: grid;
|
21
|
+
grid-template-columns: auto auto;
|
22
|
+
grid-template-rows: 100%;
|
23
|
+
}
|
24
|
+
|
25
|
+
.banner-logo-title-slogan {
|
26
|
+
grid-column-start: 1;
|
27
|
+
grid-column-end: 1;
|
28
|
+
justify-self: start;
|
29
|
+
align-self: center;
|
30
|
+
display: grid;
|
31
|
+
grid-template-columns: auto auto auto;
|
32
|
+
grid-template-rows: 100%;
|
33
|
+
grid-column-gap: 4px;
|
34
|
+
|
35
|
+
.banner-logo {
|
36
|
+
grid-column-start: 1;
|
37
|
+
grid-column-end: 1;
|
38
|
+
grid-row-start: 1;
|
39
|
+
grid-row-end: 1;
|
40
|
+
justify-self: start;
|
41
|
+
}
|
42
|
+
|
43
|
+
.banner-title {
|
44
|
+
grid-column-start: 2;
|
45
|
+
grid-column-end: 2;
|
46
|
+
grid-row-start: 1;
|
47
|
+
grid-row-end: 1;
|
48
|
+
justify-self: start;
|
49
|
+
align-self: end;
|
50
|
+
.site-title {
|
51
|
+
color: $title-color;
|
52
|
+
font-size: $font-size-title;
|
53
|
+
font-weight: $base-font-weight;
|
54
|
+
}
|
55
|
+
}
|
56
|
+
|
57
|
+
.banner-slogan {
|
58
|
+
grid-column-start: 3;
|
59
|
+
grid-column-end: 3;
|
60
|
+
grid-row-start: 1;
|
61
|
+
grid-row-end: 1;
|
62
|
+
justify-self: start;
|
63
|
+
align-self: end;
|
64
|
+
color: $slogan-color;
|
65
|
+
.site-slogan {
|
66
|
+
font-style: italic;
|
67
|
+
font-size: $font-size-slogan;
|
68
|
+
@include media-query($on-palm) {
|
69
|
+
display: none;
|
70
|
+
}
|
71
|
+
padding-right: 4px;
|
72
|
+
}
|
73
|
+
.slogan-extension {
|
74
|
+
display: inline;
|
75
|
+
font-size: $large-font-size;
|
76
|
+
font-weight: $base-font-weight;
|
77
|
+
margin-bottom: 0;
|
78
|
+
//font-style: italic;
|
79
|
+
//font-size: $font-size-slogan;
|
80
|
+
@include media-query($on-palm) {
|
81
|
+
display: none;
|
82
|
+
}
|
83
|
+
}
|
84
|
+
}
|
85
|
+
}
|
86
|
+
|
87
|
+
.banner-icons {
|
88
|
+
grid-column-start: 2;
|
89
|
+
grid-column-end: 2;
|
90
|
+
justify-self: end;
|
91
|
+
align-self: center;
|
92
|
+
display: grid;
|
93
|
+
grid-auto-columns: auto;
|
94
|
+
grid-auto-rows: 100%;
|
95
|
+
grid-column-gap: 4px;
|
96
|
+
|
97
|
+
.banner-icon {
|
98
|
+
grid-column-start: auto;
|
99
|
+
grid-column-end: auto;
|
100
|
+
grid-row-start: 1;
|
101
|
+
grid-row-end: 1;
|
102
|
+
justify-self: start;
|
103
|
+
align-self: center;
|
104
|
+
width: 22px;
|
105
|
+
height: 22px;
|
106
|
+
}
|
107
|
+
}
|
108
|
+
}
|
109
|
+
|
110
|
+
/* Middle Section - Menu / Content */
|
111
|
+
.grid-container-middle {
|
112
|
+
max-width: $content-width;
|
113
|
+
height: 100%;
|
114
|
+
margin-left: auto;
|
115
|
+
margin-right: auto;
|
116
|
+
display: grid;
|
117
|
+
grid-template-columns: 16% 84%;
|
118
|
+
grid-template-rows: 100%;
|
119
|
+
//grid-column-gap: $spacing-unit;
|
120
|
+
background-color: $middle-bg-color;
|
121
|
+
background: $middle-bg-final;
|
122
|
+
box-sizing: border-box;
|
123
|
+
border-bottom: 1px solid $border-color;
|
124
|
+
|
125
|
+
border-left: 1px solid $border-color;
|
126
|
+
border-right: 1px solid $border-color;
|
127
|
+
|
128
|
+
@include media-query($on-laptop) {
|
129
|
+
border-left: none;
|
130
|
+
border-right: none;
|
131
|
+
}
|
132
|
+
|
133
|
+
@include media-query($on-palm) {
|
134
|
+
border-left: none;
|
135
|
+
border-right: none;
|
136
|
+
grid-template-columns: 100%;
|
137
|
+
grid-template-rows: 100%;
|
138
|
+
}
|
139
|
+
}
|
140
|
+
|
141
|
+
.classic-menu {
|
142
|
+
height: 100%;
|
143
|
+
font-family: $menu-font-family;
|
144
|
+
grid-column-start: 1;
|
145
|
+
grid-column-end: 1;
|
146
|
+
justify-self: stretch;
|
147
|
+
align-self: stretch;
|
148
|
+
word-wrap: break-word;
|
149
|
+
width: 100%;
|
150
|
+
box-sizing: border-box;
|
151
|
+
border-right: 1px solid black;
|
152
|
+
|
153
|
+
@include media-query($on-palm) {
|
154
|
+
display: none;
|
155
|
+
}
|
156
|
+
|
157
|
+
.menu-title {
|
158
|
+
font-size: $large-font-size;
|
159
|
+
box-sizing: border-box;
|
160
|
+
border-bottom: 1px dashed $border-color;
|
161
|
+
margin-bottom: 1px;
|
162
|
+
padding-left: 4px;
|
163
|
+
padding-right: 4px;
|
164
|
+
}
|
165
|
+
|
166
|
+
.menu-links {
|
167
|
+
list-style: none;
|
168
|
+
margin-left: 0px;
|
169
|
+
margin-bottom: 8px;
|
170
|
+
//padding-left: 4px;
|
171
|
+
//padding-right: 4px;
|
172
|
+
text-indent: 4px;
|
173
|
+
}
|
174
|
+
|
175
|
+
.menu-links-history {
|
176
|
+
text-indent: 0px;
|
177
|
+
padding-left: 4px;
|
178
|
+
padding-right: 4px;
|
179
|
+
}
|
180
|
+
|
181
|
+
.menu-link {
|
182
|
+
display: block;
|
183
|
+
line-height: 1.2;
|
184
|
+
color: $text-color;
|
185
|
+
&:visited {
|
186
|
+
color: $text-color;
|
187
|
+
}
|
188
|
+
&:hover {
|
189
|
+
color: $text-color;
|
190
|
+
background: $menu-link-hover-bgcolor;
|
191
|
+
}
|
192
|
+
}
|
193
|
+
|
194
|
+
.menu-history {
|
195
|
+
font-size: $history-font-size;
|
196
|
+
font-family: Verdana;
|
197
|
+
width: 100%;
|
198
|
+
min-height: 40px;
|
199
|
+
max-height: 100px;
|
200
|
+
text-align: left;
|
201
|
+
background: $history-bg-color;
|
202
|
+
box-sizing: border-box;
|
203
|
+
word-wrap: break-word;
|
204
|
+
color: $history-txt-color;
|
205
|
+
//padding: 0.5%;
|
206
|
+
overflow: auto;
|
207
|
+
margin-top: -1px;
|
208
|
+
|
209
|
+
.history-date {
|
210
|
+
font-weight: 700;
|
211
|
+
}
|
212
|
+
.history-link {
|
213
|
+
&:hover {
|
214
|
+
color: $link-color-hover;
|
215
|
+
}
|
216
|
+
&:visited {
|
217
|
+
color: $link-color;
|
218
|
+
}
|
219
|
+
}
|
220
|
+
|
221
|
+
}
|
222
|
+
}
|
223
|
+
|
224
|
+
.content-area {
|
225
|
+
height: 100%;
|
226
|
+
grid-column-start: 2;
|
227
|
+
grid-column-end: 2;
|
228
|
+
justify-self: start;
|
229
|
+
align-self: start;
|
230
|
+
width: 100%;
|
231
|
+
word-wrap: break-word;
|
232
|
+
box-sizing: border-box;
|
233
|
+
padding-left: $spacing-unit;
|
234
|
+
padding-right: $spacing-unit;
|
235
|
+
|
236
|
+
@include media-query($on-palm) {
|
237
|
+
grid-column-start: 1;
|
238
|
+
grid-column-end: 1;
|
239
|
+
padding-left: 4px;
|
240
|
+
padding-right: 4px;
|
241
|
+
}
|
242
|
+
|
243
|
+
.post-list {
|
244
|
+
list-style: none;
|
245
|
+
margin-left: 0px;
|
246
|
+
//padding-left: 4px;
|
247
|
+
//padding-right: 4px;
|
248
|
+
}
|
249
|
+
|
250
|
+
.post-meta {
|
251
|
+
font-size: $small-font-size;
|
252
|
+
font-weight: $base-font-weight;
|
253
|
+
font-family: $base-font-family;
|
254
|
+
}
|
255
|
+
|
256
|
+
.post-link {
|
257
|
+
font-size: $large-font-size;
|
258
|
+
&:visited {
|
259
|
+
color: $link-color;
|
260
|
+
}
|
261
|
+
}
|
262
|
+
|
263
|
+
.page {
|
264
|
+
padding-top: $spacing-unit / 2.5;
|
265
|
+
}
|
266
|
+
|
267
|
+
.post-header {
|
268
|
+
}
|
269
|
+
|
270
|
+
.post-title {
|
271
|
+
display: none;
|
272
|
+
@include media-query($on-palm) {
|
273
|
+
display: block;
|
274
|
+
font-size: $large-font-size;
|
275
|
+
font-weight: $base-font-weight;
|
276
|
+
margin-bottom: 0;
|
277
|
+
}
|
278
|
+
}
|
279
|
+
|
280
|
+
.post-content {
|
281
|
+
|
282
|
+
}
|
283
|
+
}
|
284
|
+
|
285
|
+
/* Footer */
|
286
|
+
.site-footer {
|
287
|
+
max-width: $content-width;
|
288
|
+
display: grid;
|
289
|
+
grid-template-columns: 50% 50%;
|
290
|
+
grid-template-rows: 100%;
|
291
|
+
margin-left: auto;
|
292
|
+
margin-right: auto;
|
293
|
+
padding-right: 4px;
|
294
|
+
padding-left: 4px;
|
295
|
+
}
|
296
|
+
|
297
|
+
.to-top {
|
298
|
+
grid-column-start: 1;
|
299
|
+
grid-column-end: 1;
|
300
|
+
justify-self: start;
|
301
|
+
align-self: start;
|
302
|
+
font-family: $menu-font-family;
|
303
|
+
font-size: $small-font-size;
|
304
|
+
&:visited {
|
305
|
+
color: $link-color;
|
306
|
+
}
|
307
|
+
}
|
308
|
+
|
309
|
+
.copyright {
|
310
|
+
grid-column-start: 2;
|
311
|
+
grid-column-end: 2;
|
312
|
+
justify-self: end;
|
313
|
+
align-self: start;
|
314
|
+
font-family: $menu-font-family;
|
315
|
+
font-size: $cpr-font-size;
|
316
|
+
}
|
317
|
+
|
318
|
+
/* Mobile Menu */
|
319
|
+
.mobile-menu {
|
320
|
+
display: none;
|
321
|
+
|
322
|
+
@include media-query($on-palm) {
|
323
|
+
display: block;
|
324
|
+
width: 100%;
|
325
|
+
}
|
326
|
+
|
327
|
+
.mob-menu-grid {
|
328
|
+
width: 100%;
|
329
|
+
display: grid;
|
330
|
+
grid-template-columns: auto auto auto;
|
331
|
+
grid-auto-rows: auto;
|
332
|
+
grid-column-gap: 4px;
|
333
|
+
background: black;
|
334
|
+
|
335
|
+
.menu-btn {
|
336
|
+
font-family: $menu-font-family;
|
337
|
+
color: $button-txt-color;
|
338
|
+
display: block;
|
339
|
+
grid-column-start: auto;
|
340
|
+
grid-column-end: auto;
|
341
|
+
grid-row-start: auto;
|
342
|
+
grid-row-end: auto;
|
343
|
+
justify-self: start;
|
344
|
+
align-self: center;
|
345
|
+
padding: 2px;
|
346
|
+
margin-top: 1px;
|
347
|
+
margin-bottom: 1px;
|
348
|
+
box-sizing: border-box;
|
349
|
+
border: 2px solid $button-border-color;
|
350
|
+
border-radius: 5px;
|
351
|
+
background: $button-bg-color;
|
352
|
+
margin-left: auto;
|
353
|
+
margin-right: auto;
|
354
|
+
&:visited {
|
355
|
+
color: $button-txt-color;
|
356
|
+
}
|
357
|
+
&:hover {
|
358
|
+
color: $button-txt-color;
|
359
|
+
background: $menu-link-hover-bgcolor;
|
360
|
+
}
|
361
|
+
|
362
|
+
}
|
363
|
+
}
|
364
|
+
}
|
@@ -0,0 +1,69 @@
|
|
1
|
+
/* Syntax Highlighting */
|
2
|
+
.highlight {
|
3
|
+
background: #fff;
|
4
|
+
@extend %vertical-rhythm;
|
5
|
+
|
6
|
+
.highlighter-rouge & {
|
7
|
+
background: #eef;
|
8
|
+
}
|
9
|
+
|
10
|
+
.c { color: #998; font-style: italic } // Comment
|
11
|
+
.err { color: #a61717; background-color: #e3d2d2 } // Error
|
12
|
+
.k { font-weight: bold } // Keyword
|
13
|
+
.o { font-weight: bold } // Operator
|
14
|
+
.cm { color: #998; font-style: italic } // Comment.Multiline
|
15
|
+
.cp { color: #999; font-weight: bold } // Comment.Preproc
|
16
|
+
.c1 { color: #998; font-style: italic } // Comment.Single
|
17
|
+
.cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special
|
18
|
+
.gd { color: #000; background-color: #fdd } // Generic.Deleted
|
19
|
+
.gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
|
20
|
+
.ge { font-style: italic } // Generic.Emph
|
21
|
+
.gr { color: #a00 } // Generic.Error
|
22
|
+
.gh { color: #999 } // Generic.Heading
|
23
|
+
.gi { color: #000; background-color: #dfd } // Generic.Inserted
|
24
|
+
.gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
|
25
|
+
.go { color: #888 } // Generic.Output
|
26
|
+
.gp { color: #555 } // Generic.Prompt
|
27
|
+
.gs { font-weight: bold } // Generic.Strong
|
28
|
+
.gu { color: #aaa } // Generic.Subheading
|
29
|
+
.gt { color: #a00 } // Generic.Traceback
|
30
|
+
.kc { font-weight: bold } // Keyword.Constant
|
31
|
+
.kd { font-weight: bold } // Keyword.Declaration
|
32
|
+
.kp { font-weight: bold } // Keyword.Pseudo
|
33
|
+
.kr { font-weight: bold } // Keyword.Reserved
|
34
|
+
.kt { color: #458; font-weight: bold } // Keyword.Type
|
35
|
+
.m { color: #099 } // Literal.Number
|
36
|
+
.s { color: #d14 } // Literal.String
|
37
|
+
.na { color: #008080 } // Name.Attribute
|
38
|
+
.nb { color: #0086B3 } // Name.Builtin
|
39
|
+
.nc { color: #458; font-weight: bold } // Name.Class
|
40
|
+
.no { color: #008080 } // Name.Constant
|
41
|
+
.ni { color: #800080 } // Name.Entity
|
42
|
+
.ne { color: #900; font-weight: bold } // Name.Exception
|
43
|
+
.nf { color: #900; font-weight: bold } // Name.Function
|
44
|
+
.nn { color: #555 } // Name.Namespace
|
45
|
+
.nt { color: #000080 } // Name.Tag
|
46
|
+
.nv { color: #008080 } // Name.Variable
|
47
|
+
.ow { font-weight: bold } // Operator.Word
|
48
|
+
.w { color: #bbb } // Text.Whitespace
|
49
|
+
.mf { color: #099 } // Literal.Number.Float
|
50
|
+
.mh { color: #099 } // Literal.Number.Hex
|
51
|
+
.mi { color: #099 } // Literal.Number.Integer
|
52
|
+
.mo { color: #099 } // Literal.Number.Oct
|
53
|
+
.sb { color: #d14 } // Literal.String.Backtick
|
54
|
+
.sc { color: #d14 } // Literal.String.Char
|
55
|
+
.sd { color: #d14 } // Literal.String.Doc
|
56
|
+
.s2 { color: #d14 } // Literal.String.Double
|
57
|
+
.se { color: #d14 } // Literal.String.Escape
|
58
|
+
.sh { color: #d14 } // Literal.String.Heredoc
|
59
|
+
.si { color: #d14 } // Literal.String.Interpol
|
60
|
+
.sx { color: #d14 } // Literal.String.Other
|
61
|
+
.sr { color: #009926 } // Literal.String.Regex
|
62
|
+
.s1 { color: #d14 } // Literal.String.Single
|
63
|
+
.ss { color: #990073 } // Literal.String.Symbol
|
64
|
+
.bp { color: #999 } // Name.Builtin.Pseudo
|
65
|
+
.vc { color: #008080 } // Name.Variable.Class
|
66
|
+
.vg { color: #008080 } // Name.Variable.Global
|
67
|
+
.vi { color: #008080 } // Name.Variable.Instance
|
68
|
+
.il { color: #099 } // Literal.Number.Integer.Long
|
69
|
+
}
|
data/assets/main.scss
ADDED
metadata
ADDED
@@ -0,0 +1,104 @@
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
2
|
+
name: jekyll-theme-ellis
|
3
|
+
version: !ruby/object:Gem::Version
|
4
|
+
version: 0.1.0
|
5
|
+
platform: ruby
|
6
|
+
authors:
|
7
|
+
- ryu
|
8
|
+
autorequire:
|
9
|
+
bindir: bin
|
10
|
+
cert_chain: []
|
11
|
+
date: 2017-04-21 00:00:00.000000000 Z
|
12
|
+
dependencies:
|
13
|
+
- !ruby/object:Gem::Dependency
|
14
|
+
name: jekyll
|
15
|
+
requirement: !ruby/object:Gem::Requirement
|
16
|
+
requirements:
|
17
|
+
- - "~>"
|
18
|
+
- !ruby/object:Gem::Version
|
19
|
+
version: '3.4'
|
20
|
+
type: :runtime
|
21
|
+
prerelease: false
|
22
|
+
version_requirements: !ruby/object:Gem::Requirement
|
23
|
+
requirements:
|
24
|
+
- - "~>"
|
25
|
+
- !ruby/object:Gem::Version
|
26
|
+
version: '3.4'
|
27
|
+
- !ruby/object:Gem::Dependency
|
28
|
+
name: bundler
|
29
|
+
requirement: !ruby/object:Gem::Requirement
|
30
|
+
requirements:
|
31
|
+
- - "~>"
|
32
|
+
- !ruby/object:Gem::Version
|
33
|
+
version: '1.12'
|
34
|
+
type: :development
|
35
|
+
prerelease: false
|
36
|
+
version_requirements: !ruby/object:Gem::Requirement
|
37
|
+
requirements:
|
38
|
+
- - "~>"
|
39
|
+
- !ruby/object:Gem::Version
|
40
|
+
version: '1.12'
|
41
|
+
- !ruby/object:Gem::Dependency
|
42
|
+
name: rake
|
43
|
+
requirement: !ruby/object:Gem::Requirement
|
44
|
+
requirements:
|
45
|
+
- - "~>"
|
46
|
+
- !ruby/object:Gem::Version
|
47
|
+
version: '10.0'
|
48
|
+
type: :development
|
49
|
+
prerelease: false
|
50
|
+
version_requirements: !ruby/object:Gem::Requirement
|
51
|
+
requirements:
|
52
|
+
- - "~>"
|
53
|
+
- !ruby/object:Gem::Version
|
54
|
+
version: '10.0'
|
55
|
+
description:
|
56
|
+
email:
|
57
|
+
- ryu@hirasaka.io
|
58
|
+
executables: []
|
59
|
+
extensions: []
|
60
|
+
extra_rdoc_files: []
|
61
|
+
files:
|
62
|
+
- LICENSE.txt
|
63
|
+
- README.md
|
64
|
+
- _includes/footer.html
|
65
|
+
- _includes/head.html
|
66
|
+
- _includes/header.html
|
67
|
+
- _includes/icon-rss.html
|
68
|
+
- _includes/icon-rss.svg
|
69
|
+
- _includes/mobile_navi.html
|
70
|
+
- _includes/navi.html
|
71
|
+
- _layouts/default.html
|
72
|
+
- _layouts/home.html
|
73
|
+
- _layouts/page.html
|
74
|
+
- _layouts/post.html
|
75
|
+
- _sass/ellis.scss
|
76
|
+
- _sass/ellis/_base.scss
|
77
|
+
- _sass/ellis/_layout.scss
|
78
|
+
- _sass/ellis/_syntax-highlighting.scss
|
79
|
+
- assets/main.scss
|
80
|
+
homepage: https://git.hirasaka.io/gitbucket/ryu/jekyll-theme-ellis
|
81
|
+
licenses:
|
82
|
+
- MIT
|
83
|
+
metadata: {}
|
84
|
+
post_install_message:
|
85
|
+
rdoc_options: []
|
86
|
+
require_paths:
|
87
|
+
- lib
|
88
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
89
|
+
requirements:
|
90
|
+
- - ">="
|
91
|
+
- !ruby/object:Gem::Version
|
92
|
+
version: '0'
|
93
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
94
|
+
requirements:
|
95
|
+
- - ">="
|
96
|
+
- !ruby/object:Gem::Version
|
97
|
+
version: '0'
|
98
|
+
requirements: []
|
99
|
+
rubyforge_project:
|
100
|
+
rubygems_version: 2.5.2
|
101
|
+
signing_key:
|
102
|
+
specification_version: 4
|
103
|
+
summary: Very simple theme for jekyll
|
104
|
+
test_files: []
|