douding 0.1.0 → 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (11) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/footer.html +3 -1
  3. data/_includes/head.html +3 -5
  4. data/_includes/header.html +4 -6
  5. data/_layouts/home.html +25 -0
  6. data/_sass/douding.scss +7 -7
  7. data/_sass/douding/_base.scss +74 -74
  8. data/_sass/douding/_layout.scss +135 -135
  9. data/_sass/douding/_syntax-highlighting.scss +64 -64
  10. data/assets/main.scss +39 -0
  11. metadata +4 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 811bab8968287ea22e13e82c6bc41f12f5f1a4ff
4
- data.tar.gz: 36cdcf4b240985b11a45a9f88cfbcb6bd3303e41
3
+ metadata.gz: d88b743ae27be612567b1536fa3f905f78264f30
4
+ data.tar.gz: 115afdcd3534314c4a216cdd9e8cdfd04822c65d
5
5
  SHA512:
6
- metadata.gz: 782010bb7aee66565c53f352f361c52e0a637ae35ee083a252b212a12af171e55ca8ef754735c94fd6d91c5b3ee11d2c938671e9abdc9c58fda53a11cdc5c251
7
- data.tar.gz: 728c7f4d9456ab111d4a5229fd768b1546249536776d93c3a49669ae7dd06490b479ebf1654c746948ae0456a1413fea99388a2fd9df89f983e6fa501e0abb2f
6
+ metadata.gz: b655a234ee49559ec08d60e39635094084f9d8dc5adf6d962fe844dd0f2a999228d5b699df2e1bab15e0b677bdd1b28e404e6cba910da7b081444052bb33ee71
7
+ data.tar.gz: 8c3098b32968251667d8aa392bb97a467a210160b76b6a1399faef7bbdaf1ecf87c902befee9e20e7475d3db222cc0365db215d84390cfdc3f2e6547230af672
data/_includes/footer.html CHANGED
@@ -14,7 +14,9 @@
14
14
  {{ site.title | escape }}
15
15
  {% endif %}
16
16
  </li>
17
- <li><a href="mailto:{{ site.email }}">{{ site.email }}</a></li>
17
+ {% if site.email %}
18
+ <li><a href="mailto:{{ site.email }}">{{ site.email }}</a></li>
19
+ {% endif %}
18
20
  </ul>
19
21
  </div>
20
22
 
data/_includes/head.html CHANGED
@@ -6,11 +6,9 @@
6
6
  <title>{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
7
7
  <meta name="description" content="{{ page.excerpt | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape }}">
8
8
 
9
- {% assign custom_url = site.url | append: site.baseurl %}
10
- {% assign full_base_url = site.github.url | default: custom_url %}
11
- <link rel="stylesheet" href="{{ "/css/main.css" | prepend: full_base_url }}">
12
- <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: full_base_url }}">
13
- <link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="{{ "/feed.xml" | prepend: full_base_url }}">
9
+ <link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">
10
+ <link rel="canonical" href="{{ page.url | replace:'index.html','' | absolute_url }}">
11
+ <link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="{{ "/feed.xml" | relative_url }}">
14
12
 
15
13
  {% if jekyll.environment == 'production' and site.google_analytics %}
16
14
  {% include google-analytics.html %}
data/_includes/header.html CHANGED
@@ -2,23 +2,21 @@
2
2
 
3
3
  <div class="wrapper">
4
4
 
5
- {% assign custom_url = site.url | append: site.baseurl %}
6
- {% assign full_base_url = site.github.url | default: custom_url %}
7
- <a class="site-title" href="{{ full_base_url }}/">{{ site.title | escape }}</a>
5
+ <a class="site-title" href="{{ "/" | relative_url}}">{{ site.title | escape }}</a>
8
6
 
9
7
  <nav class="site-nav">
10
- <a href="#" class="menu-icon">
8
+ <span class="menu-icon">
11
9
  <svg viewBox="0 0 18 15" width="18px" height="15px">
12
10
  <path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
13
11
  <path fill="#424242" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
14
12
  <path fill="#424242" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
15
13
  </svg>
16
- </a>
14
+ </span>
17
15
 
18
16
  <div class="trigger">
19
17
  {% for my_page in site.pages %}
20
18
  {% if my_page.title %}
21
- <a class="page-link" href="{{ my_page.url | prepend: full_base_url }}">{{ my_page.title | escape }}</a>
19
+ <a class="page-link" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
22
20
  {% endif %}
