Added social icons, logo, etc.
h3rald h3rald@h3rald.com
Thu, 27 Dec 2012 20:02:51 +0100
14 files changed,
159 insertions(+),
29 deletions(-)
jump to
M
content/about.textile
→
content/about.textile
@@ -43,4 +43,7 @@
* "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. * Sebastian Kosch, creator of the "Crimson Text":http://aldusleaf.org/ font, used throughout the web site. -* "Paul Robert Lloyd":http://paulrobertlloyd.com/, creator of the "Social Media Icos":http://paulrobertlloyd.com/2009/06/social_media_icons/ set, used on the home page of this site. +* "Mark Otto":https://twitter.com/mdo and "fat-kun":https://twitter.com/fat, creators of the awesome "Twitter Bootstrap":http://twitter.github.com/bootstrap/index.html framework. +* Jan Kovařík, the designer of "Glyphicons":http://glyphicons.com/. +* The creators of "Fontello":http://fontello.com/. +* "Sam Collins":http://smcllns.com/, designer of the "Zocial":http://zocial.smcllns.com/ icon set.
M
content/contact.textile
→
content/contact.textile
@@ -3,9 +3,12 @@ :type: page
:permalink: contact :title: "Contact" ----- -You can contact me using the form below or by sending an email to <a href='mailto:h3rald@h3rald.com'>h3rald@h3rald.com</a>. -<section id="contact"> - <script type="text/javascript"> id = 130297; </script> - <script type="text/javascript" src="http://kontactr.com/wp.js"></script> -</section> +(unstyled)* <i class="zicon-gmail"></i> <a href='mailto:h3rald@h3rald.com'>h3rald@h3rald.com</a> +* <i class="zicon-twitter"></i> "@h3rald":http://twitter.com/h3rald +* <i class="zicon-linkedin"></i> "LinkedIn":http://it.linkedin.com/in/fabiocevasco +* <i class="zicon-pinboard"></i> "Pinboard":http://pinboard.in/u:h3rald/ +* <i class="zicon-instagram"></i> "Instagram":http://instagram.com/h3rald/ +* <i class="zicon-github"></i> "Github":https://github.com/h3rald +* <i class="zicon-reddit"></i> "Reddit":http://reddit.com/user/h3rald +* <i class="zicon-foursquare"></i> "Foursquare":http://foursquare.com/h3rald
A
content/fonts/zocial-svg.svg
@@ -0,0 +1,86 @@
+<?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> +Created by FontForge 20100429 at Thu Dec 27 10:10:05 2012 + By root +Copyright (C) 2012 by original authors @ fontello.com +</metadata> +<defs> +<font id="zocial" horiz-adv-x="1030" > + <font-face + font-family="zocial" + font-weight="500" + font-stretch="normal" + units-per-em="1000" + panose-1="2 0 6 3 0 0 0 0 0 0" + ascent="850" + descent="-150" + bbox="15 -150 1245 850" + underline-thickness="50" + underline-position="-100" + unicode-range="U+0024-00E3" + /> +<missing-glyph horiz-adv-x="364" +d="M33 0v666h265v-666h-265zM66 33h199v600h-199v-600z" /> + <glyph glyph-name=".notdef" horiz-adv-x="364" +d="M33 0v666h265v-666h-265zM66 33h199v600h-199v-600z" /> + <glyph glyph-name=".null" horiz-adv-x="0" + /> + <glyph glyph-name="nonmarkingreturn" horiz-adv-x="333" + /> + <glyph glyph-name="dollar" unicode="$" horiz-adv-x="1004" +d="M209 850h438q107 0 181 -74q81 -79 52 -229q-28 -135 -128 -214q-99 -78 -234 -78h-183l-63 -296h-257zM115 -150l11 49h216l63 295h183q135 0 234 78q100 79 128 214q21 96 -12 170q71 -85 43 -219q-30 -136 -129 -214t-233 -78h-184l-63 -295h-257zM639 605 +q-8 28 -31 46t-56 18h-125l-55 -244h83l42 183h125q2 0 17 -3zM497 426q50 2 91 38.5t51 82.5q0 1 1 6t1 6h-114z" /> + <glyph glyph-name="plus" unicode="+" horiz-adv-x="1214" +d="M332 -150q-76 0 -145.5 17.5t-120.5 60.5t-51 104q0 87 89 155t215 68h54q-42 41 -42 86q0 30 16 58q-7 -1 -29 -1q-103 0 -170 65q-66 65 -66 160q0 92 82 159q83 68 187 68h310l-69 -50h-98q45 -17 72.5 -66.5t27.5 -112.5q0 -93 -88 -162q-36 -28 -48 -46 +q-11 -17 -11 -42q0 -19 27 -48q30 -32 54 -49q60 -42 84 -88q24 -45 24 -113q0 -91 -82 -157t-222 -66zM186 -52q60 -49 145 -49q118 0 173 44q53 43 53 117q0 47 -37 88q-4 4 -40 31q-35 25 -51 35q-39 12 -77 12q-90 1 -158 -47q-67 -48 -67 -114q0 -69 59 -117zM193 624 +q10 -72 57.5 -132.5t112.5 -61.5q63 -2 95.5 54.5t23.5 130.5q-9 72 -56.5 130.5t-112.5 60.5q-63 2 -96 -53t-24 -129zM748 600v50h200v200h50v-200h201v-50h-201v-201h-50v201h-200z" /> + <glyph glyph-name="four" unicode="4" horiz-adv-x="1199" +d="M276 664q87 0 154 -49.5t93 -122.5l66 64l158 -152l437 446v-405l-267 -206l34 -36l-363 -353l-316 307q-106 1 -182 76q-75 73 -75 177q0 105 77 180q75 74 184 74zM117 257q65 -63 157 -63q34 0 65 9l220 -195l585 460l1 302l-578 -596l-90 146q20 45 20 90 +q0 90 -65 152q-67 64 -158 64t-157 -64q-65 -63 -65 -152q0 -90 65 -153zM100 408q0 70 49.5 119.5t119.5 49.5t119.5 -49.5t49.5 -119.5t-49.5 -119.5t-119.5 -49.5t-119.5 49.5t-49.5 119.5z" /> + <glyph glyph-name="greater" unicode=">" horiz-adv-x="1235" +d="M1220 350q0 -49 -27.5 -87.5t-68.5 -58.5q0 -195 -260 -303q-46 -21 -68 -27t-79 -15q-59 -9 -93 -9q-118 0 -231 35q-3 3 -72 38q-97 52 -153 116q-57 65 -57 156h-5q-33 17 -59 50l-9 12q-15 27 -19 43.5t-4 52.5q0 63 49 106q50 44 113 44q61 0 105 -36h5 +q133 82 335 82l5 4l70 267l242 -36q0 -1 2 -1q1 0 0 1q2 1 14 18l12 16q35 32 82 32q49 0 82.5 -32.5t33.5 -81.5t-34 -84t-82 -35q-55 0 -86 38t-31 97q-2 -1 -97.5 13t-109.5 17h-3l-16 -54l-23 -84q-19 -69 -25 -88v-3l5 -4q77 0 153 -22.5t128 -57.5q1 1 2 1t2 1l16 11 +l16 12q3 2 13.5 8t18 7.5t19 3.5t25.5 2q68 0 116 -48.5t48 -116.5zM173 472q-48 0 -86 -41t-38 -90q0 -65 57 -112q5 59 48 116q46 60 101 101q-38 26 -82 26zM151 195q0 -107 111 -189q99 -73 207 -94q78 -14 146 -14q133 0 241 43t177 119h-3q28 35 43 68q13 29 13 73 +q0 109 -96 187q-150 122 -373 122q-157 0 -301 -72q-71 -35 -118 -97.5t-47 -145.5zM337 268q0 37 22.5 59.5t59.5 22.5t62 -23t25 -59t-25.5 -60t-61.5 -24t-59 24t-23 60zM608 12q62 0 113 25.5t81 66.5h41q-25 -62 -93 -96q-67 -34 -142 -34q-74 0 -142 34q-69 34 -93 96 +h44q25 -44 79 -68t112 -24zM709 268q0 38 23 60t61 22q34 0 58 -24t24 -58t-24 -59t-58 -25q-37 0 -60.5 23.5t-23.5 60.5zM964 736q0 -34 25 -59.5t60 -25.5q36 0 59 24.5t23 60.5q0 34 -24 58t-58 24q-33 0 -59 -24.5t-26 -57.5zM978 455q53 -35 94 -91t57 -121 +q59 44 59 96q0 58 -36 100t-92 42q-44 0 -82 -26z" /> + <glyph glyph-name="C" unicode="C" +d="M15 350q0 206 148 354q144 146 351 146q208 0 357 -146q71 -71 107 -162q37 -87 37 -192q0 -210 -143 -351q-73 -71 -166 -111q-96 -38 -192 -38q-204 0 -352 148q-147 147 -147 352zM105 350q0 -169 123 -288q61 -61 133 -89q71 -31 155 -31q164 0 292 121 +q117 114 117 287q0 86 -31 157q-30 77 -88 132q-120 121 -290 121q-171 0 -288 -120q-123 -123 -123 -290zM230 350q0 68 40.5 111.5t106.5 43.5q93 0 133 -72l-67 -35q-10 23 -27 31q-15 9 -29 9q-67 0 -67 -88q0 -38 17 -63t50 -25q44 0 62 42l62 -31q-46 -78 -132 -78 +q-69 0 -109 42t-40 113zM519 350q0 68 40.5 111.5t106.5 43.5q93 0 132 -72l-66 -35q-19 40 -56 40q-67 0 -67 -88q0 -40 16.5 -64t50.5 -24q43 0 61 42l63 -31q-46 -78 -131 -78q-70 0 -110 42t-40 113z" /> + <glyph glyph-name="L" unicode="L" horiz-adv-x="1066" +d="M15 730q0 51 36 83t90 32t89 -32.5t35 -85.5q0 -50 -36 -81.5t-90 -31.5h-1q-53 0 -88 32.5t-35 83.5zM28 523h222v-668h-222v668zM373 -145h222v373q0 33 8 54q34 81 114 81q112 0 112 -151v-357h222v383q0 138 -65.5 219.5t-189.5 81.5q-129 0 -201 -111v-2h-1l1 2v95 +h-222q2 -42 2 -199q0 -67 -2 -469z" /> + <glyph glyph-name="R" unicode="R" +d="M15 -16q0 55 39 94t94 39t94 -39t39 -94t-39 -94t-94 -39t-94 39t-39 94zM15 510q189 0 338 -92.5t233 -236.5q89 -152 89 -331h-192q0 194 -137 331q-138 138 -331 138v191zM15 658v192q211 0 394.5 -82t312.5 -211t211 -312.5t82 -394.5h-192q0 171 -66.5 320 +t-170.5 252q-104 104 -252 170t-319 66z" /> + <glyph glyph-name="T" unicode="T" horiz-adv-x="1260" +d="M15 -37q30 -3 60 -3q176 0 314 108q-84 1 -148.5 51.5t-87.5 123.5q17 -4 47 -4q36 0 67 9q-85 16 -144 85t-59 162v3q52 -29 115 -31q-49 32 -81 87t-32 123t35 127q89 -112 223 -183.5t297 -80.5q-7 31 -7 58q0 104 74 178t179 74q109 0 184 -80q85 18 160 62 +q-28 -91 -110 -140q75 9 144 40q-48 -75 -125 -131v-33q0 -212 -120 -396q-131 -202 -346 -280q-117 -42 -252 -42q-208 0 -387 113z" /> + <glyph glyph-name="bracketright" unicode="]" horiz-adv-x="1067" +d="M15 638q0 1 3 19l339 -290l-338 -325q-4 12 -4 20v576zM60 697q8 3 17 3h913q9 0 18 -3l-340 -291l-67 -54l-67 -55l-67 55l-67 54zM402 330l132 -107l132 107l341 -327q-7 -3 -17 -3h-913q-9 0 -16 3zM711 367l338 290q3 -9 3 -19v-576q0 -10 -3 -20z" /> + <glyph glyph-name="a" unicode="a" horiz-adv-x="1130" +d="M33 75q250 -145 544 -145q213 0 401 79q29 13 38 0q8 -11 -6 -22q-85 -61 -202 -99t-243 -38q-313 0 -544 208q-6 4 -6 10q0 2 2 6q5 9 16 1zM494 177q-80 0 -128 49.5t-48 132.5q0 137 127 192q64 28 221 41v17q0 63 -14 86q-21 30 -66 30h-8q-34 -3 -57.5 -22 +t-30.5 -49q-5 -20 -20 -23l-115 14q-17 5 -17 18q0 4 1 7q16 88 83 132q66 43 156 48h25q154 0 210 -101q1 -1 15 -49q4 -16 4 -54v-242q0 -10 1 -19.5t2 -16t5 -15t5.5 -12.5t7 -12.5t7.5 -10.5l8 -12q8 -9 9 -11q6 -9 6 -16q0 -8 -8 -14l-90 -78q-13 -9 -29 -2 +q-34 30 -54 59q-12 17 -14 19q-55 -61 -110 -76q-33 -10 -84 -10zM490 379q0 -38 19 -62t53 -24q2 0 8 1t8 1q37 10 61.5 47.5t26.5 84.5v46v25q-56 0 -88 -8q-88 -25 -88 -111zM910 57q1 3 6 8q49 32 122 34q19 2 44 -4.5t29 -11.5t4 -18v-7q0 -35 -19 -82q-20 -50 -53 -77 +q-4 -4 -9 -4q-10 0 -7 12q37 86 37 121q0 12 -4 16q-10 12 -56 12q-25 0 -86 -8q-4 0 -7 1.5t-2 4.5q0 2 1 3z" /> + <glyph glyph-name="g" unicode="g" horiz-adv-x="969" +d="M227 157q82 0 147.5 -43t65.5 -111q0 -64 -62 -108q-63 -45 -151 -45q-89 0 -150 45q-62 45 -62 108q0 84 100 130q-26 40 -26 75q0 39 28 74q-38 23 -63 62t-25 89q0 73 53.5 125.5t127.5 52.5q55 0 101 -31h7q60 0 109 32v-115q-18 -10 -44 -14q7 -21 7 -50 +q0 -70 -50 -121t-119 -55q-24 -29 -24 -53q0 -26 24 -48q1 0 3 0.5t3 0.5zM208 515q-29 0 -50.5 -24.5t-21.5 -55.5t21.5 -55.5t50.5 -24.5q30 0 51 24t21 56t-21 56t-51 24zM227 67q-34 0 -61 -17.5t-27 -46.5q0 -28 27 -46t61 -18t61.5 18t27.5 46q0 29 -27 46.5t-62 17.5 +zM470 769q0 34 23.5 57.5t57.5 23.5t58 -23.5t24 -57.5t-24 -58t-58 -24t-57.5 24t-23.5 58zM489 601h134v-479h-134v479zM670 499h55v-285q9 -73 91 -99q15 -5 31 -7h20q22 0 45.5 7t32.5 17l7 9l2 99q-40 -13 -65 -13q-31 0 -36 17l-4 13q0 3 -1 4v238h91v102h-91v93h-123 +v-93h-55v-102z" /> + <glyph glyph-name="m" unicode="m" horiz-adv-x="1232" +d="M15 800h185l9 -8h825l9 8h174v-900h-171v7h-855v-4h-176v897zM191 35v-80h855v74l-345 259l-79 -65l-86 70zM498 324l-307 252v-481zM622 438l347 298h-695zM739 319l307 -230v484z" /> + <glyph glyph-name="n" unicode="n" +d="M15 527l316 323v-123l301 -277l187 46l-195 -208l391 -438l-444 392l-188 -192l30 169l-255 316z" /> + <glyph glyph-name="Udieresis" unicode="Ü" +d="M115 -150q-41 0 -70.5 30t-29.5 70v800q0 40 29.5 70t70.5 30h800q41 0 70.5 -30t29.5 -70v-800q0 -40 -29.5 -70t-70.5 -30h-800zM303 138q88 -88 212 -88t212 88t88 212t-88 212t-212 88t-212 -88t-88 -212t88 -212zM315 350q0 82 59 141t141 59t141 -59t59 -141 +t-59 -141t-141 -59t-141 59t-59 141z" /> + <glyph glyph-name="atilde" unicode="ã" horiz-adv-x="1029" +d="M491 538q38 -111 88 -176t141 -117q63 7 116 7q178 0 178 -70q0 -9 -5 -24l-3 1q-4 -42 -67 -42q-103 0 -240 72q-221 -23 -389 -82q-147 -257 -235 -257q-15 0 -52 20q-8 8 -8 22q0 51 61 106q63 57 123 89l15 -22q-43 -31 -90 -82t-59 -90q87 27 265 379 +q67 135 103 261q-33 107 -33 202q0 115 47 115h20q4 0 12.5 -1.5t13 -4.5t9.5 -9q9 -11 9 -34q0 -15 -3 -28l-27 1q-1 26 -17 41q-12 -19 -12 -69q0 -38 9 -94q9 60 18 107l26 -3q-1 -149 -14 -218zM631 232q-103 73 -164 209q-35 -120 -134 -294q130 53 298 85zM819 197 +q91 -35 142 -35q15 0 22 3q0 32 -145 32h-19z" /> + </font> +</defs></svg>
M
content/home.erb
→
content/home.erb
@@ -23,9 +23,8 @@ <%= render 'article_intro', :item => latest[3], :classes => "hyphenate", :extended => false %>
<%= render 'article_intro', :item => latest[4], :classes => "hyphenate", :extended => false %> <%= render 'article_intro', :item => latest[1], :classes => "hyphenate", :extended => false %> <%= render 'article_intro', :item => latest[2], :classes => "hyphenate", :extended => false %> - <%= - render 'article_intro', :item => latest[5], :classes => "hyphenate", :extended => false - %> + <%= render 'article_intro', :item => latest[5], :classes => "hyphenate", :extended => false %> + <p><a href="/archives/">← Older Articles</a></p> </section><!-- #main-content end --> <section class="span4" id="secondary-content"> <span class="featured">Popular Content</span>
M
content/styles/_vendor.scss
→
content/styles/_vendor.scss
@@ -2,7 +2,7 @@ /* Google Custom Search */
$font-family: 'Crimson Text', Palatino, Bookman, Georgia, Times; -$font-size: 17px; +$font-size: 19px; $link-color: #BD3F00; $link-hover-color: #712600;
A
content/styles/_zocial.scss
@@ -0,0 +1,43 @@
+@font-face { + font-family: 'zocial'; + src: url("../fonts/zocial-eot.eot"); + src: url("../fonts/zocial-eot.eot?#iefix") format('embedded-opentype'), url("../fonts/zocial-woff.woff") format('woff'), url("../fonts/zocial-ttf.ttf") format('truetype'), url("../fonts/zocial-svg.svg#zocial") format('svg'); + font-weight: normal; + font-style: normal; +} +[class^="zicon-"]:before, +[class*=" zicon-"]:before { + font-family: 'zocial'; + font-style: normal; + font-weight: normal; + speak: none; + display: inline-block; + text-decoration: inherit; + width: 1em; + margin-right: 0.2em; + text-align: center; + opacity: 0.9; +/* fix buttons height, for twitter bootstrap */ + line-height: 1em; +/* Animation center compensation - magrins should be symmetric */ +/* remove if not needed */ + margin-left: 0.2em; +/* Uncomment for 3D effect */ +/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ +} + +.zicon-paypal:before { content: '\24'; } /* '$' */ +.zicon-gplus:before { content: '\2b'; } /* '+' */ +.zicon-foursquare:before { content: '\34'; } /* '4' */ +.zicon-reddit:before { content: '\3e'; } /* '>' */ +.zicon-cc:before { content: '\43'; } /* 'C' */ +.zicon-linkedin:before { content: '\4c'; } /* 'L' */ +.zicon-rss:before { content: '\52'; } /* 'R' */ +.zicon-twitter:before { content: '\54'; } /* 'T' */ +.zicon-email:before { content: '\5d'; } /* ']' */ +.zicon-amazon:before { content: '\61'; } /* 'a' */ +.zicon-github:before { content: '\67'; } /* 'g' */ +.zicon-gmail:before { content: '\6d'; } /* 'm' */ +.zicon-pinboard:before { content: '\6e'; } /* 'n' */ +.zicon-instagram:before { content: '\dc'; } /* 'Ü' */ +.zicon-acrobat:before { content: '\e3'; } /* 'ã' */
M
content/styles/style.scss
→
content/styles/style.scss
@@ -5,8 +5,9 @@ @import url(http://fonts.googleapis.com/css?family=Cardo);
article, #legacy-comments, #disqus_thread { - font-size: 17px; + font-size: 19px; line-height: 1.5em; + color: #000; li, dt, dd { line-height: 1.5em@@ -48,6 +49,14 @@ }
.hyphenate { text-align: justify; +} + +article p[style*="right"] { + margin: 0.5em 0 0.5em 1em; +} + +article p[style*="left"] { + margin: 0.5em 1em 0.5em 0; } /* Headings */@@ -123,7 +132,7 @@ /* Logos */
.main-title { display: block; - color: #333333; + color: #000; font-family: "Cardo", "Times New Roman", serif; margin-bottom: 2px; .h, h1 .rald { font-size: 60px; }@@ -134,3 +143,4 @@ }
@import "_vendor.scss"; @import "_code.scss"; +@import "_zocial.scss";
M
layouts/article_intro.erb
→
layouts/article_intro.erb
@@ -10,7 +10,7 @@ <h1><a href="<%= @item.identifier %>"><%= @item[:title]%></a></h1>
<% unless @item[:subtitle].blank? then %> <h2><%= @item[:subtitle] %></h2> <% end %> - <p class="pubdate pull-right"><time datetime="<%= @item[:date].strftime("%Y-%m-%d") %>" pubdate="pubdate"><%= @item[:date].strftime("%A, %B %d %Y") %></time></p> + <p class="pubdate pull-right"><i class="icon-calendar"></i> <time datetime="<%= @item[:date].strftime("%Y-%m-%d") %>" pubdate="pubdate"><%= @item[:date].strftime("%A, %B %d %Y") %></time></p> <div class="clearfix"></div> </header> <section class="<%= @classes %>">
M
layouts/default.erb
→
layouts/default.erb
@@ -80,7 +80,7 @@ </div>
<% end %> <footer> <section> - <p>H3RALD Web Site v8.3 © 2004 — <%= Time.now.strftime("%Y") %> <em>Fabio Cevasco</em></p> + <p>H3RALD Web Site v8.3 © 2004 — 2013 <em>Fabio Cevasco</em></p> </section> </footer> <% if @item[:type] == 'article' %>
M
layouts/header.erb
→
layouts/header.erb
@@ -13,26 +13,12 @@ %><div class="container">
<div class="row" id="header-row"> <div class="span6 main-title"> <h1> - <span class="logo"> - <span class="hrald"><span class="h">H</span> <span class="rald">RALD</span></span> - <span class="three">3</span> - </span> + <img src="/img/h3rald.png" alt="H3RALD" /> </h1> - <h2>by <em>Fabio Cevasco</em></h2> </div> <div class="span4 offset2"> <div class="gcse-searchbox" data-enableAutoComplete="true"></div> </div> - <!-- - <div class="span1"><a href="http://foursquare.com/h3rald" rel="external"><img src="/images/social/foursquare.png" alt="FourSquare" /></a></div> - <div class="span1"><a href="http://www.twitter.com/h3rald" rel="external"><img src="/images/social/twitter.png" alt="RSS" /></a></div> - <div class="span1"><a href="http://it.linkedin.com/in/fabiocevasco" rel="external"><img src="/images/social/linkedin.png" alt="LinkedIn" /></a></div> - --> - <!-- - <div class="span1"><a href="https://github.com/h3rald" rel="external"><img src="/images/social/github.png" alt="GitHub" /></a></div> - <div class="span1"><a href="http://reddit.com/user/h3rald" rel="external"><img src="/images/social/reddit.png" alt="Reddit" /></a></div> - <div class="span1"><a href="http://web.stagram.com/n/h3rald/?vm=grid" rel="external"><img src="/images/social/instagram.png" alt="Instagram" /></a></div> - --> </div> <div id="search_results"> <div class="gcse-searchresults" data-linkTarget="_top"></div>