

	<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns:fb="http://www.facebook.com/2008/fbml" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
	<script type="text/javascript">
//<![CDATA[
window._token = '6b81d2f3fd99441ba0e1afea5750bc1613f5d19a'
//]]>
</script>
	<link href="/stylesheets/bundles/post.css?1257756470" media="screen" rel="stylesheet" type="text/css" />
	<script src="/javascripts/bundles/main.js?1257756470" type="text/javascript"></script>
	<script src="/javascripts/bundles/posts.js?1257756470" type="text/javascript"></script>
	
	<link rel="alternate" type="application/rss+xml" href="http://reflexivel.com/rss.xml"/>	
<link rel="canonical" href="http://reflexivel.com/" />
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Reflexível - To keep my writings on rails</title>
    <link href="/images/favicon.png" rel="icon" type="image/x-png" />

<style type="text/css">

* {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
}
.clear {
	clear: both;
	font-size: 0;
}
.left {
	float: left;
}
.right {
	float: right;
}
.text-right {
	text-align: right;
}
.center {
	text-align: center;
}
.xxsmall {
	font-size: 10px;
}
.xsmall {
	font-size: 11px;
}
.small {
	font-size: 12px;
}
.normal {
	font-size: 14px;
}
.big {
	font-size: 16px;
}
.black {
	color: #000;
}
.strong {
	font-weight: bold;
}
.float {
	float: left;
}
.right {
	float: right;
}
.uppercase {
	text-transform: uppercase;
}
.absolute-right {
	position: absolute;
	top: 0;
	right: 0;
}
body {
	background: #232522;
	font-family: Arial, Helvetica, sans-serif;
	color: #b6b6b6;
	font-size: 14px;
}
a {
	color: #ddd;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a.reverse {
	text-decoration: none;
}
a.reverse:hover {
	text-decoration: underline;
}
.no-ul {
	text-decoration: none
}
.no-ul:hover {
	text-decoration: underline !important
}
p, ol, ul {
	margin: 10px 0px;
}

h1,h2,h3,.about-details {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light",Arial,Helvetica,sans-serif;
}

/* -- terrible browser hacks -- */
select {
	min-width: 1.5em;
}

.container {
	margin: 0 auto;
	width: 960px;
}

.header {
	background: #2a2a2a;
	border-bottom: solid 1px #1e1e1e;
	display: block;
	height: 139px;
	overflow: hidden;
}

.header table {
	height: 129px;
	width: 100%;
}

.header td.text-right {
	padding-left: 10px;
}

h1,h2,h3,h4 {
	font-weight: normal;
}

h1 {
	color: #575757;
	font-size: 40px;
	letter-spacing: -.3px;
}

h1 a {
	color: #575757;
	text-decoration: none;
}
h1 a:hover {
	color: #575757;
}

h2 {
	color: #d6d6d6;
	font-size: 18px;
	padding-bottom: 10px;
}

h2 a {
	color: #d6d6d6;
	text-decoration: none;
}

h2 a:hover {
	color: #A98E2E;
}

h3 {
	color: #444;
	font-size: 20px;
}

.posterousPrivateBox {
	left: 0;
	position: absolute;
	top: 0;
}

.posterousPrivateBox a {
	text-decoration: none;
}

.posterousPrivateBox a:hover {
	text-decoration: underline;
}

.posterousPrivateBox div {
	margin: 10px !important;
}

#posts {
	float: left;
	margin-top: 10px;
	width: 500px;
}

.back-to-blog {
	margin-top: 10px;
}

.back-to-blog a {
	color: #A98E2E;
	font-weight: bold;
	text-decoration: none;
}

.back-to-blog a:hover {
	text-decoration: underline;
}

.postunit {
	clear: both;
	margin-bottom: 40px;
	padding-top: 20px;
	position: relative;
}

ul.mini_commands a {
	text-decoration: none;
}

ul.mini_commands a:hover {
	text-decoration: underline;
}

