all repos — h3rald @ 2e83d5668f040221d07b71f73f63143db2608739

The sources of https://h3rald.com

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
----- 
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/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="https://plus.google.com/105908178940572826669/posts" 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 %>
		<%= 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 &ndash; 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/">&raquo;&nbsp;<strong>Read&nbsp;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 -->