Package not found. Please check the package name and try again.

douding 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.
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