.sms_notice {
	background: #2A2A2A;
	padding: 5px 10px;
}

.post {
	line-height: 1.3em;
}

.post p, .post pre, .post blockquote { margin: 15px 0px; }
.post ol { margin: 15px 0px 15px 20px;}
.post ul { margin: 15px 0px 15px 15px;}


/* gallery */

.galleryLabel {
	color: #676767;
}

.infobar {
	background: #2a2a2a;
	color: #5a5f57;
	min-height: 15px;
	height: auto !important;
	height: 15px;
	margin: 10px -8px;
	padding: 5px 10px;
}

.infobar .location {
	display: block !important;
	font-size: 11px;
	float: left;
}

.infobar .location a {
	color: #ddd;
	text-decoration: none;
}

.infobar .location a:hover {
	text-decoration: underline;
}

.infobar .details {
	float: right;
	font-size: 9px;
	margin-top: 1px;
}

.infobar .details img {
	vertical-align: middle;
}

.date-comments {
	padding-left: 10px;
}

div.commentunit textarea {
	width: 490px !important;
}
div.commentunit textarea.twitterBox {
	width: 450px !important;
}
form div.commentunit { margin-top: 0px !important; margin-bottom: 0px !important; }

.infobar .posted,.infobar .comments-name {
	color: #776421;
}

.infobar a.timestamp,.infobar .comments-quantity {
	color: #A98E2E;
}

.comment-area {
	clear: left;
}

.infobar .comment_list {
	display: inline !important;
}

.comment,.commentunit {
	color: #aaa;
	margin: 0px -8px;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
div.comment_label { 
	margin-top: 0px !important;
	margin-bottom: 10px !important;
}


.commentunit {
	background: #2A2A2A;
	border-bottom: solid 5px #232522;
	padding: 5px 8px !important;
	width: auto !important;
}

.commentname a {
	text-decoration: none !important;
}
.comment_none_yet_msg { 
	font-size: 10px;
	font-weight: normal;
	margin-top: 5px !important;
}
.commentname a:hover {
	text-decoration: underline !important;
}

.comment h4 {
	margin: 0 !important;
}

.posterousAddNewComment .commentunit {
	border-bottom: none !important;
}

.comment ul.mini_commands {
	clear: both;
	margin: 0;
	padding: 0;
	text-align: right;
}

.comment ul.mini_commands li {
	margin: 0;
}


.comment_value label {
	margin-right: 10px;
}
.comment_value br {
	display: none;
}

.infobar .details a {
	text-decoration: none;
}

.infobar .details a:hover {
	text-decoration: underline;
}

.location-map {
	background: #2A2A2A;
	margin: 5px -8px;
	padding: 8px;
}

.map {
	float: left;
	height: 150px;
	width: 300px;
}

.location-details {
	color: #ccc;
	float: right;
	width: 187px;
	font-size: 11px;
}

.private-post a.tooltip_link:hover span {
	background: #2a2a2a;
	color: #b6b6b6;
	width: 300px !important;
}

.private-post a.tooltip_link:hover span b {
	color: #b6b6b6;
}

.search-section {
	background: #2a2a2a;
	padding: 20px;
}

.pagination {
	color: #676767;
	margin-bottom: 50px;
	font-size: 11px;
}

.pagination span {
	position: relative;
	top: 2px;
}

.pagination a {
	display: inline-block;
	display: -moz-inline-box;
	padding: 2px 6px;
	background: #444;
	border: solid 1px #555;
	color: #ccc;
}

.pagination a:hover {
	background: #555;
	border: solid 1px #333;
	color: #ddd;
}

.pagination .disabled {
	color: #676767;
	padding: 2px 6px;	
}

.pagination .current {
	color: #676767;
	font-weight: bold;
	padding: 2px 6px;	
}

.pagination a {
	color: #aaa;
	text-decoration: none;
}

#sidebar {
	float: right;
	margin-top: 35px;
	width: 410px;
}

