images/bg_breadcrumb.jpg
images/bg_menu_test.jpg
images/bg_nav_new.jpg
images/bg_page.jpg
images/breadcrumb_bg.jpg
images/coffee.jpg
images/corner_bg.jpg
images/nav_right.jpg
images/pin.png
images/rss.jpg
images/sidebar_bg.jpg
images/twitter.png
true-blue-2/README
true-blue-2/about.markdown
true-blue-2/helpers/theme_helper.rb
true-blue-2/images/.DS_Store
true-blue-2/images/attach.png
true-blue-2/images/bg_blockquote.gif
true-blue-2/images/bg_breadcrumb.jpg
true-blue-2/images/bg_menu_test.jpg
true-blue-2/images/bg_nav_new.jpg
true-blue-2/images/bg_page.jpg
true-blue-2/images/bg_search.jpg
true-blue-2/images/bgmenu.png
true-blue-2/images/bgmenu2.png
true-blue-2/images/bgmenu_active.png
true-blue-2/images/bgmenu_active4.png
true-blue-2/images/bgtop.png
true-blue-2/images/blank_gravatar.png
true-blue-2/images/breadcrumb.png
true-blue-2/images/breadcrumb_bg.jpg
true-blue-2/images/bullets.png
true-blue-2/images/categories.png
true-blue-2/images/cc.jpg
true-blue-2/images/coffee.jpg
true-blue-2/images/comment.gif
true-blue-2/images/comment.png
true-blue-2/images/comment_top.gif
true-blue-2/images/comments.png
true-blue-2/images/corner_bg.jpg
true-blue-2/images/credits.png
true-blue-2/images/folder.png
true-blue-2/images/fredericdevillamil.jpg
true-blue-2/images/header_bg.gif
true-blue-2/images/header_bg.gif.png
true-blue-2/images/header_rss.gif
true-blue-2/images/header_rss.gif.png
true-blue-2/images/link.png
true-blue-2/images/nav_right.jpg
true-blue-2/images/newbg.png
true-blue-2/images/note.png
true-blue-2/images/page_background.gif
true-blue-2/images/page_bg.gif
true-blue-2/images/page_bg.gif.png
true-blue-2/images/pin.jpg
true-blue-2/images/postit.jpg
true-blue-2/images/printer.png
true-blue-2/images/rss.jpg
true-blue-2/images/rss.png
true-blue-2/images/rss2.png
true-blue-2/images/sbtop.png
true-blue-2/images/search.png
true-blue-2/images/searchfield.png
true-blue-2/images/separateur.png
true-blue-2/images/sidebar_background.gif
true-blue-2/images/sidebar_background_2.gif
true-blue-2/images/sidebar_background_3.gif
true-blue-2/images/sidebar_background_3.png
true-blue-2/images/sidebar_background_3gif
true-blue-2/images/sidebar_bg.jpg
true-blue-2/images/sidebarbg.png
true-blue-2/images/sidebarbottom.png
true-blue-2/images/smallfeed.png
true-blue-2/images/spinner.gif
true-blue-2/images/tag_blue_edit.png
true-blue-2/images/tick.png
true-blue-2/images/twitter.png
true-blue-2/javascripts/trueblue.js
true-blue-2/layouts/default.html.erb
true-blue-2/preview.png
true-blue-2/stylesheets/style.css
true-blue-2/views/articles/_article.html.erb
true-blue-2/views/articles/_breadcrumb.html.erb
true-blue-2/views/articles/_comment.html.erb
true-blue-2/views/articles/_comment_form.html.erb
true-blue-2/views/articles/_comment_list.html.erb
true-blue-2/views/articles/_trackback.html.erb
true-blue-2/views/articles/comment_preview.html.erb
true-blue-2/views/articles/index.html.erb
true-blue-2/views/articles/read.html.erb
true-blue-2/views/articles/view_page.html.erb
true-blue-2/views/categories/_article.html.erb
true-blue-2/views/categories/_breadcrumb.html.erb
true-blue-2/views/categories/show.html.erb
true-blue-2/views/plugins/flickr_sidebar/content.rhtml
true-blue-2/views/plugins/lastposts_sidebar/content.rhtml
true-blue-2/views/plugins/popular_sidebar/content.rhtml
true-blue-2/views/plugins/tag_sidebar/content.rhtml
true-blue-2/views/shared/_breadcrumb.html.erb
true-blue-2/views/shared/_general_sidebar.html.erb
true-blue-2/views/tags/_article.html.erb
true-blue-2/views/tags/_breadcrumb.html.erb
images/fredericdevillamil.jpg
@@ -10,7 +10,6 @@
<link rel="icon" href="/favicon.png" type="image/png" />
<%= stylesheet_link_tag "/stylesheets/theme/style", :media => 'all' %>
- <script type="text/javascript" src="/javascripts/theme/trueblue.js"></script>
<%= page_header %>
</head>
<body>
@@ -36,11 +35,6 @@
<div id='footer'>
<div id='bigfooter'>
<%= render_sidebars %>
- <div id='about-me'>
- <h3>À propos</h3>
- <p><img src='http://t37.net/images/fredericdevillamil.jpg' alt="Frédéric de Villamil" class="alignleft" />L'ergonomie web, l'utilisabilité et la qualité des logiciels sont trois grandes passions mises au services de ma profession.</p>
- <p>J'axe mon travail sur une démarche constante tout au long du cycle de vie du produit alliant respect des standards, accessibilité et utilisabilité avec la conviction que le web s'adresse avant tout à l'utilisateur.</p>
- </div>
</div>
<br class='clear' />
</div>
@@ -68,57 +62,30 @@
</div>
</div>
</div>
+
<div id='nav'>
- <dl id="nav_articles">
- <dt>Articles</dt>
- <dd <%= render_active_archives %>>
- <%= link_to "Archives", {:controller => 'articles', :action => 'archives'} %>
- </dd>
- <dd <%= render_active_categories %>>
- <%= link_to "Catégories", {:controller => 'categories', :action => 'index'} %>
- </dd>
- <dd <%= render_active_tags %>>
- <%= link_to "Thématiques", {:controller => 'tags', :action => 'index'}%>
- </dd>
- </dl>
- <dl id="nav_downloads">
- <dt>Téléchargements</dt>
- <dd <%= render_active_page 'themes' %>>
- <%= link_to "Thèmes", {:controller => 'articles', :action => 'view_page', :name => 'themes'} %>
- </dd>
- <dd>
- <%= link_to "Typo", 'http://typosphere.org'%>
- </dd>
- </dl>
- <dl id="nav_contact">
- <dt>Contact</dt>
- <dd <%= render_active_page 'colophon' %>>
- <%= link_to "À propos", {:controller => 'articles', :action => 'view_page', :name => 'colophon'} %>
- </dd>
- <dd>
- <%= link_to "Curriculum Vitae", this_blog.base_url + '/files/cv.pdf' %>
- </dd>
- <dd <%= render_active_page 'sabonner' %>>
- <%= link_to "S'abonner", {:controller => 'articles', :action => 'view_page', :name => 'sabonner'} %>
- </dd>
- </dl>
- <dl id="nav_rss">
- <dt>Flux RSS</dt>
- <dd><a href="http://feeds.feedburner.com/FredericDeVillamilcom" rel="external nofollow">
- Abonnez-vous au flux RSS et suivez les nouveaux articles du site.<br /><img src="http://feeds.feedburner.com/~fc/FredericDeVillamilcom?bg=FBB23C&bg=ffffff&anim=0&label=lecteurs" alt="Lecteurs" />
- </a></dd>
- </dl>
- <form action="http://www.feedburner.com/fb/a/emailverify"
- method="post"
- onsubmit="window.open('http://www.feedburner.com', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
- <dl id="nav_email">
- <dd>
- <a href='http://twitter.com/fdevillamil'>
- <img src='http://t37.net/twitter.png' alt='Suivez-moi sur Twitter'>
- </a>
- </dd>
- </dl>
- </form>
+ <div id='rss'>
+ <a href="http://feeds.feedburner.com/FredericDeVillamilcom" rel="external nofollow">
+ <img src="/images/theme/rss.jpg" alt="Abonnez-vous au flux RSS et suivez les nouveaux articles du site" />
+ <img src="http://feeds.feedburner.com/~fc/FredericDeVillamilcom?bg=FBB23C&bg=ffffff&anim=0&label=lecteurs" alt="Lecteurs" />
+ </a>
+ </div>
+ <div id='twitter'>
+ <a href='http://twitter.com/fdevillamil'>
+ <img src='/images/theme/twitter.png' alt='Suivez-moi sur Twitter'>
+ </a>
+ </div>
+ <div id='menu'>
+ <ul>
+ <li><a href='http://t37.net/archives'>Articles</a></li>
+ <li><a href='http://t37.net/pages/themes'>Téléchargements</a></li>
+ <li><a href='http://t37.net/pages/colophon'>À propos</a></li>
+ <li><a href='http://t37.net/files/cv.pdf'>Curriculum vitae</a></li>
+ <li><a href='http://t37.net/pages/sabonner'>S'abonner</a></li>
+ </ul>
+
+ </div>
+
</div>
<div id="breadcrumb">
<ul>
layouts/default.html.erb
@@ -1,6 +1,6 @@
body {
font: 13px/1.4285714285714286em Arial, Helvetica, sans-serif;
- background: #333;
+ background: #2f2f2f;
margin: 0;
padding: 0;
}
@@ -9,6 +9,12 @@ a {
color: #2971a7;
}
+h1, h2, h3 {
+ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+ letter-spacing: -1px;
+ font-weight: normal;
+}
+
blockquote {
padding-left: 10px;
border-left: #ccc 5px solid;
@@ -23,12 +29,9 @@ li.Home {
}
#logo {
- padding: 7px 10px 0 20px;
- width: 312px;
+ padding: 27px 10px 0 0;
float: left;
- border-right: #fff 1px solid;
- height: 116px;
- background: url("../../images/theme/header_bg.gif") #08aed4 top repeat-x;
+ height: 102px;
}
#logo p {
@@ -37,16 +40,17 @@ li.Home {
#nav {
position: absolute;
- top: 15px;
left: 50%;
height: 124px;
- margin-left: -156px;
+ margin-left: -495px;
+ width: 990px;
+ z-index: -100;
}
#header h1,
#header p.title {
margin: 0;
- font-size: 22px;
+ font-size: 26px;
line-height: 0.9090909090909091em;
color: #fafafa;
font-weight: normal;
@@ -157,18 +161,15 @@ table {
}
#header {
- height: 123px;
- background: url("../../images/theme/header_bg.gif") #08aed4 top repeat-x;
- border-top: #01698e 15px solid;
+
}
#breadcrumb {
+ background: url('../../images/theme/bg_breadcrumb.jpg') #000 top left no-repeat;
clear: both;
height: 20px;
- background: #000;
- border-top: #037ba1 1px solid;
position : absolute;
- top : 138px;
+ top : 129px;
left: 50%;
margin-left: -495px;
width: 990px;
@@ -212,7 +213,7 @@ table {
clear: none;
float: right;
width: 300px;
- margin-right: 20px;
+ padding-right: 20px;
padding-top: 40px;
font-size: 12px;
}
@@ -226,7 +227,7 @@ table {
}
#sidebar p {
- color: #aaa;
+ color: #333;
}
#sidebar ul {
@@ -269,110 +270,65 @@ input#q {
width: 130px;
}
-/* Top navigation */
-#nav_articles, #nav_downloads, #nav_contact, #nav_rss, #nav_email {
- background: url("../../images/theme/header_bg.gif") #08aed4 top repeat-x;
+#menu {
+ background: url("../../images/theme/bg_menu_test.jpg") #08aed4 bottom left repeat-x;
+ width: 714px;
float: left;
- width: 127px;
- height: 116px;
- border-right: #fff 1px solid;
- padding: 7px 0 0 0;
- margin: 0;
-}
-
-#nav_email {
- width: 128px;
+ margin-top: 100px;
}
-#nav_contact {
- border-right: none;
+#menu ul {
+ margin: 0;
+ padding: 0;
+ list-style: none;
}
-#nav_articles dt, #nav_downloads dt, #nav_contact dt, #nav_rss dt, #nav_email dt {
- margin: 0 3px 3px 9px;
- line-height: 20px;
+#menu ul li {
+ float: left;
+ padding: 5px 0 5px 20px;
color: #fff;
- font-weight: bold;
-}
-
-#nav_email dt {
- line-height: 16px;
- margin: 0 0 3px 0;
-}
-
-#nav_rss {
-
- background: url("../../images/theme/header_rss.gif") #fbb23c top repeat-x;
- border-top: #f47221 15px solid;
- height: 116px;
- position: relative;
- top: -15px;
}
-#nav_email, #nav_rss {
- border-right: none;
-}
+#menu ul li a {
+ color:#fff;
+ font-family:Arial,Helvetica,sans-serif;
+ font-size:14px;
+ font-size-adjust:none;
+ font-stretch:normal;
+ font-style:normal;
+ font-variant:normal;
+ font-weight:bold;
+ text-decoration:none;
+ }
-#nav_articles dd, #nav_downloads dd, #nav_contact dd, #nav_rss dd, #nav_email dd {
- margin: 0 3px 3px 9px;
- line-height: 20px;
- color: #fff;
- line-height: 18px;
- font-size: 12px;
-}
-
-#nav_rss dd {
- line-height: 16px;
-}
-
-#nav_articles a, #nav_downloads a, #nav_contact a, #nav_rss a, #nav_email a {
- color: #efefef;
- text-decoration: none;
- display: block;
-}
-
-#nav_rss a {
- color: #fff;
-}
-
-dd.active, li.active {
+#menu ul li a:hover {
text-decoration: underline;
- color: #fff;
}
-#nav form {
- padding: 0;
- margin: 0;
- display: inline;
-}
-
-#nav_articles dd a:hover, #nav_downloads dd a:hover, #nav_contact dd a:hover, #nav_email dd a:hover {
- color: #fff;
- text-decoration: none;
- background: #08aed4;
+#rss {
+ float: right;
}
-#nav_rs dd a:hover {
- background: none;
- text-decoration: underline;
+#rss img {
+ display: block;
}
-#nav_email input#form_email {
- width: 100px;
- font: 11px/16px Arial, Helvetica, sans-serif;
+#twitter {
+ float: right;
+ margin-right: 20px;
}
-
#page {
width: 990px;
+ margin-top: 20px;
float: left;
- background: #fff;
+ background: url('../../images/theme/bg_page.jpg') #fff top left no-repeat;
}
#content h2.title,
#content h1,
h3.archivemonth {
padding-top: 20px;
- font-size: 16px;
+ font-size: 24px;
color: #2971a7;
line-height: 1em;
font-weight: normal;
@@ -532,8 +488,8 @@ ol#commentList ul li {
text-decoration: none;
}
-#populars, #lastposts {
- width: 500px;
+#lastposts {
+ width: 455px;
float: left;
}
@@ -547,9 +503,9 @@ ol#commentList ul li {
padding-top: 25px;
}
-#flickr, #about-me {
+#populars {
float: left;
- width: 420px;
+ width: 455px;
margin-left: 20px;
padding-left: 20px;
border-left: #222 1px solid;
@@ -673,4 +629,8 @@ ul#taglist li {
p.next {
text-align: right;
+}
+
+#categories {
+
}
\ No newline at end of file
stylesheets/style.css
@@ -12,7 +12,7 @@
<% if controller.controller_name.include? 'redirect' -%>
<%= pluralize_comments article.published_comments.size %>
<% else -%>
- <%= link_to_permalink(article, pluralize_comments(article.published_comments.size), 'comments', 'nofollow' 'nofollow') %>
+ <a href="<%= article.permalink_url %>#commentaires" rel='nofollow'><%= pluralize_comments(article.published_comments.size) %></a>
<% end -%>
</p>
@@ -21,7 +21,7 @@
<% if article.extended? -%>
<div class="extended">
<% if controller.action_name == 'index' -%>
- <p class="next"><%= link_to_permalink article,"» Lire la suite", '', '', 'nofollow' %></p>
+ <p><strong>Lire</strong> <%= link_to_permalink article, article.title, '', '' %></p>
<% else -%>
<%= article.html(:extended) %>
<% end -%>
views/articles/_article.html.erb
@@ -1,4 +1,3 @@
-<div id="secondfooter">
<% unless sidebar.bestof.blank? -%>
<div id="populars">
<h3>Articles les plus lus</h3>
@@ -7,5 +6,4 @@
<li><%= link_to h(article.title), "#{this_blog.base_url}/#{article.permalink}.html" %> <%= article.comments.count %> <img src="http://t37.net/images/comment.gif" alt="<%= article.published_comments.size %> commentaires" title="<%= article.published_comments.size %> commentaires" /></li>
<% end -%>
</ul>
-</div>
<% end %>
views/plugins/popular_sidebar/content.rhtml
@@ -9,10 +9,17 @@
<% end -%>
</div>
+<h3>À propos</h3>
+<div class='sidebarelement'>
+ <p><img src='/images/theme/fredericdevillamil.jpg' alt='À propos de Frédéric de Villamil' class='alignleft' />L'ergonomie web, l'utilisabilité et la qualité des logiciels sont trois grandes passions mises au services de ma profession.</p>
+ <p>J'axe mon travail sur une démarche constante tout au long du cycle de vie du produit alliant respect des standards, accessibilité et utilisabilité avec la conviction que le web s'adresse avant tout à l'utilisateur.</p>
+</div>
+
+
<% @navcats ||= Category.find_all_with_article_counters -%>
<h3 id="title_categories">Catégories</h3>
- <div class="sidebarelement">
+ <div class="sidebarelement" id='categories'>
<p>Cliquez sur un des liens pour parcourir les articles classés par grande catégorie.</p>
<ul id="thematiques">
views/shared/_general_sidebar.html.erb
6be85dc7d6eae14fe40ea7837db025859e6f622a
Frédéric de Villamil
frederic@de-villamil.com
http://github.com/fdv/true-blue-2/commit/ad1b4969bf56897bfbef57dea3d0e6c12a8ffc6a
ad1b4969bf56897bfbef57dea3d0e6c12a8ffc6a
2009-09-20T08:55:25-07:00
2009-09-20T08:55:25-07:00
Many changes
e8a69021b476847531e144421d684f97a0a7ca20
Frédéric de Villamil
frederic@de-villamil.com