23
21
  {% endfor %}
24
22
  </div>
data/_layouts/home.html ADDED
@@ -0,0 +1,25 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ <div class="home">
6
+
7
+ <h1 class="page-heading">Posts</h1>
8
+
9
+ {{ content }}
10
+
11
+ <ul class="post-list">
12
+ {% for post in site.posts %}
13
+ <li>
14
+ <span class="post-meta">{{ post.date | date: "%b %-d, %Y" }}</span>
15
+
16
+ <h2>
17
+ <a class="post-link" href="{{ post.url | relative_url }}">{{ post.title | escape }}</a>
18
+ </h2>
19
+ </li>
20
+ {% endfor %}
21
+ </ul>
22
+
23
+ <p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | relative_url }}">via RSS</a></p>
24
+
25
+ </div>
data/_sass/douding.scss CHANGED
@@ -24,15 +24,15 @@ $on-laptop: 800px !default;
24
24
 
25
25
  // Use media queries like this:
26
26
  // @include media-query($on-palm) {
27
- // .wrapper {
28
- // padding-right: $spacing-unit / 2;
29
- // padding-left: $spacing-unit / 2;
30
- // }
27
+ // .wrapper {
28
+ // padding-right: $spacing-unit / 2;
29
+ // padding-left: $spacing-unit / 2;
30
+ // }
31
31
  // }
32
32
  @mixin media-query($device) {
33
- @media screen and (max-width: $device) {
34
- @content;
35
- }
33
+ @media screen and (max-width: $device) {
34
+ @content;
35
+ }
36
36
  }
37
37
 
38
38
  // Import partials.
data/_sass/douding/_base.scss CHANGED
@@ -4,8 +4,8 @@
4
4
  body, h1, h2, h3, h4, h5, h6,
5
5
  p, blockquote, pre, hr,
6
6
  dl, dd, ol, ul, figure {
7
- margin: 0;
8
- padding: 0;
7
+ margin: 0;
8
+ padding: 0;
9
9
  }
10
10
 
11
11
 