.about {
	overflow: auto;
	margin-bottom: 25px;
}

.about-details {
	line-height: 1.3em;
	margin-left: 85px;
	width: 320px;
}

.about-details h4 a {
	color: #9b9b9b;
	font-size: 14px;
	margin-bottom: 2px;
	text-decoration: none;
}

.about-details h4 a:hover {
	color: #A98E2E;
}

.about-details p {
	color: #515151;
	margin: 0 0 10px;
}

.about-details a {
	color: #515151;
}

.sidebar-block {
	margin-bottom: 10px;
}

h5 {
	color: #bebebe;
	font-size: 10px;
	font-weight: bold;
	padding-bottom: 3px;
	text-transform: uppercase;
}

.tags {
	float: left;
	width: 230px;
}

.tag {
	margin: 0;
	padding-top: 7px;
}

#more-tags-listing ul {
	margin: 0;
}

.tag li,#more-tags-listing li,.taglist li {
	color: #4c4c4c;
	font-size: 10px;
	list-style: none;
	margin: 0;
	vertical-align: top;
}

.taglist ul {
	margin: 0 !important;
}

.tag li a,#more-tags-listing li a,.taglist li a {
	color: #818181;
	display: inline-block;
	font-size: 12px;
	margin-bottom: 7px;
	text-decoration: none;
}

.tag li a:hover,#more-tags-listing li a:hover,.taglist li a:hover {
	text-decoration: underline;
}

a.more-tags {
	color: #A98E2E !important;
	font-size: 10px !important;
	text-decoration: none;
}

a.more-tags:hover {
	text-decoration: underline;
}

li.tag_item_selected {
	color: #ddd;
	font-size: 12px;
	padding-bottom: 7px;
}

.tools {
	float: right;
	width: 180px;
}

