jekyll-theme-graphite 0.1.0 → 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
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: []