yefeme 0.2.10 → 0.3.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_includes/head.html +1 -1
- data/_layouts/default.html +1 -7
- data/_layouts/home.html +26 -8
- data/_layouts/post.html +15 -7
- data/_sass/yefeme.scss +114 -133
- metadata +1 -3
- data/_includes/footer.html +0 -18
- data/_includes/header.html +0 -5
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 5abd6170784f5e66a5a0994c4a7fe361ec8714cd
|
4
|
+
data.tar.gz: ccee5f53a7e71fed2ee6399c08617e0dceec128a
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: c677dbb7bcea82aa30cbe50d4bf6abe5725e04f889b17b3f60ce0d033207f0167e2dd8fc8b8181bbffcebedb049e4f4bd2ac05895fd6b22fbe027588b5507c64
|
7
|
+
data.tar.gz: c0af93e497598b5e5f7abac3caff14ecde6ccb960b77f0f1c07deeb63911bd2ee10df45d862181591462578ad46306b5ea02bb2dbb46081fc1138ba25a463e0e
|
data/_includes/head.html
CHANGED
@@ -26,6 +26,6 @@
|
|
26
26
|
|
27
27
|
<link rel="canonical" href="{{ page.url | replace:'index.html','' | absolute_url }}">
|
28
28
|
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
|
29
|
-
<link href="https://fonts.googleapis.com/css?family=
|
29
|
+
<link href="https://fonts.googleapis.com/css?family=Inconsolata:400,700|Libre+Baskerville:400,400i,700" rel="stylesheet">
|
30
30
|
<link rel="stylesheet" href="{{ "/assets/yefeme.css" | relative_url }}">
|
31
31
|
</head>
|
data/_layouts/default.html
CHANGED
data/_layouts/home.html
CHANGED
@@ -2,11 +2,29 @@
|
|
2
2
|
layout: default
|
3
3
|
---
|
4
4
|
|
5
|
-
<
|
6
|
-
|
7
|
-
<
|
8
|
-
<
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
5
|
+
<header>
|
6
|
+
<div class="logo">
|
7
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="103" height="136" viewBox="0 0 103 136">
|
8
|
+
<path fill="#F22939" fill-rule="evenodd" d="M0 0v6.663h2.352c5.29 0 8.034 3.331 9.406 6.27L49.97 94.26c-3.135 8.623-9.798 29.003-16.657 29.003-3.331 0-3.331-3.723-3.527-5.879-.392-6.859-5.095-11.17-12.542-11.17-8.035 0-12.934 6.075-12.934 13.326C4.311 126.594 9.798 136 23.32 136c14.697 0 22.536-9.994 32.138-34.686L83.09 30.571C92.3 7.055 93.476 6.663 98.963 6.663h3.527V0H67.608v6.663h3.92c2.351 0 6.858.588 6.858 6.27 0 7.447-5.879 24.3-7.838 29.591l-9.015 24.3-23.516-53.89c-1.371-3.332-.196-6.271 3.332-6.271h5.29V0H0z"/>
|
9
|
+
</svg>
|
10
|
+
<div class="under" style="top: 184px;">
|
11
|
+
<h1><em>{{ site.title | escape }}</em></h1>
|
12
|
+
<div class="social">
|
13
|
+
<a class="accent" href="https://twitter.com/yefim"><i class="fa fa-twitter"></i></a><a class="accent" href="https://github.com/yefim"><i class="fa fa-github"></a></i><a class="accent" href="mailto:hi@yef.im"><i class="fa fa-paper-plane"></i></a>
|
14
|
+
</div>
|
15
|
+
</div>
|
16
|
+
</div>
|
17
|
+
</header>
|
18
|
+
<main>
|
19
|
+
<ul>
|
20
|
+
{% for post in site.posts %}
|
21
|
+
<li class="post">
|
22
|
+
<span class="accent date">{{ post.date | date: "%B %-d, %Y" }}</span>
|
23
|
+
<div class="post-details">
|
24
|
+
<h2><a href="{{ post.url | relative_url }}">{{ post.title | escape }}</a></h2>
|
25
|
+
<p class="excerpt">{{ post.excerpt | strip_html | normalize_whitespace | truncate: 160 | escape }}</p>
|
26
|
+
</div>
|
27
|
+
</li>
|
28
|
+
{% endfor %}
|
29
|
+
</ul>
|
30
|
+
</main>
|
data/_layouts/post.html
CHANGED
@@ -2,12 +2,20 @@
|
|
2
2
|
layout: default
|
3
3
|
---
|
4
4
|
|
5
|
-
<
|
6
|
-
<div class="
|
7
|
-
<
|
8
|
-
|
5
|
+
<header>
|
6
|
+
<div class="small-logo">
|
7
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="61" viewBox="0 0 103 136">
|
8
|
+
<path fill="#F22939" fill-rule="evenodd" d="M0 0v6.663h2.352c5.29 0 8.034 3.331 9.406 6.27L49.97 94.26c-3.135 8.623-9.798 29.003-16.657 29.003-3.331 0-3.331-3.723-3.527-5.879-.392-6.859-5.095-11.17-12.542-11.17-8.035 0-12.934 6.075-12.934 13.326C4.311 126.594 9.798 136 23.32 136c14.697 0 22.536-9.994 32.138-34.686L83.09 30.571C92.3 7.055 93.476 6.663 98.963 6.663h3.527V0H67.608v6.663h3.92c2.351 0 6.858.588 6.858 6.27 0 7.447-5.879 24.3-7.838 29.591l-9.015 24.3-23.516-53.89c-1.371-3.332-.196-6.271 3.332-6.271h5.29V0H0z"/>
|
9
|
+
</svg>
|
10
|
+
<div class="under" style="top: 83px;">
|
11
|
+
<h2 itemprop="name headline"><em>{{ page.title | escape }}</em></h2>
|
12
|
+
<p class="date"><time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">{{ page.date | date: "%B %-d, %Y" }}</time></p>
|
13
|
+
<a class="back accent" href="{{ "/" | relative }}">~ back to blog</a>
|
14
|
+
</div>
|
9
15
|
</div>
|
10
|
-
|
16
|
+
</header>
|
17
|
+
<main>
|
18
|
+
<article itemprop="articleBody">
|
11
19
|
{{ content }}
|
12
|
-
</
|
13
|
-
</
|
20
|
+
</article>
|
21
|
+
</main>
|
data/_sass/yefeme.scss
CHANGED
@@ -1,17 +1,6 @@
|
|
1
|
-
$
|
2
|
-
$
|
3
|
-
$
|
4
|
-
$small-font-size: $base-font-size * .8 !default;
|
5
|
-
$base-line-height: 1.5 !default;
|
6
|
-
|
7
|
-
$width: 760px;
|
8
|
-
$spacing: 30px;
|
9
|
-
|
10
|
-
$white: #fcfcfc !default;
|
11
|
-
$primary: #242325 !default;
|
12
|
-
$secondary: #84828f !default;
|
13
|
-
$accent: #ed254e !default;
|
14
|
-
$light-gray: #e8e8ea !default;
|
1
|
+
$accent: #f22939;
|
2
|
+
$header-text: #242525;
|
3
|
+
$text: #363838;
|
15
4
|
|
16
5
|
html {
|
17
6
|
box-sizing: border-box;
|
@@ -31,26 +20,8 @@ html {
|
|
31
20
|
}
|
32
21
|
|
33
22
|
body {
|
34
|
-
|
35
|
-
|
36
|
-
font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
|
37
|
-
font-feature-settings: "kern" 1;
|
38
|
-
font-kerning: normal;
|
39
|
-
}
|
40
|
-
|
41
|
-
h1,
|
42
|
-
h2,
|
43
|
-
h3,
|
44
|
-
h4,
|
45
|
-
h5 {
|
46
|
-
font-family: 'Varela Round', sans-serif;
|
47
|
-
font-weight: 400;
|
48
|
-
}
|
49
|
-
|
50
|
-
h1 {
|
51
|
-
font-size: 28px;
|
52
|
-
line-height: 36px;
|
53
|
-
margin: 0;
|
23
|
+
color: $text;
|
24
|
+
font-family: "Libre Baskerville", serif;
|
54
25
|
}
|
55
26
|
|
56
27
|
ul {
|
@@ -59,144 +30,154 @@ ul {
|
|
59
30
|
padding: 0;
|
60
31
|
}
|
61
32
|
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
a:focus,
|
66
|
-
a:visited {
|
67
|
-
color: $accent;
|
68
|
-
text-decoration: none;
|
33
|
+
li {
|
34
|
+
margin: 0;
|
35
|
+
padding: 0;
|
69
36
|
}
|
70
37
|
|
71
38
|
.wrapper {
|
72
|
-
|
73
|
-
|
39
|
+
margin: 0 auto;
|
40
|
+
max-width: 1000px;
|
74
41
|
min-height: 100%;
|
75
42
|
}
|
76
43
|
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
44
|
+
h1,
|
45
|
+
h2 {
|
46
|
+
color: $header-text;
|
47
|
+
margin: 0;
|
48
|
+
}
|
81
49
|
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
50
|
+
h1 {
|
51
|
+
font-size: 24px;
|
52
|
+
line-height: 1.73;
|
53
|
+
}
|
54
|
+
|
55
|
+
h2 {
|
56
|
+
font-size: 16px;
|
57
|
+
font-weight: 600;
|
58
|
+
line-height: 1.73;
|
59
|
+
}
|
60
|
+
|
61
|
+
em {
|
62
|
+
font-weight: 400;
|
63
|
+
}
|
64
|
+
|
65
|
+
a {
|
66
|
+
color: inherit;
|
67
|
+
text-decoration: none;
|
68
|
+
}
|
69
|
+
|
70
|
+
.accent {
|
71
|
+
color: $accent;
|
86
72
|
}
|
87
73
|
|
88
74
|
main {
|
89
|
-
|
75
|
+
margin: 0 0 0 auto;
|
76
|
+
padding: 136px 0 0;
|
77
|
+
width: 616px;
|
90
78
|
}
|
91
79
|
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
a:hover,
|
98
|
-
a:focus,
|
99
|
-
a:visited {
|
100
|
-
color: $primary;
|
101
|
-
}
|
80
|
+
.date {
|
81
|
+
font-size: 10px;
|
82
|
+
font-weight: 600;
|
83
|
+
line-height: 2.4;
|
84
|
+
margin: 4px 0 0;
|
102
85
|
}
|
103
86
|
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
padding: 20px 30px;
|
110
|
-
}
|
87
|
+
.post {
|
88
|
+
display: flex;
|
89
|
+
justify-content: space-between;
|
90
|
+
margin: 0 0 44px;
|
91
|
+
}
|
111
92
|
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
font-size: .75em;
|
116
|
-
}
|
117
|
-
}
|
93
|
+
.post-details {
|
94
|
+
width: 488px;
|
95
|
+
}
|
118
96
|
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
97
|
+
.excerpt {
|
98
|
+
font-size: 14px;
|
99
|
+
line-height: 1.73;
|
100
|
+
margin: 0;
|
101
|
+
}
|
123
102
|
|
124
|
-
|
125
|
-
|
126
|
-
|
127
|
-
|
103
|
+
header {
|
104
|
+
align-items: center;
|
105
|
+
display: flex;
|
106
|
+
height: 100vh;
|
107
|
+
position: fixed;
|
128
108
|
}
|
129
109
|
|
130
|
-
.
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
flex-direction: row;
|
135
|
-
flex-wrap: wrap;
|
136
|
-
justify-content: space-between;
|
137
|
-
margin: 0 0 12px;
|
138
|
-
|
139
|
-
@media screen and (max-width: 767px) {
|
140
|
-
align-items: flex-start;
|
141
|
-
flex-direction: column;
|
142
|
-
}
|
143
|
-
|
144
|
-
a:hover {
|
145
|
-
border-bottom: 1px solid $accent;
|
146
|
-
padding-bottom: 5px;
|
147
|
-
}
|
148
|
-
|
149
|
-
h2 {
|
150
|
-
font-size: 22px;
|
151
|
-
font-weight: 400;
|
152
|
-
line-height: 30px;
|
153
|
-
margin: 0;
|
154
|
-
}
|
155
|
-
|
156
|
-
span {
|
157
|
-
color: $secondary;
|
158
|
-
font-size: .75em;
|
159
|
-
}
|
160
|
-
}
|
110
|
+
.logo {
|
111
|
+
height: 136px;
|
112
|
+
position: relative;
|
113
|
+
width: 103px;
|
161
114
|
}
|
162
115
|
|
163
|
-
.
|
164
|
-
|
116
|
+
.small-logo {
|
117
|
+
height: 46px;
|
118
|
+
position: relative;
|
119
|
+
width: 61px;
|
120
|
+
}
|
121
|
+
|
122
|
+
.under {
|
123
|
+
left: 0;
|
124
|
+
position: absolute;
|
125
|
+
width: 232px;
|
126
|
+
}
|
127
|
+
|
128
|
+
article {
|
129
|
+
font-size: 16px;
|
130
|
+
line-height: 1.73;
|
131
|
+
text-align: justify;
|
165
132
|
|
166
|
-
|
167
|
-
color: $
|
133
|
+
h2 {
|
134
|
+
color: $accent;
|
135
|
+
font-size: 20px;
|
136
|
+
font-style: italic;
|
137
|
+
font-weight: 400;
|
168
138
|
margin: 0;
|
139
|
+
padding: 28px 0;
|
140
|
+
}
|
141
|
+
|
142
|
+
p {
|
143
|
+
margin: 0 0 28px;
|
169
144
|
}
|
170
145
|
|
171
|
-
|
146
|
+
a {
|
172
147
|
color: $accent;
|
173
148
|
}
|
174
149
|
}
|
175
150
|
|
176
|
-
.
|
177
|
-
|
178
|
-
font-size: 26px;
|
179
|
-
margin: 40px 0 0;
|
180
|
-
}
|
151
|
+
.social {
|
152
|
+
margin: 16px 0 0;
|
181
153
|
|
182
|
-
|
154
|
+
a {
|
155
|
+
display: inline-block;
|
183
156
|
font-size: 16px;
|
184
|
-
margin: 0 0
|
157
|
+
margin: 0 16px 0 0;
|
185
158
|
}
|
159
|
+
}
|
186
160
|
|
187
|
-
|
188
|
-
|
189
|
-
|
161
|
+
.back {
|
162
|
+
display: block;
|
163
|
+
font-size: 12px;
|
164
|
+
font-weight: 600;
|
165
|
+
line-height: 2;
|
166
|
+
margin: 24px 0 0;
|
190
167
|
}
|
191
168
|
|
192
169
|
.highlight {
|
193
|
-
|
194
|
-
|
195
|
-
padding: 5px 0 5px 5px;
|
170
|
+
margin: 0 0 24px;
|
171
|
+
padding: 0 0 0 52px;
|
196
172
|
|
197
173
|
pre {
|
198
|
-
|
174
|
+
line-height: 20px;
|
199
175
|
margin: 0;
|
200
176
|
overflow: scroll;
|
201
177
|
}
|
178
|
+
|
179
|
+
code {
|
180
|
+
font-family: "Inconsolata", monospace;
|
181
|
+
font-size: 14px;
|
182
|
+
}
|
202
183
|
}
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: yefeme
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.
|
4
|
+
version: 0.3.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Yefim Vedernikoff
|
@@ -61,9 +61,7 @@ extra_rdoc_files: []
|
|
61
61
|
files:
|
62
62
|
- LICENSE.txt
|
63
63
|
- README.md
|
64
|
-
- _includes/footer.html
|
65
64
|
- _includes/head.html
|
66
|
-
- _includes/header.html
|
67
65
|
- _layouts/default.html
|
68
66
|
- _layouts/home.html
|
69
67
|
- _layouts/post.html
|
data/_includes/footer.html
DELETED
@@ -1,18 +0,0 @@
|
|
1
|
-
<footer>
|
2
|
-
<div class="content">
|
3
|
-
<div class="links">
|
4
|
-
{% if site.twitter_username %}
|
5
|
-
<a href="https://twitter.com/{{ site.twitter_username }}"><i class="fa fa-twitter-square" aria-hidden="true"></i></a>
|
6
|
-
{% endif %}
|
7
|
-
{% if site.github_username %}
|
8
|
-
<a href="https://github.com/{{ site.github_username }}"><i class="fa fa-github-square" aria-hidden="true"></i></a>
|
9
|
-
{% endif %}
|
10
|
-
{% if site.email %}
|
11
|
-
<a href="mailto:{{ site.email }}"><i class="fa fa-envelope-square" aria-hidden="true"></i></a>
|
12
|
-
{% endif %}
|
13
|
-
</div>
|
14
|
-
<div class="copyright">
|
15
|
-
<span>{{ site.author }} © {{ site.time | date: '%Y' }}</span>
|
16
|
-
</div>
|
17
|
-
</div>
|
18
|
-
</footer>
|