Add teaser, fix margin
75b47cceac68947bebf37fa7d55a12dc117bb092
1 parent
a6e75ac4
build
+1 -0
| 63 | 63 | attrs[matches[1].downcase.to_sym] = matches[2].chomp |
|
| 64 | 64 | end |
|
| 65 | 65 | ||
| 66 | 66 | @date = attrs[:date] |
|
| 67 | 67 | @title = attrs[:title] |
|
| 68 | + | @teaser = attrs[:teaser] |
|
| 68 | 69 | end |
|
| 69 | 70 | end |
|
| 70 | 71 | ||
| 71 | 72 | def build!(base, out) |
|
| 72 | 73 | base = Pathname::new(base) |
css/base.css
+4 -1
| 89 | 89 | border: none; |
|
| 90 | 90 | border-top: 1px solid var(--subtle-color); |
|
| 91 | 91 | margin: 2rem 0; |
|
| 92 | 92 | } |
|
| 93 | 93 | ||
| 94 | + | section.body { |
|
| 95 | + | margin-bottom: 36rem; |
|
| 96 | + | } |
|
| 97 | + | ||
| 94 | 98 | /* |
|
| 95 | 99 | * HEADERS |
|
| 96 | 100 | */ |
|
| 97 | 101 | ||
| 98 | 102 | h1, h2, h3, h4 { |
| 179 | 183 | code.language-rust .number { |
|
| 180 | 184 | color: #fff897; |
|
| 181 | 185 | } |
|
| 182 | 186 | ||
| 183 | 187 | sup.footnote-ref { |
|
| 184 | - | text-decoration: underline; |
|
| 185 | 188 | vertical-align: baseline; |
|
| 186 | 189 | position: relative; |
|
| 187 | 190 | top: -0.4em; |
|
| 188 | 191 | } |
|
| 189 | 192 |
page.html.erb
+4 -1
| 17 | 17 | <li><a href="https://github.com/cloudhead">code</a> <span class="subtle">github.com/cloudhead</span></li> |
|
| 18 | 18 | <li><a href="https://github.com/cloudhead/dotfiles">dotfiles</a> <span class="subtle">~/.*</span></li> |
|
| 19 | 19 | <li><a href="https://github.com/cloudhead/shady.vim">shady</a> <span class="subtle">:colorscheme</span</li> |
|
| 20 | 20 | <li><a href="https://rx.cloudhead.io">rx</a> <span class="subtle">rx.cloudhead.io</span></li> |
|
| 21 | 21 | <% articles.each do |a| %> |
|
| 22 | - | <li><a href="/<%= a.name %>/"><%= a.name %></a> <span class="subtle"><%= a.date %></li> |
|
| 22 | + | <li> |
|
| 23 | + | <a href="/<%= a.name %>/"><%= a.name %></a> |
|
| 24 | + | <span class="subtle"><%= a.teaser || a.date %></span> |
|
| 25 | + | </li> |
|
| 23 | 26 | <% end %> |
|
| 24 | 27 | <li><a href="https://twitter.com/cloudhead">tweets</a></li> |
|
| 25 | 28 | <li><a href="https://merveilles.town/@cloudhead">toots</a></li> |
|
| 26 | 29 | <li><a href="https://ello.co/cloudhead">drawings</a></li> |
|
| 27 | 30 | </ul> |