Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Improved low contrast on links

Also added a basic navigation bar. This should probably be moved to some
wrapper template.

Thanks to Mark Keating for help on the CSS.
  • Loading branch information...
commit 97731b31406ad829d7f93e938102d7c47925604a 1 parent a448502
@robinsmidsrod robinsmidsrod authored
View
7 lib/PresentingPerl/Web/View/Zoom/Root.pm
@@ -22,12 +22,17 @@ sub front_page {
my $zoom = $_;
if (!$ENV{TEST_NO_DB}) {
+ my $dt_formatter = sub {
+ my ($dt) = @_;
+ return '' unless blessed($dt) and $dt->isa('DateTime');
+ return $dt->ymd('-');
+ };
my $announcements = $stash->{announcements};
my $ann_list = [ map {
my $obj = $_;
sub {
$_->select('.bucket-name')->replace_content($obj->bucket->name)
- ->select('.made-at')->replace_content($obj->made_at->iso8601())
+ ->select('.made-at')->replace_content( $dt_formatter->($obj->made_at) )
->select('.bucket-link')->set_attribute(
'href' => $obj->bucket->slug.'/'
)
View
17 root/front_page
@@ -1,10 +1,17 @@
<div id="main-content">
+ <h1>
+ Welcome to Presenting Perl
+ </h1>
+
+ <div id="navbar">
+ <ul>
+ <li><a href="/">Home</a></li>
+ </ul>
+ </div>
+
<div id="custom-html">
- <h1>
- Welcome to Presenting Perl
- </h1>
-
+
<p>
Perl talks and Perl presentations about the
<a href="http://www.perl.org/">Perl programming language</a>.
@@ -43,7 +50,7 @@
<span class="made-at">1st March 2010</span>
<a class="bucket-link">
<span class="bucket-name">Some Random Event</span>
- - (<span class="new-videos">2</span> new of <span class="total-videos">4</span> total)
+ (<span class="new-videos">2</span> new of <span class="total-videos">4</span> total)
</a>
</li>
</ul>
View
47 root/static/pp-style/style/layout.css
@@ -17,24 +17,30 @@ h2 {
}
p, li {
- font:10pt Arial, sans-serif;
+ font: 100% Arial, sans-serif;
color:#e6f6fc;
}
+p {
+ font-size: 10pt;
+}
+
li {
- list-style-type:square;
+ list-style-type:square;
+ padding: 4px 0 0 0;
}
a {
- color:#b2ebff;
- text-decoration:none;
+ color:#eff;
+ text-decoration:underline;
+ font-weight: bold;
}
a:hover {
- color:#fff;
+ color:#630;
+ text-decoration:none;
}
-
#container {
margin:3em auto;
width:900px;
@@ -114,4 +120,31 @@ h3.video_license {
a.bucket-link .bucket-name {
font-size:12pt;
-}
+}
+
+#navbar {
+ width: 730px;
+ height: 30px;
+}
+
+#navbar ul {
+ height: 30px;
+}
+
+#navbar li {
+ float: right;
+ font-size: 120%;
+ padding: 3px 5px 3px 5px;
+ border-right: 1pt solid white;
+ list-style-type: none;
+}
+
+#navbar a {
+ color: white;
+ text-decoration: none;
+ font-weight: bold;
+}
+
+#navbar a:hover {
+ color: black;
+}
Please sign in to comment.
Something went wrong with that request. Please try again.