yefeme 0.2.10 → 0.3.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 (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>