From d197b659ea9c9d284086686555c1227116c9c4b1 Mon Sep 17 00:00:00 2001 From: Luke Shumaker Date: Tue, 3 Jan 2017 19:18:51 -0500 Subject: change index style --- TODO.org | 3 --- bin/index.md.erb | 3 ++- src/main.scss | 58 +++++++++++++++++++++----------------------------------- 3 files changed, 24 insertions(+), 40 deletions(-) diff --git a/TODO.org b/TODO.org index 0eba4da..7855b7c 100644 --- a/TODO.org +++ b/TODO.org @@ -9,8 +9,5 @@ - external link (and wiki-style icon!) - move breadcrumbs - single-space footer (and possible box) -- tags on right -- no bullets on indexes -- make dates hover text * wish - case insenstive URLs diff --git a/bin/index.md.erb b/bin/index.md.erb index f7a463b..621a323 100644 --- a/bin/index.md.erb +++ b/bin/index.md.erb @@ -1,6 +1,7 @@ --- title: "<%= @path %>" +class: "index" --- <% @pages.sort_by{|a|a.published}.reverse.each do |a| %> - * - [<%= a.title %>](<%= a.url %>)<% if a.updated != a.published %> (last updated )<% end %> <% a.tags.each do |t| %><%= t.html %><% end %><% end %> + * <%= a.title %><% a.tags.each do |t| %><%= t.html %><% end %><% end %> diff --git a/src/main.scss b/src/main.scss index c40cb52..552fde2 100644 --- a/src/main.scss +++ b/src/main.scss @@ -84,46 +84,15 @@ article { max-width: 6.5in; margin: 0 auto; - #constructionBanner { - height: 50px; - background-color: #f89406; - } - - #constructionMessage { + .tag { + font-size: 60%; + font-family: sans-serif; + color: white; + text-decoration: none; text-align: center; - padding: 12px; - } - - #search { - padding: 10px; - } - - #sidebar { - border: 1px solid black; - padding: 5px; - margin: 5px; - float: right; - } - - li { - font-size: 14px; - } - - .spacer { - width: 50px; - display: inline; - padding: 0px 50px 0px 50px; - } - .tag { - font-size: 11px; - height: 13px; padding: 4px 7px 5px 7px; border-radius: 2px; - text-align: center; - text-decoration: none; - color: white; - font-family: sans-serif; } .tag.FF { background: FireBrick; } .tag.SS { background: SeaGreen; } @@ -140,6 +109,23 @@ footer { font-size: smaller; } +body.index { + article { + ul { + list-style: none; + display: table; + li { + display: table-row; + line-height: 1.3em; + & > * { + display: table-cell; + padding-right: 0.1em; + } + } + } + } +} + body.dnd { background: url(dnd/Background.png) repeat-y; background-size: 100%; -- cgit v1.2.3-54-g00ecf