General Bugfixing. * Closes #24. * Closes #25. * Modified templates. * Started creating home page. * Moved search to Archives subpage.
h3rald h3rald@h3rald.com
Tue, 11 Aug 2009 12:11:07 +0200
10 files changed,
206 insertions(+),
164 deletions(-)
M
content/about.textile
→
content/about.textile
@@ -11,77 +11,77 @@
type: page toc: true ----- -h2. About this Web Site - -This is a _minimalist_ web site: I do not care about fancy graphics or nitfy effects. I do care, however, about content and I want you to read what I write comfortably. As you can see, this site has no sidebars: it only has a header, a main column and a footer, exactly where you expect them to be. - -This site was designed to work with all the major modern browsers (hint: Internet Explorer 6 is _not_ a modern browser). It validates as XHTML 1.0 Strict and CSS 2.1. - -h3. About Me - -I am a full-time technical writer working in Genoa, Italy. In my free time I enjoy writing (surprise, surprise), reading about technology and programming a little bit in Ruby and other languages. - -You can contact me by email at _h3rald [at] h3rald [dot] com_, or reach me through: - -* "Twitter":http://www.twitter.com/h3rald -* "LinkedIn":http://www.linkedin.com/pub/dir/Fabio/Cevasco -* "Delicious":http://www.delicious.com/h3rald -* "Facebook":http://www.facebook.com/h3rald -* "Shelfari":http://www.shelfari.com/h3rald -* "FriendFeed":http://friendfeed.com/h3rald - -h3. About the name "H3RALD" - -Why "H3RALD"? Well, this dates back to 2003. Back in the day I was trying to find a username I could user everywhere on the 'Net that wasn't something like FabioCev83 or SomeRandomCoolGuy777. I wanted something unique, easy to remember and not too silly if possible. - -At the time I was also an avid reader of the "International Herald Tribune":http://www.iht.com/, mainly because it was the only foreign paper I could buy near my house. So I tried using "herald" for some services, but sadly it was obviously taken. Finally, I thought about turning the E into a 3, and there we are, the name H3RALD was born and I used ever since. - -h3. Under the Hood - -This site is powered by: - -* A customized version of the "Typo":http://www.typosphere.org blogging engine. -* The "Ruby on Rails":http://www.rubyonrails.org web framework for the "Ruby":http://www.ruby-lang.org programming language. -* The "MySQL":http://www.mysql.com database engine. -* The "Apache":http://www.apache.org web server. -* "BlueHost":http://www.bluehost.com web hosting. - -h3. About Comments - -You can freely post comment to all the articles on my web site as long as you are civilized. Anything which looks like spam is likely to be filtered out automatically by "Askimet":http://akismet.com/. Please note that: - -* You can use "Textile":http://textism.com/tools/textile/ to format your comments. -* If you provide an email address, it will not be displayed publicly on this site. It will only be used to retrieve your "Gravatar":http://en.gravatar.com/, if you have one. - - -h3. About the Palette - -There's a tiny palette containing some extremely small icons you can use to perform many different actions (mouse over them for a hint, or read below): - -|_. Icon |_. Action |_. Pages | -| !/images/theme/icons/mini/arrow_up.gif! | Go to the top of the page | All | -| !/images/theme/feed.png! | Subscribe to RSS Feed | Home, Archives, Articles (comment feed) | -| !/images/theme/icons/mini/bookmark.gif! | Bookmark this page using popular social bookmarking services | All | -| !/images/theme/icons/mini/mail_back.gif! | Email this page | All | -| !/images/theme/icons/mini/comment.gif! | Go to the comment section | All Articles | -| !/images/theme/icons/mini/printer.gif! | Print this page | All Articles | -| !/images/theme/icons/mini/arrow_down.gif! | Go to the bottom of the page | All | - -h3. Licensing - -My "articles":/archives/ and other material available on this web site are lincesed under the _Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Unported_license. For other uses, contact me. - -<p style="text-align:center"> -<a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-nd/3.0/88x31.png" /></a> -</p> - -h3. Credits - -I'd like to thank the following people for their work, which made this web site possible: - -* "Timothy Groves":http://www.brandspankingnew.net/, for designing the wonderful "Mini Icons":http://www.brandspankingnew.net/archive/2006/12/hohoho.html I used for the palette and the rest of this site. - -* "David J.Perry":http://scholarsfonts.net/, who designed the "Cardo font":http://scholarsfonts.net/cardofnt.html I used for the H3RALD logo. - - - +h2. About this Web Site + +This is a _minimalist_ web site: I do not care about fancy graphics or nitfy effects. I do care, however, about content and I want you to read what I write comfortably. As you can see, this site has no sidebars: it only has a header, a main column and a footer, exactly where you expect them to be. + +This site was designed to work with all the major modern browsers (hint: Internet Explorer 6 is _not_ a modern browser). It validates as XHTML 1.0 Strict and CSS 2.1. + +h3. About Me + +I am a full-time technical writer working in Genoa, Italy. In my free time I enjoy writing (surprise, surprise), reading about technology and programming a little bit in Ruby and other languages. + +You can contact me by email at _h3rald [at] h3rald [dot] com_, or reach me through: + +* "Twitter":http://www.twitter.com/h3rald +* "LinkedIn":http://www.linkedin.com/pub/dir/Fabio/Cevasco +* "Delicious":http://www.delicious.com/h3rald +* "Facebook":http://www.facebook.com/h3rald +* "Shelfari":http://www.shelfari.com/h3rald +* "FriendFeed":http://friendfeed.com/h3rald + +h3. About the name "H3RALD" + +Why "H3RALD"? Well, this dates back to 2003. Back in the day I was trying to find a username I could user everywhere on the 'Net that wasn't something like FabioCev83 or SomeRandomCoolGuy777. I wanted something unique, easy to remember and not too silly if possible. + +At the time I was also an avid reader of the "International Herald Tribune":http://www.iht.com/, mainly because it was the only foreign paper I could buy near my house. So I tried using "herald" for some services, but sadly it was obviously taken. Finally, I thought about turning the E into a 3, and there we are, the name H3RALD was born and I used ever since. + +h3. Under the Hood + +This site is powered by: + +* A customized version of the "Typo":http://www.typosphere.org blogging engine. +* The "Ruby on Rails":http://www.rubyonrails.org web framework for the "Ruby":http://www.ruby-lang.org programming language. +* The "MySQL":http://www.mysql.com database engine. +* The "Apache":http://www.apache.org web server. +* "BlueHost":http://www.bluehost.com web hosting. + +h3. About Comments + +You can freely post comment to all the articles on my web site as long as you are civilized. Anything which looks like spam is likely to be filtered out automatically by "Askimet":http://akismet.com/. Please note that: + +* You can use "Textile":http://textism.com/tools/textile/ to format your comments. +* If you provide an email address, it will not be displayed publicly on this site. It will only be used to retrieve your "Gravatar":http://en.gravatar.com/, if you have one. + + +h3. About the Palette + +There's a tiny palette containing some extremely small icons you can use to perform many different actions (mouse over them for a hint, or read below): + +|_. Icon |_. Action |_. Pages | +| !/images/theme/icons/mini/arrow_up.gif! | Go to the top of the page | All | +| !/images/theme/feed.png! | Subscribe to RSS Feed | Home, Archives, Articles (comment feed) | +| !/images/theme/icons/mini/bookmark.gif! | Bookmark this page using popular social bookmarking services | All | +| !/images/theme/icons/mini/mail_back.gif! | Email this page | All | +| !/images/theme/icons/mini/comment.gif! | Go to the comment section | All Articles | +| !/images/theme/icons/mini/printer.gif! | Print this page | All Articles | +| !/images/theme/icons/mini/arrow_down.gif! | Go to the bottom of the page | All | + +h3. Licensing + +My "articles":/archives/ and other material available on this web site are lincesed under the _Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Unported_license. For other uses, contact me. + +<p style="text-align:center"> +<a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-nd/3.0/88x31.png" /></a> +</p> + +h3. Credits + +I'd like to thank the following people for their work, which made this web site possible: + +* "Timothy Groves":http://www.brandspankingnew.net/, for designing the wonderful "Mini Icons":http://www.brandspankingnew.net/archive/2006/12/hohoho.html I used for the palette and the rest of this site. + +* "David J.Perry":http://scholarsfonts.net/, who designed the "Cardo font":http://scholarsfonts.net/cardofnt.html I used for the H3RALD logo. + + +
A
content/archives.textile
@@ -0,0 +1,15 @@
+----- +# Built-in +filters_pre: +- redcloth + +# Custom +permalink: page +title: New page! +date: +type: page + +----- +h2. Title + +<div id="search_form"></div>
M
content/home.textile
→
content/home.textile
@@ -11,6 +11,27 @@
type: page toc: true ----- -Welcome to H3RALD.com, Fabio Cevasco's personal web site. ---- +<div class="panel" id="home"> + +h2. Home + popular:10-programming-languages|10-reasons-to-learn-ruby|firefox-lovers-guide-to-opera|komodo-edit-review|rails-inspired-php-frameworks + +</div> +<div class="panel" id="archives"> + +h2. Archives + + <div id="search_form"></div> + <div id="search_results"></div> +</div> +<div class="panel" id="projects"> + +h2. Projects + +</div> +<div class="panel" id="about"> + +h3. About + +</div>
M
layouts/default.htm
→
layouts/default.htm
@@ -27,32 +27,31 @@ <link href="/css/elements.css" media="all" rel="stylesheet" type="text/css" />
<link href="/css/code.css" media="all" rel="stylesheet" type="text/css" /> <script src="http://www.google.com/jsapi?key=ABQIAAAA6h3j8Jri5D_da53UPbEbThRlq2n1sm52B5HDRR5tm6o8XM18FhTKn3v155RpPeD0kWnWG81QEhhifQ" type="text/javascript"></script> <script src="/js/search.js" type="text/javascript"></script> + <script src="/js/jquery-1.3.2.js" type="text/javascript"></script> <script src="/js/cufon-yui.js" type="text/javascript"></script> <script src="/js/Chopin_400.font.js" type="text/javascript"></script> <script src="/js/Cardo_400.font.js" type="text/javascript"></script> <script src="/js/Mutlu_400.font.js" type="text/javascript"></script> <script type="text/javascript"> + Cufon.replace('#navigation a', {fontFamily: 'Mutlu', hover: true}); Cufon.replace('h2', {fontFamily: 'Mutlu'}); - Cufon.replace('h3', {fontFamily: 'Mutlu'}); + Cufon.replace('h3', {fontFamily: 'Mutlu', hover: true}); Cufon.replace('h4', {fontFamily: 'Mutlu'}); - Cufon.replace('#services h3 a', {fontFamily: 'Mutlu', hover: true}); - Cufon.replace('#navigation a', {fontFamily: 'Mutlu', hover: true}); function tweets_received(){ $('.twitter-item[title]').qtip(dark_tooltip); } - </script> - <script src="/js/jquery-1.3.2.js" type="text/javascript"></script> +</script> - <!-- JQuery Plugins --> - <script src="/js/jquery.preload.js" type="text/javascript"></script> - <script src="/js/tooltips.js" type="text/javascript"></script> - <script src="/js/jquery.scrollTo-min.js" type="text/javascript"></script> - <script src="/js/jquery.localscroll-min.js" type="text/javascript"></script> - <script src="/js/jquery.serialScroll-min.js" type="text/javascript"></script> - <script src="/js/slider.js" type="text/javascript"></script> - <script src="/js/jquery.timeago.js" type="text/javascript"></script> - <script src="/js/jquery.jgfeed-min.js" type="text/javascript"></script> - <script src="/js/init.js" type="text/javascript"></script> +<!-- JQuery Plugins --> +<script src="/js/jquery.preload.js" type="text/javascript"></script> +<script src="/js/tooltips.js" type="text/javascript"></script> +<script src="/js/jquery.scrollTo-min.js" type="text/javascript"></script> +<script src="/js/jquery.localscroll-min.js" type="text/javascript"></script> +<script src="/js/jquery.serialScroll-min.js" type="text/javascript"></script> +<script src="/js/slider.js" type="text/javascript"></script> +<script src="/js/jquery.timeago.js" type="text/javascript"></script> +<script src="/js/jquery.jgfeed-min.js" type="text/javascript"></script> +<script src="/js/init.js" type="text/javascript"></script> </head> <body>@@ -70,11 +69,11 @@ <h1><img alt="H3RALD" id="logo" src="/images/logo.png" /></h1>
</div> <div id="header-right"> <ul id="navigation"> - <li><a href="/#home" class="cross-link">Home</a></li> - <li><a href="/#projects" class="cross-link">Projects</a></li> - <li><a href="/#about" class="cross-link">About</a></li> + <li><a href="<%= (@page.permalink == 'home') ? "#home" : "/#home" %>" class="cross-link">Home</a></li> + <li><a href="<%= (@page.permalink == 'home') ? "#archives" : "/#archives" %>" class="cross-link">Archives</a></li> + <li><a href="<%= (@page.permalink == 'home') ? "#projects" : "/#projects" %>" class="cross-link">Projects</a></li> + <li><a href="<%= (@page.permalink == 'home') ? "#about" : "/#about" %>" class="cross-link">About</a></li> </ul> - <div id="search_form"></div> </div> </div> </div>@@ -83,60 +82,61 @@ <div id="border-top"></div>
<div class="inner-border"></div> <!-- MAIN START --> <div id="main"> - <!-- CONTAINER START --> - <div id="container"> - <ul id="palette"> - <li><a href="#" id="up-arrow"></a></li> - <li><a href="#" id="down-arrow"></a></li> - </ul> - <!-- CONTENT START --> - <div id="content" class="clearfix"> - <div id="search_results"></div> - <h2><%= @page.title %></h2> - <% if @page.permalink == 'home' then %> - <div id="slider"> - <div class="scroll"> - <div class="scrollContainer"> - <% end %> - <%= @page.content %> + <!-- CONTAINER START --> + <div id="container"> + <ul id="palette"> + <li><a href="#" id="up-arrow"></a></li> + <li><a href="#" id="down-arrow"></a></li> + </ul> + <!-- CONTENT START --> + <div id="content" class="clearfix"> + <% if @page.permalink == 'home' then %> + <div id="slider"> + <div class="scroll"> + <div class="scrollContainer"> + <% else %> + <h2><%= @page.title %></h2> + <% end %> + <%= @page.content %> - <% if @page.permalink == 'home' then %> - </div><!-- .scrollContainer --> - </div><!-- .scroll --> - </div><!-- #slider --> - <% end %> + <% if @page.permalink == 'home' then %> + </div><!-- .scrollContainer --> + </div><!-- .scroll --> + </div><!-- #slider --> + <% end %> + </div> + <!-- CONTENT END --> </div> - <!-- CONTENT END --> - </div> - <!-- CONTAINER END --> + <!-- CONTAINER END --> </div> <!-- MAIN END --> <div class="inner-border"></div> <div id="border-bottom"> <% if @page.type == 'article' then %> <script type="text/javascript"> - var disqus_developer = 1; - </script> - <%= render 'comments' %> - <% else %> - <%= render 'services' %> - <% end %> - </div> - <div class="clearfooter"></div> - </div> <!-- WRAPPER END --> - <div id="footer"> - <div id="footer-container"> - <div class="footer-div"> - H3RALD Web Site v8.0.0 <em>"xStatic"</em> — © 2004-2009 <strong>Fabio Cevasco</strong> — <a class="link" href="http://creativecommons.org/licenses/by-nc-nd/3.0/">Some rights reserved</a> | <a href="http://validator.w3.org/check?uri=referer" class="link">XHTML 1.1</a> | <a href="http://jigsaw.w3.org/css-validator/" class="link">CSS 2.1</a> + var disqus_developer = 1; + </script> + <%= render 'comments' %> + <% else %> + <%= render 'services' %> + <% end %> </div> - <script src="/js/feeds.js" type="text/javascript"></script> - <script src="/js/jquery.qtip.js" type="text/javascript"></script> - <script type="text/javascript"> - // tooltip - $('.feed-item[title]').qtip(dark_tip); - $('.feed-item-ext[title]').qtip(extended_tip); - </script> - </div> <!-- END FOOTER CONTAINER--> - </div> <!-- END FOOTER --> - </body> -</html> + <div class="clearfooter"></div> + </div> <!-- WRAPPER END --> + <div id="footer"> + <div id="footer-container"> + <div class="footer-div"> + H3RALD Web Site v8.0.0 <em>"xStatic"</em> — © 2004-2009 <strong>Fabio Cevasco</strong> — <a class="link" href="http://creativecommons.org/licenses/by-nc-nd/3.0/">Some rights reserved</a> | <a href="http://validator.w3.org/check?uri=referer" class="link">XHTML 1.1</a> | <a href="http://jigsaw.w3.org/css-validator/" class="link">CSS 2.1</a> + </div> + </div> <!-- END FOOTER CONTAINER--> + </div> <!-- END FOOTER --> + <script src="/js/feeds.js" type="text/javascript"></script> + <script src="/js/jquery.qtip.js" type="text/javascript"></script> + <script type="text/javascript"> + // tooltip + $('.feed-item[title]').qtip(dark_tip); + $('.feed-item-ext[title]').qtip(extended_tip); + Cufon.now(); + </script> + </body> + </html>
M
resources/css/layout.css
→
resources/css/layout.css
@@ -94,9 +94,6 @@ width: 100px;
text-align: center; } - - - #ie-warning { border-bottom: 1px solid #F5B800;
M
resources/css/text.css
→
resources/css/text.css
@@ -103,13 +103,3 @@ {
color: #CF282D; } -#content h2 a, #content h3 a -{ - color: #B80000; -} - -#content h2 a:hover, #content h3 a:hover -{ - color: #FF0900; -} -
M
tasks/site.rake
→
tasks/site.rake
@@ -52,7 +52,7 @@
task :rebuild => [:clear_output, :update] do end - task :build_tag_pages do + task :tags do site = Nanoc::Site.new(YAML.load_file('config.yaml')) site.load_data tagdir = Pathname(Dir.pwd)/'content/tags'
A
templates/article.textile
@@ -0,0 +1,14 @@
+----- +permalink: article +filters_pre: +- redcloth +title: New article! +date: +type: page +toc: true +tags: [] +----- + +h2. Title + +...
D
templates/default.html
@@ -1,7 +0,0 @@
------ -# Built-in - -# Custom -title: A New Page ------ -Hi, I'm a new page!
A
templates/page.textile
@@ -0,0 +1,12 @@
+----- +permalink: page +filters_pre: +- redcloth +title: New page! +date: +type: page +----- + +h2. Title + +...