content/home.erb
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 |
-----
permalink: home
filters_pre:
- erb
title: Home
type: page
feed: '/'
feed_url: "http://feeds.feedburner.com/h3rald"
feed_title: 'Latest Articles'
-----
<%
max_items = 5
all_articles = latest_articles.length
latest = latest_articles 5
popular = popular_articles 5
all_projects = @items.select{|a| a[:type] == 'project'}.length
%>
<section id="topbar">
<nav id="social">
<ul>
<li><a href="http://www.h3rald.com/rss" rel="external"><img src="/images/social/rss.png" alt="RSS" /></a></li>
<li><a href="http://foursquare.com/h3rald" rel="external"><img src="/images/social/foursquare.png" alt="FourSquare" /></a></li>
<li><a href="http://www.twitter.com/h3rald" rel="external"><img src="/images/social/twitter.png" alt="RSS" /></a></li>
<li><a href="http://it.linkedin.com/in/fabiocevasco" rel="external"><img src="/images/social/linkedin.png" alt="LinkedIn" /></a></li>
<li><a href="https://github.com/h3rald" rel="external"><img src="/images/social/github.png" alt="GitHub" /></a></li>
<li><a href="http://reddit.com/user/h3rald" rel="external"><img src="/images/social/reddit.png" alt="Reddit" /></a></li>
<li><a href="http://gplus.to/h3rald" rel="external"><img src="/images/social/google-plus.png" alt="Google+" /></a></li>
</ul>
</nav>
<aside id="search">
<section id="search_form"></section>
</aside>
</section><!-- #topbar end -->
<section id="search_results"></section>
<section class="left" id="main-content">
<%= render 'article_intro', :item => latest[0], :classes => "three-columns hyphenate", :extended => true %>
<section class="clear-left left" id="#main-content-left">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<section id="twitter">
<a href="http://twitter.com/h3rald" class="twitter-follow-button">Follow @h3rald</a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 4,
interval: 6000,
width: 280,
height: 250,
theme: {
shell: {
background: '#ffffff',
color: '#333333'
},
tweets: {
background: '#ffffff',
color: '#333333',
links: '#005B91'
}
},
features: {
scrollbar: false,
loop: false,
live: false,
hashtags: true,
timestamp: true,
avatars: false,
behavior: 'all'
}
}).render().setUser('h3rald').start();
</script>
</section><!-- #twitter end -->
<%= render 'article_intro', :item => latest[3], :classes => "hyphenate", :extended => false %>
<article class="feature">
<header>
<p>FEATURED CONTENT</p>
<h1><a href="/holidays/">Holidays in Italy?</a></h1>
<h2>Yes, I am really renting my house in the countryside!</h2>
</header>
<section class="hyphenate">
<img src="/images/sessarego.jpg" alt="Sessarego" style="margin: 0 5px;" />
<p>Looking for a peaceful and relaxing holiday in the Italian Riviera? I'm renting part of my family country home in the center of the old village of Sessarego, on a peaceful hill a few minutes away from Bogliasco, a small coastal town on the Golfo Paradiso. </p>
<p>The center of Genoa can be reached by car, bus or train in about 30 minutes and a lot of tourist locations like Camogli, Rapallo, Santa Margherita and Portofino are just a few train stops away. <a href="/holidays/">» <strong>Read More</strong></a></p>
</section>
</article>
</section><!-- #main-content-left end -->
<section class="right border-left" id="main-content-right">
<%= 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[4], :classes => "hyphenate", :extended => false
%>
</section><!-- #main-content-right end -->
</section><!-- #main-content end -->
<section class="right" id="secondary-content">
<%= render 'article_intro', :item => popular[0], :classes => "two-columns hyphenate", :extended => true %>
<article class="feature">
<header>
<p>FEATURED CONTENT</p>
<h1><a href="/glyph/">Glyph – Rapid Document Authoring Framework</a></h1>
<h2>A free and extensible solution for personal publishing, 100% open source!</h2>
</header>
<section class="hyphenate">
<img src="/images/glyph.png" alt="Glyph Logo" class="img-right" />
<p>With Glyph, creating and maintaining any kind of document becomes as easy as... programming. </p>
<p>Glyph enables you to minimize text duplication, focus on content rather than presentation, manage references seamlessly and automate tedious tasks through a simple but effective macro language, specifically geared towards customization and extensibility. <a href="/glyph/">» <strong>Read More</strong></a></p>
</section>
</article>
<section class="left" id="secondary-content-left">
<%= render 'article_intro', :item => popular[1], :classes => "hyphenate", :extended => false %>
<%= render 'article_intro', :item => popular[3], :classes => "hyphenate", :extended => false %>
</section><!-- #secondary-content-left end -->
<section class="right border-left" id="secondary-content-right">
<%= render 'article_intro', :item => popular[2], :classes => "hyphenate", :extended => false %>
<%= render 'article_intro', :item => popular[4], :classes => "hyphenate", :extended => false %>
</section><!-- #secondary-content-right end -->
</section><!-- #secondary-content-end -->
|