@@ -14,15 +14,15 @@ dl, dd, ol, ul, figure {
14
14
  * Basic styling
15
15
  */
16
16
  body {
17
- font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
18
- color: $text-color;
19
- background-color: $background-color;
20
- -webkit-text-size-adjust: 100%;
21
- -webkit-font-feature-settings: "kern" 1;
22
- -moz-font-feature-settings: "kern" 1;
23
- -o-font-feature-settings: "kern" 1;
24
- font-feature-settings: "kern" 1;
25
- font-kerning: normal;
17
+ font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
18
+ color: $text-color;
19
+ background-color: $background-color;
20
+ -webkit-text-size-adjust: 100%;
21
+ -webkit-font-feature-settings: "kern" 1;
22
+ -moz-font-feature-settings: "kern" 1;
23
+ -o-font-feature-settings: "kern" 1;
24
+ font-feature-settings: "kern" 1;
25
+ font-kerning: normal;
26
26
  }
27
27
 
28
28
 
@@ -34,7 +34,7 @@ h1, h2, h3, h4, h5, h6,
34
34
  p, blockquote, pre,
35
35
  ul, ol, dl, figure,
36
36
  %vertical-rhythm {
37
- margin-bottom: $spacing-unit / 2;
37
+ margin-bottom: $spacing-unit / 2;
38
38
  }
39
39
 
40
40
 
@@ -43,8 +43,8 @@ ul, ol, dl, figure,
43
43
  * Images
44
44
  */
45
45
  img {
46
- max-width: 100%;
47
- vertical-align: middle;
46
+ max-width: 100%;
47
+ vertical-align: middle;
48
48
  }
49
49
 
50
50
 
@@ -53,11 +53,11 @@ img {
53
53
  * Figures
54
54
  */
55
55
  figure > img {
56
- display: block;
56
+ display: block;
57
57
  }
58
58
 
59
59
  figcaption {
60
- font-size: $small-font-size;
60
+ font-size: $small-font-size;
61
61
  }
62
62
 
63
63
 
@@ -66,14 +66,14 @@ figcaption {
66
66
  * Lists
67
67
  */
68
68
  ul, ol {
69
- margin-left: $spacing-unit;
69
+ margin-left: $spacing-unit;
70
70
  }
71
71
 
72
72
  li {
73
- > ul,
74
- > ol {
75
- margin-bottom: 0;
76
- }
73
+ > ul,
74
+ > ol {
75
+ margin-bottom: 0;
76
+ }
77
77
  }
78
78
 
79
79
 
@@ -82,7 +82,7 @@ li {
82
82
  * Headings
83
83
  */
84
84
  h1, h2, h3, h4, h5, h6 {
85
- font-weight: $base-font-weight;
85
+ font-weight: $base-font-weight;
86
86
  }
87
87
 
88
88
 
@@ -91,17 +91,17 @@ h1, h2, h3, h4, h5, h6 {
91
91
  * Links
92
92
  */
93
93
  a {
94
- color: $brand-color;
95
- text-decoration: none;
94
+ color: $brand-color;
95
+ text-decoration: none;
96
96
 
97
- &:visited {
98
- color: darken($brand-color, 15%);
99
- }
97
+ &:visited {
98
+ color: darken($brand-color, 15%);
99
+ }
100
100
 
101
- &:hover {
102
- color: $text-color;
103
- text-decoration: underline;
104
- }
101
+ &:hover {
102
+ color: $text-color;
103
+ text-decoration: underline;
104
+ }
105
105
  }
106
106
 
107
107
 
@@ -110,16 +110,16 @@ a {
110
110
  * Blockquotes
111
111
  */
112
112
  blockquote {
113
- color: $grey-color;
114
- border-left: 4px solid $grey-color-light;
115
- padding-left: $spacing-unit / 2;
116
- font-size: 18px;
117
- letter-spacing: -1px;
118
- font-style: italic;
113
+ color: $grey-color;
114
+ border-left: 4px solid $grey-color-light;
115
+ padding-left: $spacing-unit / 2;
116
+ font-size: 18px;
117
+ letter-spacing: -1px;
118
+ font-style: italic;
119
119
 
120
- > :last-child {
121
- margin-bottom: 0;
122
- }
120
+ > :last-child {
121
+ margin-bottom: 0;
122
+ }
123
123
  }
124
124
 
125
125
 
@@ -129,25 +129,25 @@ blockquote {
129
129
  */
130
130
  pre,
131
131
  code {
132
- font-size: 15px;
133
- border: 1px solid $grey-color-light;
134
- border-radius: 3px;
135
- background-color: #eef;
132
+ font-size: 15px;
133
+ border: 1px solid $grey-color-light;
134
+ border-radius: 3px;
135
+ background-color: #eef;
136
136
  }
137
137
 
138
138
  code {
139
- padding: 1px 5px;
139
+ padding: 1px 5px;
140
140
  }
141
141
 
142
142
  pre {
143
- padding: 8px 12px;
144
- overflow-x: auto;
143
+ padding: 8px 12px;
144
+ overflow-x: auto;
145
145
 
146
- > code {
147
- border: 0;
148
- padding-right: 0;
149
- padding-left: 0;
150
- }
146
+ > code {
147
+ border: 0;
148
+ padding-right: 0;
149
+ padding-left: 0;
150
+ }
151
151
  }
152
152
 
153
153
 
@@ -156,20 +156,20 @@ pre {
156
156
  * Wrapper
157
157
  */
158
158
  .wrapper {
159
- max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2));
160
- max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));
161
- margin-right: auto;
162
- margin-left: auto;
163
- padding-right: $spacing-unit;
164
- padding-left: $spacing-unit;
165
- @extend %clearfix;
166
-
167
- @include media-query($on-laptop) {
168
- max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));
169
- max-width: calc(#{$content-width} - (#{$spacing-unit}));
170
- padding-right: $spacing-unit / 2;
171
- padding-left: $spacing-unit / 2;
172
- }
159
+ max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2));
160
+ max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));
161
+ margin-right: auto;
162
+ margin-left: auto;
163
+ padding-right: $spacing-unit;
164
+ padding-left: $spacing-unit;
165
+ @extend %clearfix;
166
+
167
+ @include media-query($on-laptop) {
168
+ max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));
169
+ max-width: calc(#{$content-width} - (#{$spacing-unit}));
170
+ padding-right: $spacing-unit / 2;
171
+ padding-left: $spacing-unit / 2;
172
+ }
173
173
  }
174
174
 
175
175
 
