jekyll-theme-graphite 0.2.1 → 1.0.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 +49 -7
- data/_layouts/home.html +3 -0
- data/_sass/theme/_base.sass +5 -1
- data/_sass/theme/_components.sass +2 -2
- data/assets/css/styles.sass +14 -0
- metadata +5 -3
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: d5351cc5fbbb3ca7818793a841e534260cc5a18c9f69f023c675f28fd574a827
|
4
|
+
data.tar.gz: 5c7382da2f791fede18fc6bd264a23d804ca354314b30ed54b8f96bae9636a9f
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: a160d4998dda0a8bf033713f9df431bd9445176465666801c3f09ae9b8f8ec2a3fa2078cb08b98e513ef7908c9442c3dc1cb42ec5a5765f2303d0e72101cda2d
|
7
|
+
data.tar.gz: af19218d94bedf5ee3302ec80bd3470b8b20594d51d6c17ed2899b5b33710fa8a1c9331942ab94c8a14b6202fd8c9d73349290653661924a69f4b10db0bd6286
|
data/README.md
CHANGED
@@ -1,13 +1,24 @@
|
|
1
1
|
# jekyll-theme-graphite
|
2
2
|
|
3
|
-
|
3
|
+
Graphite is a minimal, text-focused blog theme—built around the [IBM Plex](https://www.ibm.com/plex/) typeface— for Jekyll.
|
4
4
|
|
5
|
-
|
5
|
+
![graphite theme screenshot](/screenshot.png)
|
6
6
|
|
7
|
-
|
7
|
+
## Installation
|
8
8
|
|
9
|
+
Make sure you already have a [full Ruby installation](https://jekyllrb.com/docs/installation/).
|
9
10
|
|
10
|
-
|
11
|
+
Install Jekyll and bundler gems:
|
12
|
+
|
13
|
+
$ gem install bundler
|
14
|
+
|
15
|
+
Create a new Jekyll site at `/myblog`:
|
16
|
+
|
17
|
+
$ jekyll new myblog
|
18
|
+
|
19
|
+
Change into your new directory:
|
20
|
+
|
21
|
+
$ cd myblog
|
11
22
|
|
12
23
|
Add this line to your Jekyll site's `Gemfile`:
|
13
24
|
|
@@ -29,13 +40,45 @@ Or install it yourself as:
|
|
29
40
|
|
30
41
|
$ gem install jekyll-theme-graphite
|
31
42
|
|
43
|
+
Build the site and make it available on a local server:
|
44
|
+
|
45
|
+
$ bundle exec jekyll serve
|
46
|
+
|
32
47
|
## Usage
|
33
48
|
|
34
|
-
|
49
|
+
Edit `_config.yml` to customize color and social media icons. Graphite uses [Font Awesome](https://fontawesome.com/icons?d=gallery) to generate social media icons by class name.
|
50
|
+
|
51
|
+
```yaml
|
52
|
+
title: Graphite theme
|
53
|
+
author: GitHub User
|
54
|
+
email: your-email@domain.com
|
55
|
+
|
56
|
+
theme: jekyll-theme-graphite
|
57
|
+
|
58
|
+
social_media_links:
|
59
|
+
- link: https://twitter.com/jekyllrb/
|
60
|
+
icon: fa-twitter
|
61
|
+
- link: https://github.com/jekyll/
|
62
|
+
icon: fa-github
|
63
|
+
|
64
|
+
theme_colors: # enclose hex codes in ' '
|
65
|
+
theme: '#be5141'
|
66
|
+
text: '#58595e'
|
67
|
+
background: '#fff'
|
68
|
+
code-block: '#fbf8f4'
|
69
|
+
|
70
|
+
show_rss: true # set to false to exclude rss icon from footer
|
71
|
+
|
72
|
+
plugins:
|
73
|
+
- jekyll-feed
|
74
|
+
- jekyll-seo-tag
|
75
|
+
```
|
76
|
+
|
77
|
+
For further customization, check out [Jekyll themes](https://jekyllrb.com/docs/themes/).
|
35
78
|
|
36
79
|
## Contributing
|
37
80
|
|
38
|
-
Bug reports and pull requests are welcome on GitHub
|
81
|
+
Bug reports and pull requests are welcome [on GitHub](https://github.com/curtisupdike/graphite). 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.
|
39
82
|
|
40
83
|
## Development
|
41
84
|
|
@@ -49,4 +92,3 @@ To add a custom directory to your theme-gem, please edit the regexp in `jekyll-t
|
|
49
92
|
## License
|
50
93
|
|
51
94
|
The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
|
52
|
-
|
data/_layouts/home.html
ADDED
data/_sass/theme/_base.sass
CHANGED
@@ -10,7 +10,6 @@ html
|
|
10
10
|
body
|
11
11
|
box-sizing: border-box
|
12
12
|
border-top: .5rem solid $theme-color
|
13
|
-
border-bottom: .5rem solid $theme-color
|
14
13
|
align-items: center
|
15
14
|
display: flex
|
16
15
|
flex-direction: column
|
@@ -71,6 +70,7 @@ pre, code
|
|
71
70
|
border-radius: 2px
|
72
71
|
|
73
72
|
pre
|
73
|
+
overflow: auto
|
74
74
|
padding: .5rem 1rem
|
75
75
|
|
76
76
|
code
|
@@ -85,6 +85,10 @@ blockquote
|
|
85
85
|
font-size: .9rem
|
86
86
|
padding: .5rem 0
|
87
87
|
|
88
|
+
img
|
89
|
+
height: auto
|
90
|
+
max-width: 100%
|
91
|
+
|
88
92
|
@media all and (max-width:520px)
|
89
93
|
html
|
90
94
|
font-size: 16px
|
@@ -35,7 +35,7 @@
|
|
35
35
|
|
36
36
|
// _includes/social-media.html
|
37
37
|
.social-media
|
38
|
-
font-size:
|
38
|
+
font-size: 20px
|
39
39
|
margin: 0
|
40
40
|
padding: 0
|
41
41
|
& li
|
@@ -60,7 +60,7 @@
|
|
60
60
|
display: inline-block
|
61
61
|
font-size: 1.2rem
|
62
62
|
font-weight: 400
|
63
|
-
margin: 0 0
|
63
|
+
margin: 0 0 1rem 0
|
64
64
|
padding: 0
|
65
65
|
text-transform: none
|
66
66
|
|
data/assets/css/styles.sass
CHANGED
@@ -1,4 +1,18 @@
|
|
1
1
|
---
|
2
2
|
---
|
3
|
+
{% assign colors = site.theme_colors %}
|
4
|
+
{% if colors.background %}
|
5
|
+
$backgroud-color: {{ colors.background }}
|
6
|
+
{% endif %}
|
7
|
+
{% if colors.text %}
|
8
|
+
$text-color: {{ colors.text }}
|
9
|
+
{% endif %}
|
10
|
+
{% if colors.theme %}
|
11
|
+
$theme-color: {{ colors.theme }}
|
12
|
+
{% endif %}
|
13
|
+
{% if colors.code-background %}
|
14
|
+
$code-background-color: {{ colors.code-block }}
|
15
|
+
{% endif %}
|
16
|
+
|
3
17
|
|
4
18
|
@import "main"
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: jekyll-theme-graphite
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.
|
4
|
+
version: 1.0.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Curtis Updike
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2019-04-
|
11
|
+
date: 2019-04-25 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|
@@ -97,6 +97,7 @@ files:
|
|
97
97
|
- _includes/social-media.html
|
98
98
|
- _layouts/blog.html
|
99
99
|
- _layouts/default.html
|
100
|
+
- _layouts/home.html
|
100
101
|
- _layouts/page.html
|
101
102
|
- _layouts/post.html
|
102
103
|
- _sass/main.sass
|
@@ -105,11 +106,12 @@ files:
|
|
105
106
|
- _sass/theme/_syntax-highlighting.scss
|
106
107
|
- _sass/theme/_trac-syntax-highlighting.scss
|
107
108
|
- assets/css/styles.sass
|
108
|
-
homepage: https://
|
109
|
+
homepage: https://curtisupdike.github.io/graphite/
|
109
110
|
licenses:
|
110
111
|
- MIT
|
111
112
|
metadata:
|
112
113
|
plugin_type: theme
|
114
|
+
source_code_uri: https://github.com/curtisupdike/graphite
|
113
115
|
post_install_message:
|
114
116
|
rdoc_options: []
|
115
117
|
require_paths:
|