diff --git a/img/scissors.png b/img/scissors.png new file mode 100644 index 0000000..69bb445 Binary files /dev/null and b/img/scissors.png differ diff --git a/index.cgi b/index.cgi index 9db7819..a0760a7 100755 --- a/index.cgi +++ b/index.cgi @@ -12,7 +12,7 @@ BEGIN { ($ROOT = abs_path $0) =~ s{index\.cgi$}{}; } my @changes = ( - [ '2012-12-02', '/ncdc/jsonfmt', 'Documented the ncdu export file format' ], + [ '2012-12-02', '/ncdu/jsonfmt', 'Documented the ncdu export file format' ], [ '2012-11-04', '/ncdc', 'ncdc 1.14 released' ], [ '2012-10-17', '/dump', 'Added reference to my repo of small C libs to the code dump' ], [ '2012-10-07', '/dump#maildir.pl','Added maildir.pl to the code dump' ], @@ -413,6 +413,7 @@ sub htmlHeader { |; end; + img id => 'scissors', src => '/img/scissors.png', alt => 'Cute decorative scissors, cutting through your code.'; end 'div'; div id => 'main'; h1 class => 'title', $o{title}; diff --git a/style.css b/style.css index 420dd8a..65739ee 100644 --- a/style.css +++ b/style.css @@ -4,7 +4,7 @@ html,body { background: #ccc; text-align: center; height: 100% } #body { text-align: left; width: 800px; margin: 0 auto; background: #fff; border-left: 1px solid #aaa; border-right: 1px solid #aaa; min-height: 100% } #uglyhack { height: 30px } #main, #left { float: left; border-top: 0px dashed #aaa, margin-top: 50px } -#left { width: 110px; border-right: 1px dashed #aaa; padding: 20px 10px; margin-bottom: 30px } +#left { width: 110px; border-right: 1px dashed #aaa; padding: 20px 10px } #main { width: 629px; padding: 12px 20px 30px 20px } #footer { clear: left; width: 150px; margin: 0 0 0 324px; border-top: 1px dashed #aaa; height: 20px; text-align: center } #footer p { position: relative; top: -10px; padding: 0; background: #fff; display: inline; color: #aaa } @@ -20,6 +20,7 @@ html,body { background: #ccc; text-align: center; height: 100% } #left .notes { margin-top: 50px; text-align: center } #left .notes, #left .notes a { font-size: 9px; text-decoration: none } #left .notes a:hover { text-decoration: underline } +#scissors { position: relative; top: 30px; left: 113px; } img.right { float: right; margin: 0 0 5px 10px } .indexgroup { margin: 30px 10px 0px 20px } .indexgroup li { list-style-type: none; margin-left: 0px }