plainwhite 0.8 → 0.9
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 +4 -4
- data/README.md +38 -5
- data/_layouts/default.html +59 -31
- data/_layouts/home.html +31 -29
- data/_sass/plain.scss +209 -156
- metadata +6 -6
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 28b440feebddd7fbecdf5288524b58efa92f2b3f
|
|
4
|
+
data.tar.gz: 060ba59223a9b45b4344335fc63416f8f6dc8bfe
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: a379f046bbf73c72975eeab9cd8baf6a3e1887e27b20f36d7dc87397936e3a50806e9bcb24176ef44c911927e1ca6639ebcecb8436947d515151c8ebda5e22fe
|
|
7
|
+
data.tar.gz: ee93974bb5e85afa315ca9dbdd58ba23026eadade36bd135190153bee7f8e90284c623296a4007d602e178c931b2f3a9a65abccc6bc870708daf7ac0afee8964
|
data/README.md
CHANGED
|
@@ -6,13 +6,14 @@ Simplistic jekyll portfolio-style theme for writers.
|
|
|
6
6
|
|
|
7
7
|

|
|
8
8
|
|
|
9
|
-
|
|
10
9
|
## Installation on Github Pages
|
|
11
10
|
|
|
12
11
|
Add this line to your site's `_config.yml`:
|
|
12
|
+
|
|
13
13
|
```yaml
|
|
14
14
|
remote_theme: thelehhman/plainwhite-jekyll
|
|
15
15
|
```
|
|
16
|
+
|
|
16
17
|
## Installation
|
|
17
18
|
|
|
18
19
|
Add this line to your Jekyll site's `Gemfile`:
|
|
@@ -37,7 +38,8 @@ Or install it yourself as:
|
|
|
37
38
|
|
|
38
39
|
## Usage
|
|
39
40
|
|
|
40
|
-
The "plainwhite" key in _config.yml is used to customize the theme data.
|
|
41
|
+
The "plainwhite" key in \_config.yml is used to customize the theme data.
|
|
42
|
+
|
|
41
43
|
```yaml
|
|
42
44
|
plainwhite:
|
|
43
45
|
name: Adam Denisov
|
|
@@ -46,7 +48,7 @@ plainwhite:
|
|
|
46
48
|
|
|
47
49
|
social_links:
|
|
48
50
|
twitter: thelehhman
|
|
49
|
-
github:
|
|
51
|
+
github: thelehhman
|
|
50
52
|
linkedIn: in/thelehhman # format: locale/username
|
|
51
53
|
```
|
|
52
54
|
|
|
@@ -57,6 +59,7 @@ The placeholder portfolio image can be replaced by the desired image by placing
|
|
|
57
59
|
**Comments (Disqus)**
|
|
58
60
|
|
|
59
61
|
Comments on posts can be enabled by specifying your disqus_shortname under plainwhite in `_config.yml`. For example,
|
|
62
|
+
|
|
60
63
|
```yaml
|
|
61
64
|
plainwhite:
|
|
62
65
|
disqus_shortname: games
|
|
@@ -65,14 +68,15 @@ plainwhite:
|
|
|
65
68
|
**Google Analytics**
|
|
66
69
|
|
|
67
70
|
It can be enabled by specifying your analytics id under plainwhite in `_config.yml`
|
|
71
|
+
|
|
68
72
|
```yaml
|
|
69
73
|
plainwhite:
|
|
70
|
-
analytics_id:
|
|
74
|
+
analytics_id: "< YOUR ID >"
|
|
71
75
|
```
|
|
72
76
|
|
|
73
77
|
**Sitemap**
|
|
74
78
|
|
|
75
|
-
It can be toggled by the following line to under plainwhite in
|
|
79
|
+
It can be toggled by the following line to under plainwhite in `_config.yml`
|
|
76
80
|
|
|
77
81
|
```yaml
|
|
78
82
|
plainwhite:
|
|
@@ -82,15 +86,44 @@ plainwhite:
|
|
|
82
86
|
**Excerpts**
|
|
83
87
|
|
|
84
88
|
Excerpts can be enabled by adding the following line to your `_config.yml`
|
|
89
|
+
|
|
85
90
|
```yaml
|
|
86
91
|
show_excerpts: true
|
|
87
92
|
```
|
|
93
|
+
|
|
88
94
|
**Layouts**
|
|
89
95
|
|
|
90
96
|
- Home
|
|
91
97
|
- Page
|
|
92
98
|
- Post
|
|
93
99
|
|
|
100
|
+
**Navigation**
|
|
101
|
+
|
|
102
|
+
Navigation can be enabled by adding the following line to your `_config.yml`
|
|
103
|
+
|
|
104
|
+
```yaml
|
|
105
|
+
plainwhite:
|
|
106
|
+
navigation:
|
|
107
|
+
- title: My Work
|
|
108
|
+
url: "/my-work"
|
|
109
|
+
- title: Resume
|
|
110
|
+
url: "/resume"
|
|
111
|
+
```
|
|
112
|
+
|
|
113
|
+
**Multiline tagline**
|
|
114
|
+
|
|
115
|
+
Tagline can be multiline in this way
|
|
116
|
+
|
|
117
|
+
```yaml
|
|
118
|
+
plainwhite:
|
|
119
|
+
tagline: |
|
|
120
|
+
First Line.
|
|
121
|
+
|
|
122
|
+
Second Line.
|
|
123
|
+
|
|
124
|
+
Third Line.
|
|
125
|
+
```
|
|
126
|
+
|
|
94
127
|
## Contributing
|
|
95
128
|
|
|
96
129
|
Bug reports and pull requests are welcome on GitHub at https://github.com/thelehhman/plainwhite-jekyll. 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.
|
data/_layouts/default.html
CHANGED
|
@@ -1,40 +1,68 @@
|
|
|
1
1
|
<!DOCTYPE html>
|
|
2
2
|
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
|
|
5
|
-
</head>
|
|
6
|
-
<body>
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
3
|
+
<head>
|
|
4
|
+
{%- include head.html -%}
|
|
5
|
+
</head>
|
|
6
|
+
<body>
|
|
7
|
+
<main class="container">
|
|
8
|
+
<section class="about">
|
|
9
|
+
<a href="/"><img src="{{ "/assets/portfolio.png" | relative_url }}" alt="{{ site.plainwhite.name }}"></a>
|
|
10
|
+
<h2 id="title">
|
|
11
|
+
<a href="/">{{ site.plainwhite.name }}</a>
|
|
12
|
+
</h2>
|
|
13
|
+
<p class="tagline">{{ site.plainwhite.tagline }}</p>
|
|
14
|
+
<ul class="social">
|
|
15
|
+
{%- if site.plainwhite.social_links.github -%}
|
|
16
|
+
<a href="https://github.com/{{ site.plainwhite.social_links.github }}">
|
|
17
|
+
<li>
|
|
18
|
+
<i class="icon-github-circled"></i>
|
|
19
|
+
</li>
|
|
20
|
+
</a>
|
|
21
|
+
{%- endif -%}
|
|
22
|
+
{%- if site.plainwhite.social_links.linkedIn -%}
|
|
23
|
+
<a href="https://www.linkedin.com/{{ site.plainwhite.social_links.linkedIn }}">
|
|
24
|
+
<li>
|
|
25
|
+
<i class="icon-linkedin-squared"></i>
|
|
26
|
+
</li>
|
|
27
|
+
</a>
|
|
28
|
+
{%- endif -%}
|
|
29
|
+
{%- if site.plainwhite.social_links.twitter -%}
|
|
30
|
+
<a href="https://twitter.com/{{ site.plainwhite.social_links.twitter }}">
|
|
31
|
+
<li>
|
|
32
|
+
<i class="icon-twitter-squared"></i>
|
|
33
|
+
</li>
|
|
34
|
+
</a>
|
|
35
|
+
{%- endif -%}
|
|
36
|
+
</ul>
|
|
37
|
+
|
|
38
|
+
{%- if site.plainwhite.navigation -%}
|
|
39
|
+
<nav class="navigation">
|
|
40
|
+
<ul>
|
|
41
|
+
{% for link in site.plainwhite.navigation %}
|
|
42
|
+
<li>
|
|
43
|
+
<a href="{{ link.url }}">{{ link.title }}</a>
|
|
44
|
+
</li>
|
|
45
|
+
{% endfor %}
|
|
46
|
+
</ul>
|
|
47
|
+
</nav>
|
|
48
|
+
{%- endif -%}
|
|
49
|
+
|
|
50
|
+
<p>©
|
|
51
|
+
{{ "now" | date: "%Y" }}</p>
|
|
52
|
+
</section>
|
|
53
|
+
<section class="content">
|
|
54
|
+
{{ content }}
|
|
55
|
+
</section>
|
|
56
|
+
</main>
|
|
57
|
+
{%- if site.plainwhite.analytics_id -%}
|
|
58
|
+
<script async src="https://www.googletagmanager.com/gtag/js?id={{ site.plainwhite.analytics_id }}"></script>
|
|
59
|
+
<script>
|
|
32
60
|
window.dataLayer = window.dataLayer || [];
|
|
33
61
|
function gtag() { dataLayer.push(arguments); }
|
|
34
62
|
gtag('js', new Date());
|
|
35
63
|
|
|
36
64
|
gtag('config', '{{ site.plainwhite.analytics_id }}');
|
|
37
65
|
</script>
|
|
38
|
-
|
|
39
|
-
</body>
|
|
66
|
+
{%- endif -%}
|
|
67
|
+
</body>
|
|
40
68
|
</html>
|
data/_layouts/home.html
CHANGED
|
@@ -3,41 +3,43 @@ layout: default
|
|
|
3
3
|
---
|
|
4
4
|
|
|
5
5
|
{%- if page.title -%}
|
|
6
|
-
<h1 class="page-heading">{{ page.title }}</h1>
|
|
6
|
+
<h1 class="page-heading">{{ page.title }}</h1>
|
|
7
7
|
{%- endif -%}
|
|
8
8
|
|
|
9
9
|
{{ content }}
|
|
10
10
|
|
|
11
11
|
{%- if site.posts.size > 0 -%}
|
|
12
|
-
<ul class="posts">
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
12
|
+
<ul class="posts">
|
|
13
|
+
<li>
|
|
14
|
+
<h1 id="posts-label">posts</h1>
|
|
15
|
+
</li>
|
|
16
16
|
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
</
|
|
17
|
+
{%- for post in site.posts -%}
|
|
18
|
+
<li>
|
|
19
|
+
{%- assign date_format = site.plainwhite.date_format | default: "%b %-d, %Y" -%}
|
|
20
|
+
<a class="post-link" href="{{ post.url | relative_url }}">
|
|
21
|
+
<h2 class="post-title">{{ post.title | escape }}</h2>
|
|
22
|
+
</a>
|
|
23
|
+
<div class="post-meta">
|
|
24
|
+
<ul class="post-categories">
|
|
25
|
+
{%- for tag in post.categories -%}
|
|
26
|
+
<li>{{ tag }}</li>
|
|
27
|
+
{%- endfor -%}
|
|
28
|
+
</ul>
|
|
29
|
+
<div class="post-date">
|
|
30
|
+
<i class="icon-calendar"></i>
|
|
31
|
+
{{ post.date | date: date_format }}</div>
|
|
32
|
+
</div>
|
|
33
|
+
<div class="post">
|
|
34
|
+
{%- if site.show_excerpts -%}
|
|
35
|
+
{{ post.excerpt }}
|
|
36
|
+
{%- endif -%}
|
|
37
|
+
</div>
|
|
38
|
+
</li>
|
|
39
|
+
{%- endfor -%}
|
|
40
|
+
</ul>
|
|
39
41
|
|
|
40
|
-
<!-- <p class="feed-subscribe"><svg class="svg-icon orange">
|
|
42
|
+
<!-- <p class="feed-subscribe"><svg class="svg-icon orange">
|
|
41
43
|
<use xlink:href="{{ '/assets/minima-social-icons.svg#rss' | relative_url }}"></use>
|
|
42
44
|
</svg><a href="{{ "/feed.xml" | relative_url }}">Subscribe</a></p> -->
|
|
43
|
-
{%- endif -%}
|
|
45
|
+
{%- endif -%}
|
data/_sass/plain.scss
CHANGED
|
@@ -1,197 +1,250 @@
|
|
|
1
|
-
@import
|
|
2
|
-
@import
|
|
3
|
-
@import
|
|
1
|
+
@import "ext/fonts";
|
|
2
|
+
@import "ext/normalize";
|
|
3
|
+
@import "syntax";
|
|
4
4
|
|
|
5
|
-
$linkColor: #
|
|
5
|
+
$linkColor: #0a59b0;
|
|
6
6
|
$mobileW: 768px;
|
|
7
7
|
$smallMobileW: 480px;
|
|
8
8
|
$bigScreenW: 1600px;
|
|
9
9
|
$leftWidth: 220px;
|
|
10
10
|
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
*,
|
|
12
|
+
*:before,
|
|
13
|
+
*:after {
|
|
14
|
+
box-sizing: border-box;
|
|
13
15
|
}
|
|
14
16
|
|
|
15
17
|
body {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
18
|
+
font-family: "Raleway", sans-serif;
|
|
19
|
+
font-size: 16px;
|
|
20
|
+
line-height: 1.2em;
|
|
21
|
+
margin: 0;
|
|
22
|
+
-webkit-font-smoothing: antialiased;
|
|
23
|
+
-moz-osx-font-smoothing: grayscale;
|
|
22
24
|
}
|
|
23
25
|
|
|
24
|
-
img,
|
|
25
|
-
|
|
26
|
+
img,
|
|
27
|
+
embed,
|
|
28
|
+
object,
|
|
29
|
+
video {
|
|
30
|
+
max-width: 100%;
|
|
26
31
|
}
|
|
27
32
|
|
|
28
33
|
a {
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
+
color: #000;
|
|
35
|
+
transition: color 0.3s;
|
|
36
|
+
&:hover {
|
|
37
|
+
color: $linkColor;
|
|
38
|
+
}
|
|
34
39
|
}
|
|
35
40
|
|
|
36
41
|
h2 {
|
|
37
|
-
|
|
42
|
+
margin: 0.7em 0;
|
|
38
43
|
}
|
|
39
44
|
main {
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
45
|
+
margin: 0 90px;
|
|
46
|
+
display: flex;
|
|
47
|
+
height: 100%;
|
|
48
|
+
|
|
49
|
+
@media screen and (min-width: $bigScreenW) {
|
|
50
|
+
margin: 0 auto;
|
|
51
|
+
max-width: 1440px;
|
|
52
|
+
}
|
|
53
|
+
@media screen and (max-width: 1280px) {
|
|
54
|
+
margin: 0 75px;
|
|
55
|
+
}
|
|
56
|
+
@media screen and (max-width: 1024px) {
|
|
57
|
+
margin: 0 35px;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
@media screen and (max-width: $mobileW) {
|
|
61
|
+
margin: 0 10px;
|
|
62
|
+
flex-direction: column;
|
|
63
|
+
}
|
|
64
|
+
@media screen and (max-width: $smallMobileW) {
|
|
65
|
+
margin: 0;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.content {
|
|
69
|
+
@media screen and (min-width: $mobileW + 1) {
|
|
70
|
+
max-width: calc(100% - #{$leftWidth});
|
|
71
|
+
margin-left: $leftWidth;
|
|
72
|
+
width: 100%;
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
.about {
|
|
76
|
+
display: flex;
|
|
77
|
+
height: 100vh;
|
|
78
|
+
padding-bottom: 15vh;
|
|
79
|
+
@media screen and (max-width: $mobileW) {
|
|
80
|
+
height: auto;
|
|
81
|
+
padding: 10vh 0;
|
|
82
|
+
}
|
|
83
|
+
@media screen and (min-width: $mobileW + 1) {
|
|
84
|
+
position: fixed;
|
|
85
|
+
}
|
|
86
|
+
min-width: $leftWidth;
|
|
87
|
+
justify-content: center;
|
|
88
|
+
flex-direction: column;
|
|
89
|
+
align-items: center;
|
|
90
|
+
h2 {
|
|
91
|
+
font-size: 22px;
|
|
92
|
+
margin-top: 25px;
|
|
93
|
+
margin-bottom: 0;
|
|
94
|
+
color: #222222;
|
|
95
|
+
font-weight: normal;
|
|
96
|
+
}
|
|
97
|
+
.tagline {
|
|
98
|
+
font-size: 22px;
|
|
99
|
+
margin-top: 17px;
|
|
100
|
+
color: #aaa;
|
|
101
|
+
white-space: pre-wrap;
|
|
102
|
+
line-height: normal;
|
|
103
|
+
}
|
|
104
|
+
img {
|
|
105
|
+
max-width: 150px;
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
#title {
|
|
110
|
+
a {
|
|
111
|
+
text-decoration: none;
|
|
112
|
+
}
|
|
101
113
|
}
|
|
102
114
|
.social {
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
115
|
+
list-style-type: none;
|
|
116
|
+
padding: 0;
|
|
117
|
+
margin-top: 0;
|
|
118
|
+
li {
|
|
119
|
+
float: left;
|
|
120
|
+
i {
|
|
121
|
+
font-size: 34px;
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
.navigation {
|
|
127
|
+
width: 80%;
|
|
128
|
+
|
|
129
|
+
ul {
|
|
130
|
+
list-style-type: none;
|
|
131
|
+
padding: 0;
|
|
132
|
+
margin-top: 0;
|
|
133
|
+
|
|
134
|
+
li:last-child {
|
|
135
|
+
a {
|
|
136
|
+
border-bottom: 0;
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
a {
|
|
141
|
+
display: block;
|
|
142
|
+
font-family: 'Merriweather';
|
|
143
|
+
text-align: center;
|
|
144
|
+
padding: 1rem 0;
|
|
145
|
+
text-decoration: none;
|
|
146
|
+
border-bottom: 1px solid #ececec;
|
|
147
|
+
|
|
148
|
+
@media screen and (max-width: $mobileW) {
|
|
149
|
+
padding: 2rem 0;
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
.post-wrapper {
|
|
156
|
+
border-bottom: 1px solid #ececec;
|
|
157
|
+
margin-bottom: 1rem;
|
|
158
|
+
padding-bottom: 1rem;
|
|
112
159
|
}
|
|
113
160
|
|
|
114
161
|
.post-categories {
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
162
|
+
list-style-type: none;
|
|
163
|
+
margin: 0;
|
|
164
|
+
padding: 0;
|
|
165
|
+
li {
|
|
166
|
+
font-size: 14px;
|
|
167
|
+
float: left;
|
|
168
|
+
background-color: #e3e3e3;
|
|
169
|
+
padding: 5px 20px;
|
|
170
|
+
border-radius: 2px;
|
|
171
|
+
@media screen and (max-width: $mobileW) {
|
|
172
|
+
margin-top: 5px;
|
|
173
|
+
}
|
|
174
|
+
margin-right: 10px;
|
|
175
|
+
margin-bottom: 10px;
|
|
176
|
+
}
|
|
130
177
|
}
|
|
131
178
|
.post-date {
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
179
|
+
margin-right: 10px;
|
|
180
|
+
color: #555;
|
|
181
|
+
min-width: 150px;
|
|
135
182
|
}
|
|
136
183
|
.post-meta {
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
184
|
+
display: flex;
|
|
185
|
+
justify-content: space-between;
|
|
186
|
+
align-items: center;
|
|
187
|
+
@media screen and (max-width: $mobileW) {
|
|
188
|
+
flex-direction: column-reverse;
|
|
189
|
+
align-items: baseline;
|
|
190
|
+
.post-date {
|
|
191
|
+
margin-bottom: 16px;
|
|
192
|
+
}
|
|
193
|
+
}
|
|
147
194
|
}
|
|
148
195
|
.post-link {
|
|
149
|
-
|
|
196
|
+
text-decoration: none;
|
|
150
197
|
}
|
|
151
198
|
|
|
152
199
|
.post-title {
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
}
|
|
156
|
-
.posts,
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
200
|
+
line-height: 1.2em;
|
|
201
|
+
font-size: 28px;
|
|
202
|
+
}
|
|
203
|
+
.posts,
|
|
204
|
+
.post-container {
|
|
205
|
+
list-style-type: none;
|
|
206
|
+
margin: 45px 30px;
|
|
207
|
+
@media screen and (max-width: $smallMobileW) {
|
|
208
|
+
margin-left: 20px;
|
|
209
|
+
margin-right: 20px;
|
|
210
|
+
}
|
|
211
|
+
@media screen and (max-width: $mobileW) {
|
|
212
|
+
padding: 0 !important;
|
|
213
|
+
margin-top: 0;
|
|
214
|
+
}
|
|
167
215
|
}
|
|
168
216
|
.post-container {
|
|
169
|
-
|
|
217
|
+
padding-left: 30px;
|
|
170
218
|
}
|
|
171
219
|
.post {
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
220
|
+
font-family: "Merriweather", sans-serif;
|
|
221
|
+
font-weight: 300;
|
|
222
|
+
color: #222;
|
|
223
|
+
line-height: 1.9em;
|
|
224
|
+
a {
|
|
225
|
+
color: $linkColor;
|
|
226
|
+
text-decoration: none;
|
|
227
|
+
transition: border-bottom 0.4s;
|
|
228
|
+
&:hover {
|
|
229
|
+
border-bottom: 0.5px solid $linkColor;
|
|
230
|
+
}
|
|
231
|
+
}
|
|
232
|
+
h1,
|
|
233
|
+
h2,
|
|
234
|
+
h3,
|
|
235
|
+
h4,
|
|
236
|
+
h5,
|
|
237
|
+
h6 {
|
|
238
|
+
font-family: Raleway, sans-serif;
|
|
239
|
+
}
|
|
187
240
|
}
|
|
188
241
|
|
|
189
242
|
#posts-label {
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
243
|
+
border-bottom: 1px solid #eee;
|
|
244
|
+
font-size: 15px;
|
|
245
|
+
color: #777;
|
|
246
|
+
text-transform: uppercase;
|
|
247
|
+
letter-spacing: 0.5px;
|
|
248
|
+
padding-bottom: 10px;
|
|
249
|
+
font-weight: normal;
|
|
197
250
|
}
|
metadata
CHANGED
|
@@ -1,41 +1,41 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: plainwhite
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: '0.
|
|
4
|
+
version: '0.9'
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Samarjeet
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date:
|
|
11
|
+
date: 2020-01-11 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
15
15
|
requirement: !ruby/object:Gem::Requirement
|
|
16
16
|
requirements:
|
|
17
|
-
- - "
|
|
17
|
+
- - ">="
|
|
18
18
|
- !ruby/object:Gem::Version
|
|
19
19
|
version: 3.7.3
|
|
20
20
|
type: :runtime
|
|
21
21
|
prerelease: false
|
|
22
22
|
version_requirements: !ruby/object:Gem::Requirement
|
|
23
23
|
requirements:
|
|
24
|
-
- - "
|
|
24
|
+
- - ">="
|
|
25
25
|
- !ruby/object:Gem::Version
|
|
26
26
|
version: 3.7.3
|
|
27
27
|
- !ruby/object:Gem::Dependency
|
|
28
28
|
name: jekyll-seo-tag
|
|
29
29
|
requirement: !ruby/object:Gem::Requirement
|
|
30
30
|
requirements:
|
|
31
|
-
- - "
|
|
31
|
+
- - ">="
|
|
32
32
|
- !ruby/object:Gem::Version
|
|
33
33
|
version: 2.1.0
|
|
34
34
|
type: :runtime
|
|
35
35
|
prerelease: false
|
|
36
36
|
version_requirements: !ruby/object:Gem::Requirement
|
|
37
37
|
requirements:
|
|
38
|
-
- - "
|
|
38
|
+
- - ">="
|
|
39
39
|
- !ruby/object:Gem::Version
|
|
40
40
|
version: 2.1.0
|
|
41
41
|
- !ruby/object:Gem::Dependency
|