yefeme 0.2.10 → 0.3.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (9) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/head.html +1 -1
  3. data/_layouts/default.html +1 -7
  4. data/_layouts/home.html +26 -8
  5. data/_layouts/post.html +15 -7
  6. data/_sass/yefeme.scss +114 -133
  7. metadata +1 -3
  8. data/_includes/footer.html +0 -18
  9. data/_includes/header.html +0 -5
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 52ca506d4977a637b40fefe5b3a8a5123e0c9040
4
- data.tar.gz: ae236a1ad7ba06c27c50a8f41a7c8b6e54adb6b4
3
+ metadata.gz: 5abd6170784f5e66a5a0994c4a7fe361ec8714cd
4
+ data.tar.gz: ccee5f53a7e71fed2ee6399c08617e0dceec128a
5
5
  SHA512:
6
- metadata.gz: 0cb7c044923c3912a6e81a044100a1daae395ce96c4110cb79630b1d1d2f903c58442432282cb09ff2eca778f594aa13e60ee54dd830aacda38ed47ee1c9baa7
7
- data.tar.gz: 31dc473f7faa2b53db985690c429a332baaf89326b0eb0a02455487e4d49ee60bad8ee403f03f0fce9ab6b5d3ae1d13b29f5114cc5f63e2290fc9a1e9a58d47b
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=Frank+Ruhl+Libre|Varela+Round" rel="stylesheet">
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
@@ -3,13 +3,7 @@
3
3
  {% include head.html %}
4
4
  <body>
5
5
  <div class="wrapper">
6
- {% include header.html %}
7
- <main>
8
- <div class="content">
9
- {{ content }}
10
- </div>
11
- </main>
12
- {% include footer.html %}
6
+ {{ content }}
13
7
  </div>
14
8
  </body>
15
9
  </html>
data/_layouts/home.html CHANGED
@@ -2,11 +2,29 @@
2
2
  layout: default
3
3
  ---
4
4
 
5
- <ul class="post-list">
6
- {% for post in site.posts %}
7
- <li>
8
- <h2><a href="{{ post.url | relative_url }}">{{ post.title | escape }}</a></h2>
9
- <span>{{ post.date | date: "%B %-d, %Y" }}</span>
10
- </li>
11
- {% endfor %}
12
- </ul>
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
- <article>
6
- <div class="post-header">
7
- <h1 class="post-title" itemprop="name headline">{{ page.title | escape }}</h1>
8
- <p class="post-meta"><time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">{{ page.date | date: "%B %-d, %Y" }}</time></p>
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
- <div class="post-content" itemprop="articleBody">
16
+ </header>
17
+ <main>
18
+ <article itemprop="articleBody">
11
19
  {{ content }}
12
- </div>
13
- </article>
20
+ </article>
21
+ </main>
data/_sass/yefeme.scss CHANGED
@@ -1,17 +1,6 @@
1
- $base-font-family: 'Frank Ruhl Libre', serif !default;
2
- $base-font-size: 20px !default;
3
- $base-font-weight: 400 !default;
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
- background-color: $white;
35
- color: $primary;
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
- a,
63
- a:hover,
64
- a:active,
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
- display: flex;
73
- flex-direction: column;
39
+ margin: 0 auto;
40
+ max-width: 1000px;
74
41
  min-height: 100%;
75
42
  }
76
43
 
77
- .content {
78
- margin: 0 auto;
79
- max-width: $width;
80
- padding: 0 $spacing;
44
+ h1,
45
+ h2 {
46
+ color: $header-text;
47
+ margin: 0;
48
+ }
81
49
 
82
- h2 {
83
- font-size: 30px;
84
- margin: 0;
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
- flex-grow: 1;
75
+ margin: 0 0 0 auto;
76
+ padding: 136px 0 0;
77
+ width: 616px;
90
78
  }
91
79
 
92
- header {
93
- margin: 0 0 20px;
94
- padding: 20px 0;
95
-
96
- a,
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
- footer {
105
- .content {
106
- border-top: 1px solid $light-gray;
107
- display: flex;
108
- justify-content: space-between;
109
- padding: 20px 30px;
110
- }
87
+ .post {
88
+ display: flex;
89
+ justify-content: space-between;
90
+ margin: 0 0 44px;
91
+ }
111
92
 
112
- .copyright {
113
- span {
114
- color: $secondary;
115
- font-size: .75em;
116
- }
117
- }
93
+ .post-details {
94
+ width: 488px;
95
+ }
118
96
 
119
- .links {
120
- a {
121
- margin: 0 10px 0 0;
122
- }
97
+ .excerpt {
98
+ font-size: 14px;
99
+ line-height: 1.73;
100
+ margin: 0;
101
+ }
123
102
 
124
- a:last-child {
125
- margin: 0;
126
- }
127
- }
103
+ header {
104
+ align-items: center;
105
+ display: flex;
106
+ height: 100vh;
107
+ position: fixed;
128
108
  }
129
109
 
130
- .post-list {
131
- li {
132
- align-items: center;
133
- display: flex;
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
- .post-header {
164
- margin: 0 0 20px;
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
- .post-meta {
167
- color: $secondary;
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
- .post-title {
146
+ a {
172
147
  color: $accent;
173
148
  }
174
149
  }
175
150
 
176
- .post-content {
177
- h2 {
178
- font-size: 26px;
179
- margin: 40px 0 0;
180
- }
151
+ .social {
152
+ margin: 16px 0 0;
181
153
 
182
- p {
154
+ a {
155
+ display: inline-block;
183
156
  font-size: 16px;
184
- margin: 0 0 12px;
157
+ margin: 0 16px 0 0;
185
158
  }
159
+ }
186
160
 
187
- p:last-child {
188
- margin: 0 0 24px;
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
- border: 1px solid $light-gray;
194
- margin: 0 0 12px;
195
- padding: 5px 0 5px 5px;
170
+ margin: 0 0 24px;
171
+ padding: 0 0 0 52px;
196
172
 
197
173
  pre {
198
- font-size: $small-font-size;
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.2.10
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 }} &copy; {{ site.time | date: '%Y' }}</span>
16
- </div>
17
- </div>
18
- </footer>
data/_includes/header.html DELETED
@@ -1,5 +0,0 @@
1
- <header>
2
- <nav class="content">
3
- <h2><a href="{{ "/" | relative_url}}">{{ site.title | escape }}</a></h2>
4
- </nav>
5
- </header>