jekyll-theme-graphite 0.1.0 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: adb530414f7e4ada13377639949af97e78e6526899d14cba92c5066eb97a49a5
4
- data.tar.gz: ce4a80107a2e85af608860a18201557a53a1280bf907bc6854f06e5b29d6dd75
3
+ metadata.gz: 6cebb55b47d7a4e6b62e80a688d9bfed797636f69f8ba2aad5567fa5bcb5e653
4
+ data.tar.gz: a94820e03c93bb1ff6bfd77e7e0c3bcc0ae29e83c9d2ceb8de8b1095b28b8792
5
5
  SHA512:
6
- metadata.gz: 4fec20594f01eeb1a51b88f8d0afdc5aeb839a9bede40aa6de901b840b13b5dc2931589ff0528b1fb3af97df0f081d860f5df09e92529d8e5a6a043fbd4bcb0e
7
- data.tar.gz: '08aa9041aa3405acfdcd480317257aedf4a43ebc5679b249145c21af0311747eb73a798cb1cf35eecf7b86c56d957c8043f22d7c2b807180dbb5904339bf9715'
6
+ metadata.gz: 4a00aafe53ec6c859f6f5ae281b1e69e0f2245089da932a2dbfcab0e2df35ad9eee8bb12978c2610516f0ec435000de6e65b8d5066cb4881167b01c61e9706f9
7
+ data.tar.gz: 6180b2955adbbbc97b15ab800ff32a73982ac690cfd8602dfed8cf2c35a05e7ce9a97a9f76d87a426dcdb43b6d3fae75b99d51f84ee8e6d47a1857dfb413b9de
data/_includes/head.html CHANGED
@@ -5,8 +5,8 @@
5
5
  {%- if seo -%}
6
6
  {%- seo -%}
7
7
  {%- endif -%}
8
- <link rel="stylesheet" href="https://code.cdn.mozilla.net/fonts/fira.css">
9
- <link href="https://fonts.googleapis.com/css?family=Source+Code+Pro|Source+Serif+Pro" rel="stylesheet">
8
+ <link href="https://fonts.googleapis.com/css?family=IBM+Plex+Serif:300,400,400i,500,700" rel="stylesheet">
9
+ <link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono" rel="stylesheet">
10
10
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
11
11
  <link rel="stylesheet" href="{{ "/assets/css/styles.css" | relative_url }}">
12
12
  {%- if feed_meta -%}
data/_layouts/post.html CHANGED
@@ -3,15 +3,15 @@ layout: default
3
3
  ---
4
4
  <article class="post h-entry" itemscope itemtype="http://schema.org/BlogPosting">
5
5
  <header class="post-header">
6
+ <h1 class="post-title p-name" itemprop="name headline">
7
+ {{ page.title | escape }}
8
+ </h1>
6
9
  <span class="post-meta">
7
10
  <time class="dt-published" datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
8
11
  {%- assign date_format = site.date_format | default: "%b %-d, %Y" -%}
9
12
  {{ page.date | date: date_format }}
10
13
  </time>
11
14
  </span>
12
- <h1 class="post-title p-name" itemprop="name headline">
13
- {{ page.title | escape }}
14
- </h1>
15
15
  </header>
16
16
 
17
17
  <div class="post-content e-content" itemprop="articleBody">
