benw2/wezm.net
1
0
Fork 0
forked from wezm/wezm.net
Code Pull requests Activity

Add Flickr thumbnails

Browse source
This commit is contained in:
Wesley Moore 2010-01-23 17:35:09 +11:00
parent 88a0a93abe
commit e26e6a8d75
2 changed files with 94 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

89
layouts/listing.html
View file

@ -11,19 +11,82 @@
<body> <body>
<%= render 'header' %> <%= render 'header' %>
<div id="main"> <div id="main">
<ul class="articles"> <div class="column personal">
<% sorted_articles[0..9].each do |article| %> <h1>Geeky</h1>
<% post_date = WezM::Helpers.post_date(article) %> <ul>
<li> <% sorted_articles[0..9].each do |article| %>
<abbr class="calender date" title="<%= post_date.iso8601 %>"> <% post_date = WezM::Helpers.post_date(article) %>
<span class="day"><%= post_date.day %></span> <li>
<span class="month"><%= post_date.strftime('%b') %></span> <abbr class="calender date" title="<%= post_date.iso8601 %>">
<span class="year"><%= post_date.year %></span> <span class="day"><%= post_date.day %></span>
</abbr> <span class="month"><%= post_date.strftime('%b') %></span>
<a href="<%= article.reps.first.path %>"><%= article[:title] %></a> <span class="year"><%= post_date.year %></span>
</li> </abbr>
<% end %> <a href="<%= article.reps.first.path %>"><%= article[:title] %></a>
</ul> </li>
<% end %>
</ul>
</div>
<div class="column technical">
<h1>Non-Geeky</h1>
<ul>
<% sorted_articles[0..9].each do |article| %>
<% post_date = WezM::Helpers.post_date(article) %>
<li>
<abbr class="calender date" title="<%= post_date.iso8601 %>">
<span class="day"><%= post_date.day %></span>
<span class="month"><%= post_date.strftime('%b') %></span>
<span class="year"><%= post_date.year %></span>
</abbr>
<a href="<%= article.reps.first.path %>"><%= article[:title] %></a>
</li>
<% end %>
</ul>
</div>
<div class="column twitter">
<h1>Tweets</h1>
<ul>
<% sorted_articles[0..9].each do |article| %>
<% post_date = WezM::Helpers.post_date(article) %>
<li>
<abbr class="calender date" title="<%= post_date.iso8601 %>">
<span class="day"><%= post_date.day %></span>
<span class="month"><%= post_date.strftime('%b') %></span>
<span class="year"><%= post_date.year %></span>
</abbr>
<a href="<%= article.reps.first.path %>"><%= article[:title] %></a>
</li>
<% end %>
</ul>
</div>
<div class="flickr">
<ul>
<li>
<a href="http://www.flickr.com/photos/wezm/4268597148/" title="Blue Flower by wezm, on Flickr"><img src="http://farm5.static.flickr.com/4013/4268597148_ab83667f21_s.jpg" width="75" height="75" alt="Blue Flower" /></a>
</li>
<li>
<a href="http://www.flickr.com/photos/wezm/4267852401/" title="Wes on Steps in the Rainforest by wezm, on Flickr"><img src="http://farm3.static.flickr.com/2677/4267852401_e2d539967b_s.jpg" width="75" height="75" alt="Wes on Steps in the Rainforest" /></a>
</li>
<li>
<a href="http://www.flickr.com/photos/wezm/4267852153/" title="Wes and Manda in the Rainforest by wezm, on Flickr"><img src="http://farm5.static.flickr.com/4021/4267852153_1060f0d092_s.jpg" width="75" height="75" alt="Wes and Manda in the Rainforest" /></a>
</li>
<li>
<a href="http://www.flickr.com/photos/wezm/4268596618/" title="Manda in the Rainforest by wezm, on Flickr"><img src="http://farm5.static.flickr.com/4061/4268596618_c9755d8507_s.jpg" width="75" height="75" alt="Manda in the Rainforest" /></a>
</li>
<li>
<a href="http://www.flickr.com/photos/wezm/4268596324/" title="Mossy Path and Seat by wezm, on Flickr"><img src="http://farm3.static.flickr.com/2755/4268596324_eaf83cde01_s.jpg" width="75" height="75" alt="Mossy Path and Seat" /></a>
</li>
<li>
<a href="http://www.flickr.com/photos/wezm/4267851415/" title="Manda Sitting in Linden Gardens by wezm, on Flickr"><img src="http://farm5.static.flickr.com/4049/4267851415_bd068d2d12_s.jpg" width="75" height="75" alt="Manda Sitting in Linden Gardens" /></a>
</li>
<li>
<a href="http://www.flickr.com/photos/wezm/4268595626/" title="Tea and Coffee Supplies by wezm, on Flickr"><img src="http://farm5.static.flickr.com/4033/4268595626_999db17916_s.jpg" width="75" height="75" alt="Tea and Coffee Supplies" /></a>
</li>
</ul>
</div>
<div class="pagination"> <div class="pagination">
<a href="#newer">&laquo; Newer</a> <a href="#newer">&laquo; Newer</a>

18
output/css/style.css
View file

@ -98,6 +98,7 @@ pre {
font-size: 1.8em; font-size: 1.8em;
color: white; color: white;
padding: 0.5em; padding: 0.5em;
margin-right: 1em;
-webkit-border-bottom-right-radius: 1em; -webkit-border-bottom-right-radius: 1em;
-moz-border-bottom-right-radius: 1em; -moz-border-bottom-right-radius: 1em;
border-bottom-right-radius: 1em; border-bottom-right-radius: 1em;
@ -130,6 +131,7 @@ ul#menu li {
color: gray; color: gray;
border-top: 1px solid gray; border-top: 1px solid gray;
margin: 1em; margin: 1em;
clear: both;
} }
#footer .copyright { #footer .copyright {
font-family: "Helvetica Neue", Helvetica, "Liberation Sans", "Bitstream Vera Sans", Tahoma, Geneva, Arial, sans-serif; font-family: "Helvetica Neue", Helvetica, "Liberation Sans", "Bitstream Vera Sans", Tahoma, Geneva, Arial, sans-serif;
@ -143,3 +145,19 @@ ul#menu li {
display: none; display: none;
text-align: center; text-align: center;
} }
.column {
width: 30%;
float: left;
}
.flickr {
clear: both;
}
.flickr ul {
list-style: none;
margin: 0;
}
.flickr li {
display: inline;
}