.search {
	background: url(http://svn.livemediamarketing.com/posterous/search-dark.gif) no-repeat 3px 2px #5f605e;
	border: 0;
	color: #424341;
	font-size: 11px;
	margin-bottom: 2px;
	padding: 5px 5px 5px 20px;
	width: 155px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.search:focus {
	color: #ddd;
}

.social {
	margin-top: 10px;
}

.social li {
	float: left;
	list-style: none;
	margin: 0 10px 10px 0;
}

.social li a {
	background-image: url(http://svn.livemediamarketing.com/posterous/social.png);
	background-repeat: no-repeat;
	display: block;
	height: 16px;
	width: 16px;
}

.social li a.facebook {
	background-position: 0 0;
}
.social li a.twitter {
	background-position: -16px 0;
}
.social li a.flickr {
	background-position: -32px 0;
}
.social li a.picasa {
	background-position: -48px 0;
}
.social li a.youtube {
	background-position: -64px 0;
}
.social li a.vimeo {
	background-position: -80px 0;
}
.social li a.tumblr {
	background-position: -96px 0;
}
.social li a.blogger {
	background-position: -112px 0;
}
.social li a.wordpress {
	background-position: -128px 0;
}
.social li a.xanga {
	background-position: -144px 0;
}

.contributors, .fans {
	margin: 10px 0;
}
ul.contribs, ul.contribs { margin: 5px 0px; }
ul.contribs li, ul.fans li {
	list-style: none;
}
ul.contribs li, ul.fans li, ul.contribs li a, ul.fans li a {
	font-size: 11px;	
	color: #818181;
}
a img.profile_border, img.profile_border { border: none; margin-right: 3px;}

ul.contribs li img, ul.fans li img {
	vertical-align: middle;
}

#subscribe_div {
	margin-bottom: 3px;
}
.subscribe-link {
	color: #666;
	font-size: 11px;
	padding-left: 20px;
	line-height: 20px; 
	position: relative;
	top: -3px;
}
a.subscribe-link { text-decoration: none;}
.subscribe-posterous {
	background: url(/images/favicon.png) no-repeat -1px -1px;
	height: 20px;
	margin: 3px 0px;	
}
.subscribe-rss {
	background: url(/images/feed-icon-14x14.png) no-repeat;
	height: 16px;
	margin: 3px 0px;	
}


.editbox { visibility: hidden; position: absolute; top: -10px; }
.postunit:hover .editbox { visibility: visible; }
.sidebarunit { margin: 20px 0px;}
.metricLabel { font-size: 10px; color: #666; }
.metricValue { font-size: 10px; color: #999; font-weight: bold; }
div.profile_ajax_reply { padding-left: 20px; }
</style>
</head>
<body>
<div class="posterousPrivateBox">
	

	
</div>
		<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php" type="text/javascript"></script>
		<script type="text/javascript">
		//<![CDATA[
		Element.observe(window,'load', function() {
			FB_RequireFeatures(["XFBML"], function() {
		    	FB.Facebook.init('9cccf2c9570e99aeb7ea4a7284b957a1','/xd_receiver.html');
		
				var all_spans = document.getElementsByTagName("span");
				var i = 0;
				for (i=0; i<all_spans.length; i++) {
			        if ( /xfbml_name_.*/.test(all_spans[i].id) ) {

						FB.ensureInit( function() {
							FB.XFBML.Host.addElement(new FB.XFBML.Name($(all_spans[i].id)));
						} );         
			        } else if ( /xfbml_pic_.*/.test(all_spans[i].id) ) {

						FB.ensureInit( function() {
				            FB.XFBML.Host.addElement(new FB.XFBML.ProfilePic($(all_spans[i].id)));
						} );
			        }
		        }
		
		    });
		});

		//]]>
		</script>	
	<div id="posterousbar_nojs" style="overflow: hidden;">
	<a href="http://posterous.com/"><img src="/images/header/yellow.png" alt="Posterous"></a>
</div>
<script type="text/javascript">
	document.observe('dom:loaded', function() {
		new PosterousHeader($('posterous_required_header'), {direction: 'left'});
	});
</script>

<div id="posterous_required_header">
	
		
	<div id="posterousHeaderNotLoggedIn">
			
				<a href="http://posterous.com/people/1gCmshORtYZ">ripnix</a>
			
			is using <a href="http://posterous.com">Posterous</a> to post everything online. Shouldn't you?
		<!-- </b> -->
	</div>
	
	<div class="posterousHeaderSecondary">
		

	<div class="posterousHeaderItemProfile">
		<a href="http://posterous.com/people/1gCmshORtYZ"><img alt="Unknown35" height="25" src="http://posterous.com/images/profile/unknown35.gif" style="vertical-align: middle" width="25" /></a>
	</div>

	<div class="posterousHeaderItem" style="width: 103px; margin-right: 10px;">
		<a href="http://posterous.com/people/1gCmshORtYZ">
			<div class="posterousHeaderItemValue">ripnix</div>
			
				<div class="posterousHeaderItemName">owns this site</div>
			
		</a>
	</div>
			
	<!-- <li style="margin: 0px 1px; opacity: 0.5;">//</li>				 -->





<div class="posterousHeaderItem">
	<a href="http://posterous.com/people/subscribers/reflexivel">

			<div class="posterousHeaderItemValue">0</div>
			<div class="posterousHeaderItemName">subscribers</div>
		

		
			
	</a>
</div>

	</div>
	
	<div class="posterousHeaderActions">
		<div class="tryitnow">
			<a href="http://posterous.com">&nbsp;</a>
		</div>
		<div class="login">
			<a href="http://posterous.com/main/login?jumpto=http://reflexivel.com/?">&nbsp;</a>
		</div>
		
	</div>






</div>
<div class="header">
    <div class="container">
        
            
            <table>
                <tr valign="bottom">
                    <td><h1><a href="http://reflexivel.com">Reflexível</a></h1></td>
                    <td class="text-right"><h3>To keep my writings on rails</h3></td>
                </tr>
            </table>
        
    </div> <!-- /.container -->
</div><!-- /.header-->
        
<div class="container">

    
    
    <div id="posts">
        
                
              
                    
                
        
            <div class="postunit" id="postunit_1089380">
                
      				
            
	
                <div id="post_control_1089380"></div>
                
                <div class="post" id="post_1089380">
                    <h2 id="posttitle_1089380"><a href="http://reflexivel.com/reflexivelhelloworld">Reflexível.hello_world</a></h2>
                    
    	        
              
                    <p>
                        <p><span style="color: #444444; font-size: 18px; line-height: 24px; font-family: 'Lucida Grande', sans-serif; white-space: pre;">puts &ldquo;Hello World&rdquo;</span></p>
                    </p>
                        
                            
                
              
                        
                </div><!-- /.post -->


                    <div class="infobar">
                        
            
          
                        <div class="details">
                        
                            <span class="date-comments uppercase"><span class="posted">Posted</span> <a href="http://reflexivel.com/reflexivelhelloworld" class="timestamp">June 23, 2009</a>                                     
            
          </span>
                            
                            <div class="comment_list" style="display:block;">
                    
                                
              
                
                                    
                
                                            <span class="uppercase">// <a href="http://reflexivel.com/reflexivelhelloworld#comment" class="comments-name" id="comment_link_1089380"><span class="comments-quantity">0</span> Comments</a></span>
                                    
                
            
            <script type="text/javascript">
      				var pcomment_1089380 = null;
      				document.observe('dom:loaded', function() {			
      					pcomment_1089380 = new PComment($('comment_link_1089380'), '1089380', $('post_commentarea_1089380'));					
      				});
      			</script>
            
          
        		
                                
        			   
        		
                                <div class="clear"></div>
  
                                
                            </div><!-- /.comment_list -->  
                        </div><!-- /.details -->
                    </div><!-- /.infobar -->  
                            
              
                
                                <div class="comment-area" id="post_commentarea_1089380"></div>
                            
        			   
        		
                            
                            
              
                
                                
                            
        			   
        		
                
                
                        
                        <div class="clear"></div>
                        
            
          
                        
            
                
                
        		
                  
                
            </div><!-- /.postunit -->
                
        
        
        
    </div><!-- /#posts -->
    
        <div id="sidebar">
            
                <div class="about">
                    <a href="http://posterous.com/people/1gCmshORtYZ"><img class="left" src="http://posterous.com/images/profile/unknown75.gif" height="70" alt="" width="70" /></a>
                    <div class="about-details">
                        <h4 style="margin-bottom: 2px;"><a href="http://posterous.com/people/1gCmshORtYZ">ripnix</a></h4>
                        <p><br /></p>
                    </div>
                </div><!-- /.about -->
                
                
        				
              
                    
                <div class="tools">
                    <div class="sidebar-block" style="margin-bottom:25px;">
                        
              
                
                                <form>
                                    <input name="sort" type="hidden" value="" />
                                    <input name="search" class="search" id="searchbox" type="text" value="" />
                                    <input class="searchbox_button" id="searchbox_button" type="submit" value="Search" style="display:none;" />
                                </form>
                            
                                
            <script type="text/javascript">
              var mouse_over_submit = false;
              Event.observe(window, 'load', function() {
                $('searchbox_button').observe('mouseover', function() { mouse_over_submit = true; });
                $('searchbox_button').observe('mouseout', function() { mouse_over_submit = false; });
                $('searchbox').observe('focus', function() { $('searchbox_button').show(); });
                $('searchbox').observe('blur', function() { if (!mouse_over_submit) $('searchbox_button').hide(); });
              });
            </script>

          
                        
              
          
                    </div>                    
                    
                    <div class="sidebar-block">
                        <h5>My Other Sites</h5>
                        
                        <!--
                            <ul class="social">
                                <li><a href="#" class="facebook"></a></li>
                                <li><a href="#" class="twitter"></a></li>
                                <li><a href="#" class="flickr"></a></li>
                                <li><a href="#" class="tumblr"></a></li>
                            </ul>
                        -->
                    </div>
                    
                    <div class="sidebar-block">
                        
                    </div>                                        
            
            

            
            

            
                <h5>Get Updates</h5>
				<div style="margin-top: 5px;">
                    
              
                
                        <div class="subscribe-posterous" id="subscribe_div">
                            <a href="/posts/addsub/?site=103974&amp;authenticity_token=6b81d2f3fd99441ba0e1afea5750bc1613f5d19a" class="subscribe-link" id="subscribe_link">Subscribe to this posterous&nbsp;&raquo;</a>
                        </div>
                    
                
          	<script type="text/javascript">
                // subscribe_link, subscribe_div, loading_div_fADIzDpHBu, 103974, addsub 
                document.observe('dom:loaded', function() {
              	  $('subscribe_link').observe('click', function(event) {
              	    event.stop();
              	    new Ajax.Updater(
              	      'subscribe_div', 
              	      '/posts/addsub ',
              	      {
              	        parameters: { 
              	          site: 103974, 
              	          authenticity_token: window._token 
              	        },
              	        onLoading: function() {
              	          $('loading_div_fADIzDpHBu').show(); 
              						$('subscribe_link').hide(); 
              						$('subscribe_div').innerHTML = "";
              	        },
              	        onComplete: function() {
              	          $('loading_div_fADIzDpHBu').hide(); 
              	        }
              	      }); 	      
              	  });
              	});

      			</script>
          
              
            

                    
              
            

                    <div id="loading_div_fADIzDpHBu" style="display: none;">
                        <img src="/images/loading.gif" />            
                    </div>
				</div>
            

            
              
                
                <div class="subscribe-rss"><a href="http://reflexivel.com/rss.xml" class="subscribe-link">Subscribe via RSS</a></div>
            
              
                        
                            
                </div><!-- /.tools -->
        </div><!-- /#sidebar -->
    
    
    
</div><!-- /.container -->


	<script type="text/javascript">
	var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
	document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
	</script>
	<script type="text/javascript">
	var pageTracker = _gat._getTracker("UA-4054156-1");
	pageTracker._setDomainName("none");
	pageTracker._setAllowLinker(true);
	pageTracker._initData();
	pageTracker._trackPageview();
	</script>
	
	<!-- Start Quantcast tag -->
	<script type="text/javascript">
	_qoptions={
	qacct:"p-16ewveTurfCCM"
	};
	</script>
	<script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script>
	<noscript>
	<a href="http://www.quantcast.com/p-16ewveTurfCCM" target="_blank"><img src="http://pixel.quantserve.com/pixel/p-16ewveTurfCCM.gif" style="display: none;" border="0" height="1" width="1" alt="Quantcast"/></a>
	</noscript>
	<!-- End Quantcast tag -->






	<script type="text/javascript">
	var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
	document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
	</script>
	<script type="text/javascript">
	var pageTrackerUser = _gat._getTracker("UA-628215-5");
	pageTrackerUser._trackPageview();
	</script>


</body>
</html>




	


<script type="text/javascript">

var modal_window = null;

function init_oauth_and_redirect_to_post(provider_type, post_id) {
	var url = 'http://posterous.com/oauth/init_oauth_and_redirect/?oauth_provider_type=' + provider_type;
	$('redirect_url_div').innerHTML = post_id;
	spawn_modal_and_wait(url)
}
function spawn_modal_and_wait(auth_url) {

	modal_window.location.href = auth_url;
	
	new PeriodicalExecuter(function(pe) {
		if (modal_window.closed) {
			window.location.href=$('redirect_url_div').innerHTML;
			pe.stop();
		}
	},0.25);
}


		var post_id_1089380 = 'http://reflexivel.com/reflexivelhelloworld'

</script>

<div style="display: none;" id='redirect_url_div'></div>

