Implememnted header and footer
h3rald h3rald@h3rald.com
Mon, 30 Dec 2013 22:19:14 +0100
13 files changed,
247 insertions(+),
71 deletions(-)
jump to
M
content/about.textile
→
content/about.textile
@@ -7,16 +7,6 @@ H3RALD.com was created in 2004 by Fabio Cevasco, a technical writer, programmer and IT enthusiast. It features over a hundred "articles":/archives/ covering a wide range of topics, from programming to writing, productivity and traveling.
As of version 8, H3RALD.com is a completely static web site, except for a few AJAX calls. All the files are generated automatically thanks to the "nanoc":http://nanoc.stoneship.org/ publishing system, an ingenious creation of "Denis Defreyne":http://www.stoneship.org/. Nanoc can be used to easily create static web sites using Ruby, as explained in "this article":http://www.h3rald.com/articles/take-back-your-site-with-nanoc/. - -h3. Licensing - -The "articles":/archives/ and all the content published on this web site is licensed under the _Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Unported License_. For other uses, please "contact us":/contact/. - -<a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/"><img alt="Creative Commons License" src="http://i.creativecommons.org/l/by-nc-nd/3.0/88x31.png" /></a> - -The source code of this web site, such as its layout, SASS/CSS stylesheets, custom rake tasks and code is licensed under the terms of the <em><a href="http://creativecommons.org/licenses/MIT/">MIT License</a></em> and it is available on "GitHub":https://github.com/h3rald/h3rald. - - h3. Requirements The following ruby libraries (gems) are used to compile this web site:@@ -33,14 +23,3 @@
Additionally, the following gems were necessary to migrate from the previous version of this web site, powered by "Typo":http://blog.typosphere.org: * "MySQL":http://rubyforge.org/projects/mysql/ * "Sequel":http://rubyforge.org/projects/sequel/ - - -h3. Credits - -Special thanks to the following people, who made this web site possible: - -* "Denis Defreyne":http://www.stoneship.org/, creator of the exceptional "nanoc":http://nanoc.stoneship.org/ site publishing system. -* "David J. Perry":http://scholarsfonts.net/, who designed the "Cardo":http://scholarsfonts.net/cardofnt.html font I used for the H3RALD logo. -* The creators of the "Ubuntu":http://font.ubuntu.com/ font, used throughout the web site. -* "Mark Otto":https://twitter.com/mdo and "fat-kun":https://twitter.com/fat, creators of the awesome "Bootstrap":http://getbootstrap.com framework. -* "Dave Gandy":http://twitter.com/davegandy, designer of the "FontAwesome":http://fontawesome.io/ icon set.
M
content/archives.erb
→
content/archives.erb
@@ -9,8 +9,8 @@ <div class="container article-aggregation">
<% c = 0 articles_by_month.each do |m| c = c+1 %> - <%= %{<div class="row">} if c%6 == 1 %> - <div class="col-md-2"><%= month_link_with_count(m[0], m[1].length) %></div> - <%= "</div>" if c%6 == 0 %> + <%= %{<div class="row">} if c%4 == 1 %> + <div class="col-md-3"><%= month_link_with_count(m[0], m[1].length) %></div> + <%= "</div>" if c%4 == 0 %> <% end %></div> </div>
A
content/fonts/h3rald-svg.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" standalone="no"?> +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" > +<svg xmlns="http://www.w3.org/2000/svg"> +<metadata>Generated by IcoMoon</metadata> +<defs> +<font id="h3rald" horiz-adv-x="1024"> +<font-face units-per-em="1024" ascent="960" descent="-64" /> +<missing-glyph horiz-adv-x="1024" /> +<glyph unicode=" " d="" horiz-adv-x="512" /> +<glyph unicode="" d="M1409.92 891.52c-37-0.001-73.887-0.894-110.72-2.56-36.833-1.667-73.72-2.534-110.72-3.2-12.667-0.334-22.44-1.114-29.44-1.28-7-0.167-12.333 0.166-16 0-3.667-0.167-6.513-0.641-7.68-0.64-1.167-0.001-1.587-0.001-1.92 0-2-0.334-3.507-1.087-3.84-1.92-0.333-0.834 0-1.254 0-1.92v-12.16c0-0.667 0.14-1.561 0.64-2.56 0.5-1.001 1.533-1.281 3.2-1.28h18.56c3-0.001 8.78-0.754 17.28-1.92 8.5-1.167 17.713-4.127 26.88-8.96 9.167-4.834 17.32-12.094 24.32-21.76 7-9.667 10.24-23.014 10.24-39.68v-528c0-14.667-3.38-26.647-10.88-36.48s-21.32-16.787-40.32-21.12c-1.667-0.333-4.32-1.087-8.32-1.92-4-0.833-8.133-1.253-12.8-1.92-4.667-0.667-9.107-1.893-13.44-2.56-0.863-0.133-1.15 0.106-1.92 0 2.906 6.646 5.858 13.577 8.32 20.48 9.199 25.8 14.079 52.88 14.080 81.28-0.001 16-1.721 33.28-5.12 52.48-3.401 19.2-10.001 38.16-19.2 56.96-9.201 18.8-22.241 36.96-39.040 53.76-16.8 16.8-38.24 30.64-64.64 42.24-6.4 2.8-15.28 5.479-26.88 7.68-11.6 2.2-24.080 3.199-36.48 3.2-2.8 0-5.32 0.199-8.32 0-3-0.2-5.92-0.881-8.32-1.28h-1.92v0.64c0 1.199 2.68 3.879 7.68 7.68 5 3.799 10.68 8.199 17.28 12.8 6.6 4.599 13.44 8.839 19.84 13.44 6.4 4.599 10.88 8.479 14.080 10.88 21.6 21.599 39.52 43.599 53.12 67.2 13.6 23.599 20.48 49.359 20.48 76.16 0 21.199-4.4 40.199-12.8 57.6-8.4 17.399-20.68 31.959-36.48 44.16-15.8 12.199-34.8 22.199-57.6 28.8-22.8 6.599-48.4 9.599-76.8 9.6-20-0.001-40.92-4.201-62.72-12.8-21.8-8.601-42.72-20.641-62.72-35.84-20-15.201-38.44-33.161-55.040-53.76-6.625-8.221-12.41-16.774-17.92-25.6v79.36c-0.001 14.999 1.899 27.313 6.4 36.48 4.499 9.166 11.059 16.119 18.56 21.12 7.499 4.999 15.459 8.406 24.96 10.24 9.499 1.833 19.439 2.559 29.44 2.56 2.666-0.001 3.839 1.199 3.84 3.2v9.6c-0.001 0.666-0.141 1.559-0.64 2.56-0.501 0.999-1.534 1.279-3.2 1.28h-288.64c-2.334-0.001-3.201-1.174-3.2-3.84v-9.6c-0.001-2.667 1.173-3.841 3.84-3.84 9.666-0.667 20.166-2.174 32-3.84 11.833-1.667 23.726-4.014 34.56-7.68 10.833-3.667 20.159-8.414 28.16-14.080 7.999-5.667 12.413-12.481 14.080-20.48 0.333-2.334 1.113-4.541 1.28-7.040 0.166-2.501-0.027-5.321 0.64-8.32v-239.36c-0.001-3.334-0.281-5.4-1.28-6.4-1.001-1-3.067-1.28-6.4-1.28h-394.24c-3.334 0-5.4 0.28-6.4 1.28s-1.28 3.066-1.28 6.4v231.040c0 14.999 2.066 27.313 6.4 36.48 4.333 9.166 10.28 16.119 17.28 21.12 7 4.999 14.986 8.406 24.32 10.24 9.333 1.833 18.8 2.559 28.8 2.56 2.666-0.001 3.84 1.199 3.84 3.2v9.6c0 0.666-0.14 1.559-0.64 2.56-0.5 0.999-1.534 1.279-3.2 1.28h-250.88c-2.333-0.001-3.2-1.174-3.2-3.84v-9.6c0-2.667 1.173-3.841 3.84-3.84 11.333-0.667 21.387-2.147 30.72-4.48 9.333-2.334 17.653-6.047 24.32-10.88 6.667-4.834 11.693-10.894 15.36-18.56 3.667-7.667 5.76-17.467 5.76-28.8v-533.12c0-16-2.82-29.067-8.32-38.4s-13.093-16.12-21.76-21.12c-8.667-5-17.66-8.74-28.16-10.24-10.5-1.5-21.027-1.92-31.36-1.92-1.667 0-2.7-0.28-3.2-1.28-0.5-1-1.28-1.893-1.28-2.56v-12.16c0-0.667 0.78-1.56 1.28-2.56s1.533-1.28 3.2-1.28h275.84c1.666 0 2.866 0.28 3.2 1.28 0.333 1 0 1.893 0 2.56v12.16c0 0.667 0.333 1.56 0 2.56-0.334 1-1.84 1.28-3.84 1.28-11.334 0-21.974 1.2-32.64 3.2-10.667 2-20.634 4.933-28.8 9.6-8.167 4.667-14.2 10.893-19.2 18.56-5 7.667-7.68 17.467-7.68 28.8v243.2c0 3.333 0.28 5.4 1.28 6.4s3.066 1.92 6.4 1.92h394.24c3.333 0 5.399-0.92 6.4-1.92 0.999-1 1.279-3.067 1.28-6.4v-238.72c-0.001-14.667-4.581-26.060-14.080-34.56-9.501-8.5-21.061-14.7-34.56-19.2-13.501-4.5-27.267-7.627-41.6-8.96-14.334-1.333-26.481-1.92-36.48-1.92-1.667 0-2.701-0.28-3.2-1.28-0.5-1-0.641-1.893-0.64-2.56v-12.16c0-0.667 0.139-1.56 0.64-2.56 0.5-1 1.533-1.28 3.2-1.28h318.080c2.666 0 3.839 1.173 3.84 3.84v12.16c-0.001 2.667-1.174 3.84-3.84 3.84-22.334 0.667-39.674 3.32-51.84 8.32-12.167 5-20.907 11.227-26.24 18.56-5.334 6.667-9.021 13.647-11.52 20.48-2.501 6.833-3.841 14.373-3.84 23.040v387.84c4.751 8.572 10.723 18.814 19.2 32 9 13.999 20.56 27.559 34.56 40.96 14 13.399 30.96 24.959 50.56 34.56 19.6 9.599 42.080 14.719 68.48 14.72 15.2-0.001 30.2-2.961 44.8-8.96 14.6-6.001 27.64-14.121 39.040-24.32 11.4-10.201 20.52-21.801 27.52-35.2 7-13.401 10.88-28.081 10.88-42.88 0-21.601-4.2-41.361-12.8-60.16-8.6-18.801-19.68-36.521-33.28-53.12-13.6-16.601-29.28-32.361-46.080-47.36-16.8-15-33.52-29.28-49.92-42.88-1.6-1.6-4.080-4.24-7.68-7.040-3.6-2.8-7.28-5.32-10.88-8.32-3.6-3-6.36-5.72-8.96-8.32-2.6-2.6-3.84-4.8-3.84-6.4 0-3.2 1.040-6.4 3.84-9.6 2.8-3.2 5.92-5.12 8.32-5.12 1.2 0 1.76 0.72 2.56 1.92 4 5.2 9.44 10.080 16.64 14.080 7.2 4 15.24 7 23.040 9.6 7.8 2.6 15.2 4.56 22.4 5.76 7.2 1.2 13.12 1.92 17.92 1.92 17.6 0 35.080-3.64 52.48-10.24 17.4-6.6 32.92-16.52 46.72-30.72 13.8-14.2 25.32-33.080 33.92-55.68 8.6-22.6 12.8-49.68 12.8-81.28 0-26-4.36-52.16-12.16-79.36-7.8-27.2-18.72-52.28-33.92-74.88-15.2-22.6-34.12-41.76-56.32-56.96-22.2-15.2-47.76-23.36-76.16-24.96-16.4 0-31.68 2.68-46.080 7.68-14.4 5-27.72 10.72-40.32 17.92-12.6 7.2-24.84 15.28-35.84 23.68-11 8.4-20.88 15.84-30.080 23.040-9.2 7.2-17.36 13.76-24.96 18.56-7.6 4.8-14.24 7.040-19.84 7.040-12.8 0-24.36-2.96-34.56-8.96-10.2-6-15.36-16.56-15.36-31.36 4-14 10.2-25.84 19.2-35.84 9-10 20.24-18.6 32.64-25.6 12.4-7 25.72-12.88 40.32-17.28 14.6-4.4 29.36-7.84 44.16-10.24 14.8-2.4 29.32-3.68 43.52-4.48 14.2-0.8 26.8-1.28 38.4-1.28 21.2 0 43.8 3.44 67.2 10.24 23.4 6.8 46.080 16.64 68.48 29.44 22.4 12.8 43.6 28.080 64 46.080 20.4 18 38.359 37.96 53.76 60.16 6.973 10.053 13.498 20.569 19.2 31.36 0.542-0.333 1.087 0 1.92 0h307.2c1.666 0 2.7 0.28 3.2 1.28s1.28 1.893 1.28 2.56v12.16c0 0.667-0.307 1.56-0.64 2.56-0.334 1-1.84 1.28-3.84 1.28-3 0-6.547-0.027-10.88 0.64-4.334 0.667-8.3 1.727-12.8 2.56-4.5 0.833-8.967 1.253-12.8 1.92-3.834 0.667-6.96 1.587-8.96 1.92-12.667 1.667-23.167 4.040-32 7.040-8.834 3-16.26 6.687-21.76 11.52-5.5 4.833-9.187 10.613-11.52 17.28-2.334 6.667-3.84 14.68-3.84 23.68v230.4c0 2 0.306 3.173 0.64 3.84 0.333 0.666 0.92 1.253 1.92 1.92 1 0.666 2.786 1.28 5.12 1.28 2.333 0 3.506 0 3.84 0l118.4-5.76c0.666-0.334 1.56-0.92 2.56-1.92l128-200.96c9.666-15.667 19.133-29.74 28.8-42.24 9.666-12.5 20.053-23.613 30.72-33.28 21.999-19.667 44.786-33.293 69.12-40.96 24.333-7.667 51.026-11.52 79.36-11.52 5.666 0 9.493 0.893 12.16 2.56 2.666 1.667 4.479 5.24 4.48 10.24-0.001 1.667-0.781 2.673-1.28 3.84-0.501 1.167-1.814 2.533-4.48 3.2-22.001 8.667-42.161 20.813-60.16 36.48-18.001 15.667-33.414 34.040-46.080 55.040l-151.040 247.040c17 7.666 32.22 16.573 46.72 26.24 14.499 9.666 27.259 20.613 37.76 33.28 10.499 12.666 18.959 27.353 24.96 43.52 5.999 16.166 8.959 34.373 8.96 55.040-0.001 28.999-5.807 55.973-16.64 80.64-10.834 24.666-25.327 46.306-44.16 64.64-18.834 18.333-41.227 32.519-66.56 43.52-25.334 10.999-51.974 17.839-80.64 19.84h-50.56zM3427.84 890.24c-22.5-0.001-43.387-0.614-62.72-1.28l-160-3.2h-11.52c-2-0.001-2.867-0.754-3.2-1.92-0.333-1.167-0.64-2.227-0.64-2.56v-14.080c0-0.334 0.307-0.754 0.64-1.92 0.333-1.167 1.2-1.921 3.2-1.92h32c7.333-0.001 15.347-1.201 23.68-3.2 8.333-2.001 16.207-5.101 23.040-9.6 6.833-4.501 12.14-10.114 16.64-17.28 4.5-7.167 7.040-15.907 7.040-26.24v-547.84c0-13.667-3.407-24.807-10.24-32.64-6.833-7.833-15.293-13.447-24.96-17.28-9.667-3.833-19.747-6.207-30.080-7.040-10.333-0.833-18.6-1.28-25.6-1.28h-11.52c-2 0-2.867-0.753-3.2-1.92-0.333-1.167-0.64-1.587-0.64-1.92v-14.080c0-0.333 0.307-1.393 0.64-2.56 0.333-1.167 1.2-1.28 3.2-1.28h364.8c34.666 0 68.12 3.993 101.12 12.16 32.999 8.167 64.746 19.393 94.080 34.56 29.333 15.167 56.14 33.847 80.64 55.68 24.499 21.833 45.526 46.433 63.36 73.6 17.833 27.166 31.599 56.793 41.6 88.96 9.999 32.166 15.359 66.4 15.36 102.4-0.001 37.333-6.674 73.773-19.84 109.44-13.167 35.666-31.234 67.946-54.4 97.28-23.167 29.333-50.727 54.213-82.56 74.88-31.834 20.666-66.68 35.213-103.68 42.88-19.334 3.999-36.814 7.266-52.48 9.6-15.667 2.333-30.747 4.259-46.080 5.76-15.334 1.499-31.334 2.059-48 2.56-16.667 0.499-35.96 1.279-56.96 1.28-19.334-0.001-40.22-0.001-62.72 0zM2121.6 883.84c-1.334-0.001-1.92-0.894-1.92-2.56 0-1.667 1.366-4.181 3.2-7.68 1.833-3.501 2.56-6.627 2.56-8.96 0-0.667-0.474-1.254-0.64-1.92l-204.16-590.72c-5.667-16.667-12.787-29.54-21.12-39.040-8.333-9.5-16.767-16.927-25.6-21.76-8.833-4.833-17.1-8.1-25.6-9.6-8.5-1.5-16.067-2.227-22.4-2.56-2.667 0-3.84-1.173-3.84-3.84v-12.16c0-2.667 1.173-3.84 3.84-3.84h255.36c1.666 0 2.7 0.28 3.2 1.28s0.64 1.893 0.64 2.56v12.16c0 0.667-0.14 1.56-0.64 2.56s-1.534 1.28-3.2 1.28h-12.8c-7.667 0-16.407 0.587-26.24 1.92-9.834 1.333-19.467 3.873-28.8 7.040-9.334 3.167-17.794 7.3-24.96 12.8-7.167 5.5-12.054 12.147-14.72 20.48-0.667 1.667-0.64 3.147-0.64 4.48 0 1.333 0 2.813 0 4.48l74.88 219.52c0 0.333 0.113 2.146 1.28 4.48 1.166 2.333 3.12 4.066 5.12 6.4 2 2.333 4.68 5.040 7.68 7.040 3 2 6.546 2.56 10.88 2.56h177.28c4 0 7.406-0.56 10.24-2.56 2.833-2 5.206-4.54 7.040-7.040 1.833-2.5 3.006-4.707 3.84-7.040 0.833-2.334 1.586-3.814 1.92-4.48l75.52-213.12c0.666-2.667 1.279-5.040 1.28-7.040-0.001-8.333-2.707-15.453-7.040-21.12-4.334-5.667-9.334-9.94-16-13.44-6.667-3.5-14.234-6.487-22.4-8.32-8.167-1.833-16.321-3.007-24.32-3.84-8.001-0.833-15.567-1.587-22.4-1.92-6.834-0.333-11.694-0.307-15.36-0.64-0.667 0-1.867-0.473-3.2-0.64-1.334-0.167-2.507 0-3.84 0-1.667 0-2.7-0.28-3.2-1.28-0.5-1-1.28-1.893-1.28-2.56v-12.16c0-0.667 0.78-1.56 1.28-2.56s1.533-1.28 3.2-1.28h305.92c1.666 0 2.699 0.28 3.2 1.28 0.499 1 0.639 1.893 0.64 2.56v11.52c-0.001 1-0.141 2.2-0.64 3.2-0.501 1-1.534 1.28-3.2 1.28-7.334 0-15.041 1.173-23.040 3.84-8.001 2.667-14.534 5.347-19.2 7.68-10.667 4.333-18.961 8.913-24.96 14.080-6.001 5.167-11.054 11.113-14.72 17.28-3.667 6.167-6.767 12.507-9.6 19.84-2.834 7.333-6.214 15.96-10.88 24.96l-211.84 593.28c-0.667 1.666-1.394 2.866-2.56 3.2-1.167 0.333-1.894 0.306-2.56 0.64h-100.48zM2576 883.84c-0.542-0.25-1.030-0.78-1.28-1.28-0.5-1.001-0.64-1.894-0.64-2.56v-12.16c0-0.334 0.14-0.754 0.64-1.92 0.5-1.167 1.533-1.921 3.2-1.92h10.88c6.667-0.001 15.713-0.894 26.88-2.56 11.167-1.667 21.807-4.461 32.64-8.96 10.833-4.501 20.327-10.894 28.16-18.56 7.833-7.667 11.52-17.441 11.52-29.44v-529.28c0-13-2.653-24.7-8.32-35.2-5.667-10.5-13.933-18.933-25.6-25.6-5.333-3-12.173-5.68-19.84-7.68-7.667-2-15.233-3.313-22.4-4.48-7.167-1.167-13.060-2.060-18.56-2.56-5.5-0.5-9.24-0.64-10.24-0.64h-11.52c-2 0-3.507-0.28-3.84-1.28s-0.64-1.893-0.64-2.56v-12.16c0-0.667 0.78-1.56 1.28-2.56s1.533-1.28 3.2-1.28h504.32c2.333 0 4.093 0.893 5.76 2.56 1.666 1.667 3.146 3.733 4.48 6.4l75.52 147.84c0.999 2 1.92 3.76 1.92 5.76-0.001 4.333-1.787 6.4-5.12 6.4-1.667 0-3.62-0.28-5.12-1.28-1.501-1-2.814-2.2-4.48-3.2-3.667-3-7.8-7.887-12.8-14.72-5.001-6.833-10.947-14.373-17.28-23.040-6.334-8.667-13.454-17.547-21.12-26.88-7.667-9.333-15.96-17.767-24.96-25.6-9.001-7.833-18.3-14.2-28.8-19.2-10.501-5-21.614-7.68-33.28-7.68h-197.76c-6.667 0-12.587 2.68-17.92 7.68-5.334 5-8.293 10.333-8.96 16v554.24c0 14.999 1.033 25.833 3.2 32 2.166 6.166 7.053 10.133 14.72 12.8 10 3.666 23.040 7.239 39.040 10.24 16 2.999 33.173 4.479 51.84 4.48h21.76c1.666-0.001 2.7 0.279 3.2 1.28 0.5 0.999 0.64 1.893 0.64 2.56v12.16c0 0.666-0.14 1.559-0.64 2.56-0.5 0.999-1.534 1.279-3.2 1.28h-338.56c-0.833 0-1.378 0.25-1.92 0zM3406.080 866.56h135.68c47-0.001 89.693-8.601 127.36-25.6 37.666-17.001 69.499-40.261 96-69.76 26.499-29.501 47.106-64.487 61.44-104.32 14.333-39.834 21.119-82.64 21.12-128.64-0.001-52.334-8.014-99.3-23.68-140.8-15.667-41.5-37.7-76.6-67.2-105.6-29.501-29-65.354-51.227-107.52-66.56-42.167-15.333-90.027-23.040-143.36-23.040-15 0-29.213 0.307-42.88 0.64-13.667 0.333-25.674 1.98-35.84 4.48-10.167 2.5-18.153 6.187-24.32 11.52-6.167 5.333-9.6 12.733-9.6 22.4v611.84c0 4.666 0.893 8.073 2.56 10.24 1.666 2.166 5.24 3.199 10.24 3.2zM1381.12 865.92c4 0.166 8.133-0.001 12.8 0 24.666-0.001 47.786-4.021 69.12-11.52 21.333-7.501 39.373-18.141 55.040-32.64 15.666-14.501 28.12-32.427 37.12-53.76 9-21.334 13.44-45.627 13.44-72.96 0-26.334-2.794-49.874-8.96-71.040-6.167-21.167-16.554-39.094-30.72-53.76-14.167-14.667-32.847-26.56-55.68-34.56-22.834-8-50.2-11.52-83.2-11.52-5.334 0-11.14-0.334-16.64 0-5.5 0.333-10.694 0.946-15.36 1.28-4.667 0.333-8.66 0.946-12.16 1.28-3.5 0.333-5.707 0-7.040 0-3.667 0.333-5.874 1.673-7.040 3.84-1.167 2.166-2.227 5.013-2.56 7.68l-1.28 14.72v302.72c0 3.666 1.953 6.206 5.12 7.040 3.166 0.833 5.68 1.279 7.68 1.28 5.666 0.333 10.86 0.473 15.36 0.64 4.5 0.166 8.8 0.473 12.8 0.64 4 0.166 8.16 0.473 12.16 0.64zM2158.080 780.8c1.666-0.001 4.346-4.441 7.68-13.44l74.24-204.8c0.666-1.667 1.586-3.147 1.92-4.48 0.333-1.334 0.64-2.814 0.64-4.48 0-2-0.754-3.62-1.92-5.12-1.167-1.5-3.374-2.56-7.040-2.56h-147.84c-3 0-4.76 0.753-5.76 1.92-1 1.166-1.92 2.48-1.92 4.48 0 1.666 0.306 3.453 0.64 5.12 0.333 1.666 0.613 3.453 1.28 5.12l70.4 204.16c1.666 4.333 2.84 7.739 3.84 10.24 1 2.499 2.173 3.839 3.84 3.84z" horiz-adv-x="3947" /> +</font></defs></svg>
A
content/styles/_h3rald.scss
@@ -0,0 +1,43 @@
+@font-face { + font-family: 'H3RALD'; + src:url('../fonts/h3rald-eot.eot'); + src:url('../fonts/h3rald-eot.eot?#iefix') format('embedded-opentype'), + url('../fonts/h3rald-ttf.ttf') format('truetype'), + url('../fonts/h3rald-woff.woff') format('woff'), + url('../fonts/h3rald-svg.svg#h3rald') format('svg'); + font-weight: normal; + font-style: normal; +} + +.h3 { + font-family: "H3RALD"; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + content: "\e7c4"; + display: inline; +} + +.h3:before { + content: "\e7c4"; +} + +.h3-header { + font-size: 50px; + color: #fff; +} + +.h3-footer { + position: relative; + top: 3px; + font-size: 15px; + color: #fff; +} +
M
content/styles/style.scss
→
content/styles/style.scss
@@ -5,6 +5,7 @@ @import "_vendor.scss";
@import "_coderay.scss"; @import "_github.scss"; @import "_font-awesome.scss"; +@import "_h3rald.scss"; /* Bootstrap Overrides */@@ -12,6 +13,16 @@ @media (min-width: 768px) {
body { padding-top: 60px; } + .navbar-form .input-group { + float: right; + width: 350px; + } +} +@media (max-width: 991px) { + .navbar-form .input-group { + float: right; + width: 180px; + } } @media ( max-width : 767px) {@@ -23,12 +34,63 @@ position: relative;
} } -.navbar { +a, a:link, a:visited, a:active { + -webkit-transition-property: color, border-bottom-color; + -moz-transition-property: color, border-bottom-color; + -o-transition-property: color, border-bottom-color; + transition-property: color, border-bottom-color; + -webkit-transition-duration: 1s; + -moz-transition-duration: 1s; + -o-transition-duration: 1s; + transition-duration: 1s; + -webkit-transition-timing-function: ease-out; + -moz-transition-timing-function: ease-out; + -o-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} + +dt { + font-weight: 300; + font-size: 20px; +} + +footer, .navbar { + color: #fff; background: #2b3033; - .nav { + a, a:link, a:visited, a:active { + margin: inherit 1px; + color: #dbe7ee; + } + .nav a { + border-bottom: 2px solid #2b3033; + padding-bottom: 5px; + } + .nav li.active a { + border-bottom: 2px solid #dbe7ee; + padding-bottom: 5px; + } + .nav a:hover { background: #2b3033; + color: #8fc8ea; + padding-bottom: 5px; + border-bottom: 2px solid #8fc8ea; } - .nav a:hover { + a.h3 { + padding: 0; + border-bottom: none; + } + a.h3:hover { + text-decoration: none; + border-bottom: none; + } +} + +.navbar { + height: 60px; + .container { + padding-top: 5px; + } + .nav { background: #2b3033; } .navbar-toggle {@@ -90,17 +152,48 @@ @extend .table-striped;
@extend .table-bordered; } -/* Other Elements */ +html, body { + height: 100%; +} -.contact-list ul{ - list-style-type: none; - margin: 20px 0; -} -.contact-list ul li { - margin: 10px 0; +footer { + .container { + -webkit-opacity: 0.6; + opacity: 0.4; + } + font-size: 12px; + + .copyright { + text-align: center; + margin: auto; + } + + h1 { + color: #fff; + } + + .contact-list ul { + list-style-type: none; + } + .license-logo { + text-align: center; + margin: 15px auto; + } +} + +footer .container:hover { + -webkit-opacity: 0.8; + opacity: 0.8; } +footer .container { + -webkit-transition: -webkit-opacity 0.3s ease-out; + -moz-transition: opacity 0.3s ease-out; + -o-transition: opacity 0.3s ease-out; + transition: opacity 0.3s ease-out; +} + .article-aggregation { margin: 20px 0; }@@ -119,11 +212,6 @@ font-style: italic;
text-align: right; font-size: 130%; color: #555; -} - -footer { - margin: auto; - text-align: center; } #header-row {@@ -160,7 +248,7 @@
#main-content > article h1 { line-height: 1em; font-size: 1.6em; - font-weight: 400; + font-weight: 300; } #main-content > article h2 { margin-top: 0;@@ -174,13 +262,13 @@ article.page > header h1 {
font-size: 2em; margin-top: 0; margin-bottom: 0; - font-weight: 400; + font-weight: 300; } #secondary-content > article h1{ line-height: 1.2em; font-size: 1.3em; - font-weight: 400; + font-weight: 300; } #secondary-content > article h2{@@ -192,6 +280,7 @@ font-weight: 300;
} #body-text section header h1, +footer h1, #body-text h2 { font-size: 1.8em; }
M
layouts/default.erb
→
layouts/default.erb
@@ -54,6 +54,7 @@ <script src="/js/highlight.js" type="text/javascript"></script>
<script src="/js/bootstrap.js" type="text/javascript"></script> </head> <body> + <div id="wrap"> <% if @item[:permalink] == 'home' then %> <%= render 'header' %> <div class="container">@@ -61,7 +62,7 @@ <%= yield %>
</div> <% else %> <%= render 'header', :item => @item %> - <div class="container"> + <div id="main" class="container clear-top"> <article class="page"> <%= render 'page_meta', :item => @item %> <section id="body-text" class="hyphenate">@@ -74,11 +75,7 @@ <%= render 'comments', :item => @item %>
<% end %> </div> <% end %> - <footer> - <section> - <p>H3RALD Web Site v8.4 © 2004 — 2014 <em>Fabio Cevasco</em></p> - </section> - </footer> + <%= render 'footer' %> <% if @item[:type] == 'article' then %> <script type="text/javascript"> var disqus_shortname = 'h3rald';@@ -110,5 +107,6 @@ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})(); </script> <!-- End Google Analytics --> + </div> <!-- End #wrap --> </body> </html>
M
layouts/header.erb
→
layouts/header.erb
@@ -9,7 +9,7 @@ else
"" end end -%><div class="container nav-container"> + %><header class="container nav-container"> <div id="main-navbar" class="navbar navbar-fixed-top" role="navigation"> <div class="container"> <div class="navbar-header">@@ -21,32 +21,31 @@ <span class="icon-bar"></span>
</button> <h1 class="navbar-brand"> <% if @item[:permalink] != 'home' then %> - <a href="/"><img src="/images/h3rald.png" alt="H3RALD" /></a> + <a href="/" class="h3 h3-header"></a> <% else %> - <img src="/images/h3rald.png" alt="H3RALD" /> + <span class="h3 h3-header"></span> <% end %> </h1> </div> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav"> - <li<%=active_if("home")%>><a href="/"><i class="fa fa-home"></i> HOME</a></li> - <li<%=active_if("projects")%>><a href="/projects/"><i class="fa fa-briefcase"></i> PROJECTS</a></li> - <li<%=active_if("tags")%>><a href="/tags/"><i class="fa fa-tags"></i> TAGS</a></li> - <li<%=active_if("archives")%>><a href="/archives/"><i class="fa fa-archive"></i> ARCHIVES</a></li> - <li<%=active_if("about")%>><a href="/about/"><i class="fa fa-question-circle"></i> ABOUT</a></li> - <!-- <li<%=active_if("contact")%>><a href="/contact/"><i class="fa fa-envelope"></i> CONTACT</a></li> --> + <li<%=active_if("projects")%>><a href="/projects/">PROJECTS</a></li> + <li<%=active_if("tags")%>><a href="/tags/">TAGS</a></li> + <li<%=active_if("archives")%>><a href="/archives/">ARCHIVES</a></li> + <li<%=active_if("about")%>><a href="/about/">ABOUT</a></li> </ul> - <!-- - <div class="navbar-form navbar-nav navbar-right"> - <div class="gcse-searchbox" data-enableAutoComplete="true"></div> - </div> - --> + <form class="navbar-form"> + <div class="input-group"> + <input type="text" class="form-control" placeholder="Search" id="searchbox"> + <span class="input-group-btn"> + <button class="btn btn-default" type="button"><i class="fa fa-search"></i></button> + </span> + </div> + </form> </div> </div> </div> - <div class="row" id="header-row"> - </div> - <div id="search_results"> - <div class="gcse-searchresults" data-linkTarget="_top"></div> - </div> -</div> +</header> +<div id="search_results"> + <div class="gcse-searchresults" data-linkTarget="_top"></div> +</div>