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 |
----- 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 6 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/feed.png" alt="Feed" /></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="skype:fabio.cevasco?call" rel="external"><img src="/images/social/skype.png" alt="Skype" /></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://pinboard.in/u:h3rald/" rel="external"><img src="/images/social/pinboard.png" alt="Pinboard" /></a></li> <li><a href="http://web.stagram.com/n/h3rald/?vm=grid" rel="external"><img src="/images/social/instagram.png" alt="Instagram" /></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 %> <%= render 'article_intro', :item => latest[4], :classes => "hyphenate", :extended => false %> </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[5], :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 --> |