@@ -178,9 +178,9 @@ pre {
178
178
  * Clearfix
179
179
  */
180
180
  %clearfix:after {
181
- content: "";
182
- display: table;
183
- clear: both;
181
+ content: "";
182
+ display: table;
183
+ clear: both;
184
184
  }
185
185
 
186
186
 
@@ -189,10 +189,10 @@ pre {
189
189
  * Icons
190
190
  */
191
191
  .icon > svg {
192
- display: inline-block;
193
- vertical-align: middle;
192
+ display: inline-block;
193
+ vertical-align: middle;
194
194
 
195
- path {
196
- fill: $grey-color;
197
- }
195
+ path {
196
+ fill: $grey-color;
197
+ }
198
198
  }
data/_sass/douding/_layout.scss CHANGED
@@ -2,89 +2,89 @@
2
2
  * Site header
3
3
  */
4
4
  .site-header {
5
- border-top: 5px solid $grey-color-dark;
6
- border-bottom: 1px solid $grey-color-light;
7
- min-height: 56px;
5
+ border-top: 5px solid $grey-color-dark;
6
+ border-bottom: 1px solid $grey-color-light;
7
+ min-height: 56px;
8
8
 
9
- // Positioning context for the mobile navigation icon
10
- position: relative;
9
+ // Positioning context for the mobile navigation icon
10
+ position: relative;
11
11
  }
12
12
 
13
13
  .site-title {
14
- font-size: 26px;
15
- font-weight: 300;
16
- line-height: 56px;
17
- letter-spacing: -1px;
18
- margin-bottom: 0;
19
- float: left;
20
-
21
- &,
22
- &:visited {
23
- color: $grey-color-dark;
24
- }
14
+ font-size: 26px;
15
+ font-weight: 300;
16
+ line-height: 56px;
17
+ letter-spacing: -1px;
18
+ margin-bottom: 0;
19
+ float: left;
20
+
21
+ &,
22
+ &:visited {
23
+ color: $grey-color-dark;
24
+ }
25
25
  }
26
26
 
27
27
  .site-nav {
28
- float: right;
29
- line-height: 56px;
28
+ float: right;
29
+ line-height: 56px;
30
+
31
+ .menu-icon {
32
+ display: none;
33
+ }
34
+
35
+ .page-link {
36
+ color: $text-color;
37
+ line-height: $base-line-height;
38
+
39
+ // Gaps between nav items, but not on the last one
40
+ &:not(:last-child) {
41
+ margin-right: 20px;
42
+ }
43
+ }
44
+
45
+ @include media-query($on-palm) {
46
+ position: absolute;
47
+ top: 9px;
48
+ right: $spacing-unit / 2;
49
+ background-color: $background-color;
50
+ border: 1px solid $grey-color-light;
51
+ border-radius: 5px;
52
+ text-align: right;
30
53
 
31
54
  .menu-icon {
32
- display: none;
55
+ display: block;
56
+ float: right;
57
+ width: 36px;
58
+ height: 26px;
59
+ line-height: 0;
60
+ padding-top: 10px;
61
+ text-align: center;
62
+
63
+ > svg path {
64
+ fill: $grey-color-dark;
65
+ }
33
66
  }
34
67
 
35
- .page-link {
36
- color: $text-color;
37
- line-height: $base-line-height;
68
+ .trigger {
69
+ clear: both;
70
+ display: none;
71
+ }
38
72
 
39
- // Gaps between nav items, but not on the last one
40
- &:not(:last-child) {
41
- margin-right: 20px;
42
- }
73
+ &:hover .trigger {
74
+ display: block;
75
+ padding-bottom: 5px;
43
76
  }
44
77
 
45
- @include media-query($on-palm) {
46
- position: absolute;
47
- top: 9px;
48
- right: $spacing-unit / 2;
49
- background-color: $background-color;
50
- border: 1px solid $grey-color-light;
51
- border-radius: 5px;
52
- text-align: right;
53
-
54
- .menu-icon {
55
- display: block;
56
- float: right;
57
- width: 36px;
58
- height: 26px;
59
- line-height: 0;
60
- padding-top: 10px;
61
- text-align: center;
62
-
63
- > svg path {
64
- fill: $grey-color-dark;
65
- }
66
- }
67
-
68
- .trigger {
69
- clear: both;
70
- display: none;
71
- }
72
-
73
- &:hover .trigger {
74
- display: block;
75
- padding-bottom: 5px;
76
- }
77
-
78
- .page-link {
79
- display: block;
80
- padding: 5px 10px;
81
-
82
- &:not(:last-child) {
83
- margin-right: 0;
84
- }
85
- margin-left: 20px;
86
- }
78
+ .page-link {
79
+ display: block;
80
+ padding: 5px 10px;
81
+
82
+ &:not(:last-child) {
83
+ margin-right: 0;
84
+ }
85
+ margin-left: 20px;
87
86
  }
87
+ }
88
88
  }
89
89
 
90
90
 
@@ -93,68 +93,68 @@
93
93
  * Site footer
94
94
  */
95
95
  .site-footer {
96
- border-top: 1px solid $grey-color-light;
97
- padding: $spacing-unit 0;
96
+ border-top: 1px solid $grey-color-light;
97
+ padding: $spacing-unit 0;
98
98
  }
99
99
 
100
100
  .footer-heading {
101
- font-size: 18px;
102
- margin-bottom: $spacing-unit / 2;
101
+ font-size: 18px;
102
+ margin-bottom: $spacing-unit / 2;
103
103
  }
104
104
 
105
105
  .contact-list,
106
106
  .social-media-list {
107
- list-style: none;
108
- margin-left: 0;
107
+ list-style: none;
108
+ margin-left: 0;
109
109
  }
110
110
 
111
111
  .footer-col-wrapper {
112
- font-size: 15px;
113
- color: $grey-color;
114
- margin-left: -$spacing-unit / 2;
115
- @extend %clearfix;
112
+ font-size: 15px;
113
+ color: $grey-color;
114
+ margin-left: -$spacing-unit / 2;
115
+ @extend %clearfix;
116
116
  }
117
117
 
118
118
  .footer-col {
119
- float: left;
120
- margin-bottom: $spacing-unit / 2;
121
- padding-left: $spacing-unit / 2;
119
+ float: left;
120
+ margin-bottom: $spacing-unit / 2;
121
+ padding-left: $spacing-unit / 2;
122
122
  }
123
123
 
124
124
  .footer-col-1 {
125
- width: -webkit-calc(35% - (#{$spacing-unit} / 2));
126
- width: calc(35% - (#{$spacing-unit} / 2));
125
+ width: -webkit-calc(35% - (#{$spacing-unit} / 2));
126
+ width: calc(35% - (#{$spacing-unit} / 2));
127
127
  }
128
128
 
129
129
  .footer-col-2 {
130
- width: -webkit-calc(20% - (#{$spacing-unit} / 2));
131
- width: calc(20% - (#{$spacing-unit} / 2));
130
+ width: -webkit-calc(20% - (#{$spacing-unit} / 2));
131
+ width: calc(20% - (#{$spacing-unit} / 2));
132
132
  }
133
133
 
134
134
  .footer-col-3 {
135
- width: -webkit-calc(45% - (#{$spacing-unit} / 2));
136
- width: calc(45% - (#{$spacing-unit} / 2));
135
+ width: -webkit-calc(45% - (#{$spacing-unit} / 2));
136
+ width: calc(45% - (#{$spacing-unit} / 2));
137
137
  }
138
138
 
139
139
  @include media-query($on-laptop) {
140
- .footer-col-1,
141
- .footer-col-2 {
142
- width: -webkit-calc(50% - (#{$spacing-unit} / 2));
143
- width: calc(50% - (#{$spacing-unit} / 2));
144
- }
140
+ .footer-col-1,
141
+ .footer-col-2 {
142
+ width: -webkit-calc(50% - (#{$spacing-unit} / 2));
143
+ width: calc(50% - (#{$spacing-unit} / 2));
144
+ }
145
145
 
146
- .footer-col-3 {
147
- width: -webkit-calc(100% - (#{$spacing-unit} / 2));
148
- width: calc(100% - (#{$spacing-unit} / 2));
149
- }
146
+ .footer-col-3 {
147
+ width: -webkit-calc(100% - (#{$spacing-unit} / 2));
148
+ width: calc(100% - (#{$spacing-unit} / 2));
149
+ }
150
150
  }
151
151
 
152
152
  @include media-query($on-palm) {
153
- .footer-col {
154
- float: none;
155
- width: -webkit-calc(100% - (#{$spacing-unit} / 2));
156
- width: calc(100% - (#{$spacing-unit} / 2));
157
- }
153
+ .footer-col {
154
+ float: none;
155
+ width: -webkit-calc(100% - (#{$spacing-unit} / 2));
156
+ width: calc(100% - (#{$spacing-unit} / 2));
157
+ }
158
158
  }
159
159
 
160
160
 
@@ -163,30 +163,30 @@
163
163
  * Page content
164
164
  */
165
165
  .page-content {
166
- padding: $spacing-unit 0;
166
+ padding: $spacing-unit 0;
167
167
  }
168
168
 
169
169
  .page-heading {
170
- font-size: 20px;
170
+ font-size: 20px;
171
171
  }
172
172
 
173
173
  .post-list {
174
- margin-left: 0;
175
- list-style: none;
174
+ margin-left: 0;
175
+ list-style: none;
176
176
 
177
- > li {
178
- margin-bottom: $spacing-unit;
179
- }
177
+ > li {
178
+ margin-bottom: $spacing-unit;
179
+ }
180
180
  }
181
181
 
182
182
  .post-meta {
183
- font-size: $small-font-size;
184
- color: $grey-color;
183
+ font-size: $small-font-size;
184
+ color: $grey-color;
185
185
  }
186
186
 
187
187
  .post-link {
188
- display: block;
189
- font-size: 24px;
188
+ display: block;
189
+ font-size: 24px;
190
190
  }
191
191
 
192
192
 
@@ -195,43 +195,43 @@
195
195
  * Posts
196
196
  */
197
197
  .post-header {
198
- margin-bottom: $spacing-unit;
198
+ margin-bottom: $spacing-unit;
199
199
  }
200
200
 
201
201
  .post-title {
202
- font-size: 42px;
203
- letter-spacing: -1px;
204
- line-height: 1;
202
+ font-size: 42px;
203
+ letter-spacing: -1px;
204
+ line-height: 1;
205
205
 
206
- @include media-query($on-laptop) {
207
- font-size: 36px;
208
- }
206
+ @include media-query($on-laptop) {
207
+ font-size: 36px;
208
+ }
209
209
  }
210
210
 
211
211
  .post-content {
212
- margin-bottom: $spacing-unit;
212
+ margin-bottom: $spacing-unit;
213
213
 
214
- h2 {
215
- font-size: 32px;
214
+ h2 {
215
+ font-size: 32px;
216
216
 
217
- @include media-query($on-laptop) {
218
- font-size: 28px;
219
- }
217
+ @include media-query($on-laptop) {
218
+ font-size: 28px;
220
219
  }
220
+ }
221
221
 
222
- h3 {
223
- font-size: 26px;
222
+ h3 {
223
+ font-size: 26px;
224
224
 
225
- @include media-query($on-laptop) {
226
- font-size: 22px;
227
- }
225
+ @include media-query($on-laptop) {
226
+ font-size: 22px;
228
227
  }
228
+ }
229
229
 
230
- h4 {
231
- font-size: 20px;
230
+ h4 {
231
+ font-size: 20px;
232
232
 
233
- @include media-query($on-laptop) {
234
- font-size: 18px;
235
- }
233
+ @include media-query($on-laptop) {
234
+ font-size: 18px;
236
235
  }
236
+ }
237
237
  }
data/_sass/douding/_syntax-highlighting.scss CHANGED
@@ -2,70 +2,70 @@
2
2
  * Syntax highlighting styles
3
3
  */
4
4
  .highlight {
5
- background: #fff;
6
- @extend %vertical-rhythm;
5
+ background: #fff;
6
+ @extend %vertical-rhythm;
7
7
 
8
- .highlighter-rouge & {
9
- background: #eef;
10
- }
8
+ .highlighter-rouge & {
9
+ background: #eef;
10
+ }
11
11
 
12
- .c { color: #998; font-style: italic } // Comment
13
- .err { color: #a61717; background-color: #e3d2d2 } // Error
14
- .k { font-weight: bold } // Keyword
15
- .o { font-weight: bold } // Operator
16
- .cm { color: #998; font-style: italic } // Comment.Multiline
17
- .cp { color: #999; font-weight: bold } // Comment.Preproc
18
- .c1 { color: #998; font-style: italic } // Comment.Single
19
- .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special
20
- .gd { color: #000; background-color: #fdd } // Generic.Deleted
21
- .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
22
- .ge { font-style: italic } // Generic.Emph
23
- .gr { color: #a00 } // Generic.Error
24
- .gh { color: #999 } // Generic.Heading
25
- .gi { color: #000; background-color: #dfd } // Generic.Inserted
26
- .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
27
- .go { color: #888 } // Generic.Output
28
- .gp { color: #555 } // Generic.Prompt
29
- .gs { font-weight: bold } // Generic.Strong
30
- .gu { color: #aaa } // Generic.Subheading
31
- .gt { color: #a00 } // Generic.Traceback
32
- .kc { font-weight: bold } // Keyword.Constant
33
- .kd { font-weight: bold } // Keyword.Declaration
34
- .kp { font-weight: bold } // Keyword.Pseudo
35
- .kr { font-weight: bold } // Keyword.Reserved
36
- .kt { color: #458; font-weight: bold } // Keyword.Type
37
- .m { color: #099 } // Literal.Number
38
- .s { color: #d14 } // Literal.String
39
- .na { color: #008080 } // Name.Attribute
40
- .nb { color: #0086B3 } // Name.Builtin
41
- .nc { color: #458; font-weight: bold } // Name.Class
42
- .no { color: #008080 } // Name.Constant
43
- .ni { color: #800080 } // Name.Entity
44
- .ne { color: #900; font-weight: bold } // Name.Exception
45
- .nf { color: #900; font-weight: bold } // Name.Function
46
- .nn { color: #555 } // Name.Namespace
47
- .nt { color: #000080 } // Name.Tag
48
- .nv { color: #008080 } // Name.Variable
49
- .ow { font-weight: bold } // Operator.Word
50
- .w { color: #bbb } // Text.Whitespace
51
- .mf { color: #099 } // Literal.Number.Float
52
- .mh { color: #099 } // Literal.Number.Hex
53
- .mi { color: #099 } // Literal.Number.Integer
54
- .mo { color: #099 } // Literal.Number.Oct
55
- .sb { color: #d14 } // Literal.String.Backtick
56
- .sc { color: #d14 } // Literal.String.Char
57
- .sd { color: #d14 } // Literal.String.Doc
58
- .s2 { color: #d14 } // Literal.String.Double
59
- .se { color: #d14 } // Literal.String.Escape
60
- .sh { color: #d14 } // Literal.String.Heredoc
61
- .si { color: #d14 } // Literal.String.Interpol
62
- .sx { color: #d14 } // Literal.String.Other
63
- .sr { color: #009926 } // Literal.String.Regex
64
- .s1 { color: #d14 } // Literal.String.Single
65
- .ss { color: #990073 } // Literal.String.Symbol
66
- .bp { color: #999 } // Name.Builtin.Pseudo
67
- .vc { color: #008080 } // Name.Variable.Class
68
- .vg { color: #008080 } // Name.Variable.Global
69
- .vi { color: #008080 } // Name.Variable.Instance
70
- .il { color: #099 } // Literal.Number.Integer.Long
12
+ .c { color: #998; font-style: italic } // Comment
13
+ .err { color: #a61717; background-color: #e3d2d2 } // Error
14
+ .k { font-weight: bold } // Keyword
15
+ .o { font-weight: bold } // Operator
16
+ .cm { color: #998; font-style: italic } // Comment.Multiline
17
+ .cp { color: #999; font-weight: bold } // Comment.Preproc
18
+ .c1 { color: #998; font-style: italic } // Comment.Single
19
+ .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special
20
+ .gd { color: #000; background-color: #fdd } // Generic.Deleted
21
+ .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
22
+ .ge { font-style: italic } // Generic.Emph
23
+ .gr { color: #a00 } // Generic.Error
24
+ .gh { color: #999 } // Generic.Heading
25
+ .gi { color: #000; background-color: #dfd } // Generic.Inserted
26
+ .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
27
+ .go { color: #888 } // Generic.Output
28
+ .gp { color: #555 } // Generic.Prompt
29
+ .gs { font-weight: bold } // Generic.Strong
30
+ .gu { color: #aaa } // Generic.Subheading
31
+ .gt { color: #a00 } // Generic.Traceback
32
+ .kc { font-weight: bold } // Keyword.Constant
33
+ .kd { font-weight: bold } // Keyword.Declaration
34
+ .kp { font-weight: bold } // Keyword.Pseudo
35
+ .kr { font-weight: bold } // Keyword.Reserved
36
+ .kt { color: #458; font-weight: bold } // Keyword.Type
37
+ .m { color: #099 } // Literal.Number
38
+ .s { color: #d14 } // Literal.String
39
+ .na { color: #008080 } // Name.Attribute
40
+ .nb { color: #0086B3 } // Name.Builtin
41
+ .nc { color: #458; font-weight: bold } // Name.Class
42
+ .no { color: #008080 } // Name.Constant
43
+ .ni { color: #800080 } // Name.Entity
44
+ .ne { color: #900; font-weight: bold } // Name.Exception
45
+ .nf { color: #900; font-weight: bold } // Name.Function
46
+ .nn { color: #555 } // Name.Namespace
47
+ .nt { color: #000080 } // Name.Tag
48
+ .nv { color: #008080 } // Name.Variable
49
+ .ow { font-weight: bold } // Operator.Word
50
+ .w { color: #bbb } // Text.Whitespace
51
+ .mf { color: #099 } // Literal.Number.Float
52
+ .mh { color: #099 } // Literal.Number.Hex
53
+ .mi { color: #099 } // Literal.Number.Integer
54
+ .mo { color: #099 } // Literal.Number.Oct
55
+ .sb { color: #d14 } // Literal.String.Backtick
56
+ .sc { color: #d14 } // Literal.String.Char
57
+ .sd { color: #d14 } // Literal.String.Doc
58
+ .s2 { color: #d14 } // Literal.String.Double
59
+ .se { color: #d14 } // Literal.String.Escape
60
+ .sh { color: #d14 } // Literal.String.Heredoc
61
+ .si { color: #d14 } // Literal.String.Interpol
62
+ .sx { color: #d14 } // Literal.String.Other
63
+ .sr { color: #009926 } // Literal.String.Regex
64
+ .s1 { color: #d14 } // Literal.String.Single
65
+ .ss { color: #990073 } // Literal.String.Symbol
66
+ .bp { color: #999 } // Name.Builtin.Pseudo
67
+ .vc { color: #008080 } // Name.Variable.Class
68
+ .vg { color: #008080 } // Name.Variable.Global
69
+ .vi { color: #008080 } // Name.Variable.Instance
70
+ .il { color: #099 } // Literal.Number.Integer.Long
71
71
  }
data/assets/main.scss ADDED
@@ -0,0 +1,39 @@
1
+ ---
2
+ # Only the main Sass file needs front matter (the dashes are enough)
3
+ ---
4
+ @charset "utf-8";
5
+
6
+ // Our variables
7
+ $base-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
8
+ $base-font-size: 16px;
9
+ $base-font-weight: 400;
10
+ $small-font-size: $base-font-size * 0.875;
11
+ $base-line-height: 1.5;
12
+
13
+ $spacing-unit: 30px;
14
+
15
+ $text-color: #111;
16
+ $background-color: #fdfdfd;
17
+ $brand-color: #2a7ae2;
18
+
19
+ $grey-color: #828282;
20
+ $grey-color-light: lighten($grey-color, 40%);
21
+ $grey-color-dark: darken($grey-color, 25%);
22
+
23
+ // Width of the content area
24
+ $content-width: 800px;
25
+
26
+ $on-palm: 600px;
27
+ $on-laptop: 800px;
28
+
29
+ // douding also includes a mixin for defining media queries.
30
+ // Use media queries like this:
31
+ // @include media-query($on-palm) {
32
+ // .wrapper {
33
+ // padding-right: $spacing-unit / 2;
34
+ // padding-left: $spacing-unit / 2;
35
+ // }
36
+ // }
37
+
38
+ // Import partials from the `douding` theme.
39
+ @import "douding";
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: douding
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
  - Ryan Jiang
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2016-09-29 00:00:00.000000000 Z
12
+ date: 2016-11-03 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: jekyll
@@ -73,12 +73,14 @@ files:
73
73
  - _includes/icon-twitter.html
74
74
  - _includes/icon-twitter.svg
75
75
  - _layouts/default.html
76
+ - _layouts/home.html
76
77
  - _layouts/page.html
77
78
  - _layouts/post.html
78
79
  - _sass/douding.scss
79
80
  - _sass/douding/_base.scss
80
81
  - _sass/douding/_layout.scss
81
82
  - _sass/douding/_syntax-highlighting.scss
83
+ - assets/main.scss
82
84
  homepage: http://www.boyishwei.com
83
85
  licenses:
84
86
  - MIT