data/_sass/main.sass CHANGED
@@ -1,9 +1,11 @@
1
- $backgroud-color: lighten(#F5EDE1, 3%) !default
2
- $text-color: #58595E !default
3
- $theme-color: #BE5141 !default
1
+ $backgroud-color: #fff !default
2
+ $text-color: #58595e !default
3
+ $theme-color: #be5141 !default
4
+ $code-background-color: #fbf8f4 !default
4
5
 
5
- $base-font-family: 'Source Serif Pro', serif !default
6
- $code-font-family: 'Source Code Pro', monospace !default
6
+ $base-font-family: 'IBM Plex Serif', serif !default
7
+ $code-font-family: 'IBM Plex Mono', monospace !default
7
8
 
8
9
  @import 'theme/base'
10
+ @import 'theme/components'
9
11
  @import 'theme/trac-syntax-highlighting'
@@ -1,31 +1,16 @@
1
1
  html
2
2
  font-family: $base-font-family
3
3
  font-size: 2.8vw
4
+ font-weight: 400
4
5
  background-color: $backgroud-color
5
6
  color: $text-color
6
7
  height: 100%
7
- line-height: 1.45
8
-
9
- pre, code
10
- background-color: lighten($backgroud-color, 15%)
11
- border-radius: 2px
12
-
13
- pre
14
- padding: .5rem 1rem
15
-
16
- code
17
- border-radius: 2px
18
- font-family: $code-font-family
19
- font-size: .75rem
20
- margin: 0 .05em
21
- padding: .1em .2em
22
-
23
- figure
24
- margin: 0
8
+ line-height: 1.55
25
9
 
26
10
  body
27
11
  box-sizing: border-box
28
- border: .5rem solid $theme-color
12
+ border-top: .5rem solid $theme-color
13
+ border-bottom: .5rem solid $theme-color
29
14
  align-items: center
30
15
  display: flex
31
16
  flex-direction: column
@@ -36,14 +21,31 @@ body
36
21
  flex: 1
37
22
 
38
23
  header, main, footer
39
- max-width: 600px
24
+ max-width: 650px
40
25
  width: 92%
41
26
 
42
27
  h1
43
- font-size: 1.2rem
44
-
45
- p
46
- margin: 0 0 1em 0
28
+ margin: 1rem 0
29
+ font-size: 1.4rem
30
+ font-weight: 500
31
+
32
+ h2
33
+ font-size: 1rem
34
+ font-weight: 700
35
+ padding-top: .75rem
36
+
37
+ h3
38
+ font-size: .8rem
39
+ font-weight: 700
40
+ letter-spacing: .05em
41
+ padding-top: .75rem
42
+ text-transform: uppercase
43
+
44
+ h4, h5, h6
45
+ font-size: .8rem
46
+ font-weight: 700
47
+ letter-spacing: .04em
48
+ padding-top: .75rem
47
49
 
48
50
  a
49
51
  color: $text-color
@@ -52,84 +54,39 @@ a
52
54
  &:hover
53
55
  color: $theme-color
54
56
 
55
- nav a,
56
- p a
57
- font-variant: small-caps
58
- letter-spacing: 0.05rem
59
-
60
- p a
61
- font-size: 0.9em
62
- font-weight: 300
63
- padding: 0 .05em
64
-
65
- .site-header
66
- margin: 24px 0
67
- text-align: center
68
-
69
- .site-title
70
- display: block
71
- margin: 0.67em 0
72
- padding-top: 24px
57
+ p
58
+ margin: 0 0 .75em 0
73
59
  & a
74
- font-size: 2rem
75
- font-variant: none
76
- font-weight: 600
77
- letter-spacing: 0
78
- & a:hover
79
- color: $text-color
80
-
81
- .site-nav
82
- border-bottom: 1px solid $text-color
83
- border-top: 1px solid $text-color
84
- & ul
85
- margin: 0
86
- padding: 0
87
- & li
88
- display: inline-block
89
- margin: .5rem 1rem
90
-
91
- .site-footer
92
- padding-top: 2rem
93
- padding-bottom: 1rem
94
- text-align: center
60
+ font-weight: 300
61
+ letter-spacing: 0.04rem
62
+ padding: 0 .05em
63
+ text-transform: lowercase
95
64
 
96
- .social-media
97
- font-size: 18px
65
+ figure
98
66
  margin: 0
99
- padding: 0
100
- & li
101
- display: inline-block
102
- list-style: none
103
- & li:nth-child(n+2)
104
- margin-left: 0.75em
105
- & li a:hover
106
- color: $theme-color
107
67
 
108
- .post-list
109
- margin: 0
110
- padding: 0
111
- & li
112
- list-style: none
113
- & h3
114
- margin-top: 0rem
115
- & a
116
- font-variant: none
68
+ pre, code
69
+ background-color: $code-background-color
70
+ border-radius: 2px
117
71
 
118
- .post-link
119
- font-size: 1.2rem
72
+ pre
73
+ padding: .5rem 1rem
120
74
 
121
- .post-title
122
- margin-top: 0
75
+ code
76
+ border-radius: 2px
77
+ font-family: $code-font-family
78
+ font-size: .75rem
79
+ margin: 0 .05em
80
+ padding: .1em .2em
123
81
 
124
- .post-meta
125
- font-size: 14px
82
+ blockquote
83
+ font-style: italic
84
+ font-size: .9rem
85
+ padding: .5rem 0
126
86
 
127
87
  @media all and (max-width:520px)
128
88
  html
129
- font-size: 18px
130
- body
131
- border-left: none
132
- border-right: none
89
+ font-size: 16px
133
90
 
134
91
  @media all and (min-width:700px)
135
92
  html
@@ -0,0 +1,76 @@
1
+ // _includes/header.html
2
+ .site-header
3
+ margin: 24px 0
4
+ text-align: center
5
+
6
+ .site-title
7
+ display: block
8
+ margin: 24px 0
9
+ & a
10
+ font-size: 2rem
11
+ font-variant: none
12
+ & a:hover
13
+ color: $text-color
14
+
15
+ // _includes/nav.html
16
+ .site-nav
17
+ border-bottom: 1px solid $text-color
18
+ border-top: 1px solid $text-color
19
+ & ul
20
+ margin: 0
21
+ padding: 0
22
+ & li
23
+ display: inline-block
24
+ margin: .5rem 1rem
25
+
26
+ .page-link
27
+ font-variant: small-caps
28
+ letter-spacing: 0.04rem
29
+
30
+ // _includes/footer.html
31
+ .site-footer
32
+ padding-top: 2rem
33
+ padding-bottom: 1rem
34
+ text-align: center
35
+
36
+ // _includes/social-media.html
37
+ .social-media
38
+ font-size: 18px
39
+ margin: 0
40
+ padding: 0
41
+ & li
42
+ display: inline-block
43
+ list-style: none
44
+ & li:nth-child(n+2)
45
+ margin-left: 1em
46
+ & li a:hover
47
+ color: $theme-color
48
+
49
+ // _layouts/blog.html
50
+ .post-list
51
+ margin: 0
52
+ padding: 0
53
+ & li
54
+ list-style: none
55
+ & h3
56
+ margin: 0
57
+ padding: 0
58
+
59
+ .post-link
60
+ display: inline-block
61
+ font-size: 1.2rem
62
+ font-weight: 400
63
+ margin: 0 0 1.5rem 0
64
+ padding: 0
65
+ text-transform: none
66
+
67
+ .post-meta
68
+ font-size: .7rem
69
+
70
+ // _layouts/post.html
71
+ .post-header
72
+ .post-title
73
+ margin: 1rem 0 0 0
74
+ .post-meta
75
+ display: inline-block
76
+ margin: 0 0 1rem 0
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme-graphite
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.0
4
+ version: 0.2.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Curtis Updike
@@ -101,13 +101,15 @@ files:
101
101
  - _layouts/post.html
102
102
  - _sass/main.sass
103
103
  - _sass/theme/_base.sass
104
+ - _sass/theme/_components.sass
104
105
  - _sass/theme/_syntax-highlighting.scss
105
106
  - _sass/theme/_trac-syntax-highlighting.scss
106
107
  - assets/css/styles.sass
107
108
  homepage: https://jekyllrb.com/
108
109
  licenses:
109
110
  - MIT
110
- metadata: {}
111
+ metadata:
112
+ plugin_type: theme
111
113
  post_install_message:
112
114
  rdoc_options: []
113
115
  require_paths:
@@ -126,5 +128,5 @@ requirements: []
126
128
  rubygems_version: 3.0.1
127
129
  signing_key:
128
130
  specification_version: 4
129
- summary: A beautiful, minimal theme for Jekyll.
131
+ summary: A minimal, text-focused blog theme for Jekyll.
130
132
  test_files: []