jekyll-theme-ellis 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -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
@@ -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.
@@ -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
+
@@ -0,0 +1,4 @@
1
+ <footer class="site-footer">
2
+ <a class="to-top" href="#">go to top</a>
3
+ <span class="copyright">Copyright © 2015-2017 {{ site.title }}[{{ site.author }}] all rights reserved</span>
4
+ </footer>
@@ -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>
@@ -0,0 +1,9 @@
1
+ <nav class="mobile-menu">
2
+ <div class="mob-menu-grid">
3
+ {% for my_page in site.pages %}
4
+ {% if my_page.title %}
5
+ <a class="menu-btn" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
6
+ {% endif %}
7
+ {% endfor %}
8
+ </div>
9
+ </nav>
@@ -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>
@@ -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>
@@ -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>
@@ -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>
@@ -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
+ }
@@ -0,0 +1,8 @@
1
+ ---
2
+ # Only the main Sass file needs front matter (the dashes are enough)
3
+ ---
4
+ @charset "utf-8";
5
+ @import url(https://fonts.googleapis.com/css?family=Libre+Franklin|Ubuntu+Mono);
6
+
7
+ // Import partials from the `ellis` theme.
8
+ @import "ellis";
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: []