grokpodcast · rafaelrosafu · Oct 29, 2014 · Oct 20, 2014 · Oct 20, 2014 · Oct 20, 2014
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -23,8 +23,8 @@
 
       Apoiado com muito carinho pela<br>
 
-      <a id="footer-logo" href="http://helabs.com.br" target="_blank">
-        HE:labs
+      <a href="http://helabs.com.br" target="_blank" title="HE:labs">
+        <img src="/images/logo-he.png">
       </a>
 
     </div> <!-- /support -->

diff --git a/_includes/get_in_touch.html b/_includes/get_in_touch.html
@@ -1 +1 @@
-Você pode adicionar o podcast ao seu iTunes <a href="http://itunes.apple.com/us/podcast/grok-podcast/id393122038" target="_blank">clicando aqui</a> ou atráves do nosso <a href="http://grokpodcast.com/feed/" target="_blank">RSS</a>. Também fique por dentro das novidades nos seguindo no Twitter <a href="http://twitter.com/GrokPodcast" target="_blank">@grokpodcast</a>, <a href="http://twitter.com/carlosbrando" target="_blank">@carlosbrando</a> e <a href="http://twitter.com/rafaelrosafu" target="_blank">@rafaelrosafu</a>.
+<p>Você pode adicionar o podcast ao seu iTunes <a href="http://itunes.apple.com/us/podcast/grok-podcast/id393122038" target="_blank">clicando aqui</a> ou atráves do nosso <a href="http://grokpodcast.com/feed/" target="_blank">RSS</a>. Também fique por dentro das novidades nos seguindo no Twitter <a href="http://twitter.com/GrokPodcast" target="_blank">@grokpodcast</a>, <a href="http://twitter.com/carlosbrando" target="_blank">@carlosbrando</a> e <a href="http://twitter.com/rafaelrosafu" target="_blank">@rafaelrosafu</a>.</p>
diff --git a/_includes/head.html b/_includes/head.html
@@ -1,40 +1,30 @@
   <!--[if lt IE 9]>
-      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
   <![endif]-->
 
   <meta charset="UTF-8">
-  <meta http-equiv="content-language" content="pt-br" />
-  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+  <meta http-equiv="content-language" content="pt-br">
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
 
   <title>Grok Podcast | {{ page.title }}</title>
 
-  <meta name="robots" content="index, follow" />
-  <meta content="" name="keywords" />
-  <meta content="" name="description" />
+  <meta name="robots" content="index, follow">
+  <meta content="" name="keywords">
+  <meta content="" name="description">
 
-  <link rel="shortcut icon" href="/images/favicon.ico" />
-  <link rel="icon" href="/images/favicon.ico" sizes="64x64" />
-  <link rel="alternate" type="application/rss+xml" title="RSS" href="/atom.xml" />
+  <link rel="shortcut icon" href="/images/favicon.ico">
+  <link rel="icon" href="/images/favicon.ico" sizes="64x64">
+  <link rel="alternate" type="application/rss+xml" title="RSS" href="/atom.xml">
 
   <!-- Open Graph -->
-  <meta content="Grok Podcast" property="og:title" />
-  <meta content="http://www.grokpodcast.com" property="og:url" />
+  <meta content="Grok Podcast" property="og:title">
+  <meta content="http://www.grokpodcast.com" property="og:url">
 
-  <meta content="images/favicon.ico" property="og:image" />
-  <meta content="" property="og:description" />
+  <meta content="images/favicon.ico" property="og:image">
+  <meta content="" property="og:description">
 
   <!-- Viewport Config -->
-  <meta name="viewport" content="width=device-width, user-scalable=no" />
-
-  <!-- Media Queries -->
-  <link rel="stylesheet" type="text/css" href="/stylesheets/gp-core.css" />
-  <link rel="stylesheet" type="text/css" href="/stylesheets/gp-web.css" media="(min-width:801px)" />
-  <link rel="stylesheet" type="text/css" href="/stylesheets/gp-mobile.css" media="(max-width:801px)" />
-
-  <style type="text/css">
-    #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
-  </style>
-
-  <!--[if IE]>
-  <link rel="stylesheet" type="text/css" href="/stylesheets/gp-web.css" media="screen" />
-  <![endif]-->
+  <meta name="viewport" content="width=device-width, user-scalable=no">
+
+  <!-- Media -->
+  <link rel="stylesheet" type="text/css" href="/stylesheets/style.css">
diff --git a/_includes/header.html b/_includes/header.html
@@ -2,20 +2,20 @@
 
   <h1>
     <a href="/">
-      Grok Podcast
+      <img src="/images/logo.png" alt="Grok Podcast">
     </a>
   </h1>
 
   <ul>
     <li id="guy-01">
-      <a href="/sobre-rafael-rosa-fu" class="guy-profile">Rafael Rosa Fu</a><br />
+      <a href="/sobre-rafael-rosa-fu" class="guy-profile">Rafael Rosa Fu</a><br>
       <a href="http://www.twitter.com/rafaelrosafu" target="_blank" class="twitter-link">
         @rafaelrosafu
       </a>
     </li>
 
     <li id="guy-02">
-      <a href="/sobre-carlos-brando" class="guy-profile">Carlos Brando</a><br />
+      <a href="/sobre-carlos-brando" class="guy-profile">Carlos Brando</a><br>
       <a href="http://www.twitter.com/carlosbrando" target="_blank" class="twitter-link">
         @carlosbrando
       </a>
@@ -37,7 +37,7 @@ <h1>
       <form class="navbar-search pull-right visible-desktop" action="http://www.google.com/cse">
         <input type="hidden" name="cx" value="010262033250521777854:kinv5r-xy-m" />
         <input type="hidden" name="cof" value="FORID:0" />
-        <input name="q" class="search-query" type="text" placeholder="buscar por..." />
+        <input name="q" class="search-query" type="text" placeholder="buscar por...">
       </form>
     </li>
   </ul>

diff --git a/_includes/topbar.html b/_includes/topbar.html
@@ -3,9 +3,28 @@
 
     <h1>
       <a href="/">
-        Grok Podcast
+        <img src="/images/logo.png" alt="Grok Podcast">
       </a>
     </h1>
 
+    <a id="nav-trigger" href="#">Menu</a>
+
+    <ul>
+      <li><a href="/">Início</a></li>
+      <li><a href="/grok">O que é Grok?</a></li>
+      <li><a href="/arquivo">Arquivo</a></li>
+      <li><a href="/apoios">Apoios</a></li>
+      <li><a href="/contato">Contato</a></li>
+      <li><a href="/sobre-carlos-brando">Sobre Carlos Brando</a></li>
+      <li><a href="/sobre-rafael-rosa-fu">Sobre Rafael Rosa Fu</a></li>
+      <li id="search">
+        <form class="navbar-search pull-right visible-desktop" action="http://www.google.com/cse">
+          <input type="hidden" name="cx" value="010262033250521777854:kinv5r-xy-m">
+          <input type="hidden" name="cof" value="FORID:0" />
+          <input name="q" class="search-query" type="text" placeholder="buscar por...">
+        </form>
+      </li>
+    </ul>
+
   </div>
 </div> <!-- /topbar -->
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -13,8 +13,6 @@
       {% include header.html %}
 
       {{ content }}
-
-      {% include mobile_navigation.html %}
 
     </div> <!-- holder -->
 

diff --git a/_layouts/post.html b/_layouts/post.html
@@ -22,27 +22,27 @@
 
         <h2>{{ page.title }}</h2>
 
-        <!-- AddThis Button BEGIN -->
         <div class="addthis_toolbox addthis_default_style">
           <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
           <a class="addthis_button_tweet"></a>
         </div>
-        <!-- AddThis Button END -->
+
       </section> <!-- /post-infos -->
 
-      <section id="content">
+      <section id="content" class="post-content"> 
 
         <section id="podcast-infos">
+
           <div class="duration">
             {{ page.duration }}
           </div>
-
           <a href="{{ site.podcast_file_storage }}{{ page.podcast_file_name }}" title="Download" class="download-podcast">Download</a>
-
           <span id="published_on">Publicado em {{ page.date | date: "%d/%m/%Y" }}</span>
-        </section>
+
+        </section> <!-- /podcast-infos -->
 
         <div id="entry">
+
           {{ content }}
 
           {% include audio_control.html %}
@@ -54,7 +54,8 @@ <h2>{{ page.title }}</h2>
           {% include shownotes.html %}
 
           {% include footnotes.html %}
-        </div>
+
+        </div> <!-- /entry -->
 
         <aside>
           <img class="alignleft size-medium wp-image-305" src="{{ page.img_src }}" alt="{{ post.img_alt }}" title="{{ post.img_title }}" width="300" />
@@ -76,7 +77,6 @@ <h2>{{ page.title }}</h2>
         <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
       </section>
 
-      {% include mobile_navigation.html %}
     </div> <!-- holder -->
 
     {% include footer.html %}

diff --git a/_layouts/series.html b/_layouts/series.html
@@ -46,7 +46,6 @@ <h2>{{ episode.title }}</h2>
         </section>
       </section>
 
-      {% include mobile_navigation.html %}
     </div> <!-- holder -->
 
     {% include footer.html %}

diff --git a/_layouts/static.html b/_layouts/static.html
@@ -20,8 +20,6 @@
         {{ content }}
       </section>
 
-      {% include mobile_navigation.html %}
-
     </div> <!-- holder -->
 
     {% include footer.html %}

diff --git a/apoios.html b/apoios.html
@@ -2,33 +2,42 @@
 layout: static
 title: Apoios
 ---
-<p>Fazer o <strong>Grok Podcast</strong> exige um investimento razoável de tempo e esforço, produzir pautas, editar áudio, fazer a divulgação e gerenciar o site e redes sociais não é uma tarefa fácil :) Se você gosta do nosso trabalho e quer divulgar sua marca no nosso podcast, entre em <a href="http://grokpodcast.com/contato">contato</a>.</p>
-
-<p>O novo site do Grok Podcast foi desenvolvido e é mantido pelos nossos amigos da <strong><a href="http://helabs.com">HE:Labs</a></strong>, consultoria especializada em desenvolvimento ágil. Conheça mais sobre o trabalho deles clicando no logo abaixo.</p>
-
-<div class="support">
-  <a href="http://www.helabs.com/" target="_blank"><img src="/images/helabs.png" alt="" title="HE:Labs" height="200" class="aligncenter size-full wp-image-28" /></a>
-</div>
-
-<p>A <strong><a href="http://www.egenial.com/" target="_blank">e-Genial</a></strong> merece um agradecimento especial por ter nos ajudado no início do projeto, foi graças ao apoio deles que compramos <a href="http://bluemic.com/yeti/" target="_blank">nossos incríveis microfones</a> que garantem a boa qualidade do áudio do podcast. Visite o site da e-Genial e saiba mais sobre produtos como o Treina Tom e o Edukee.</p>
-
-<div class="support">
-    <a href="http://www.egenial.com/" target="_blank"><img src="/images/egenial.jpg" alt="" title="e-Genial" height="100" class="aligncenter size-full wp-image-28" /></a>
-</div>
-
-<p>Gostaríamos de deixar nosso agradecimento a todas as empresas que já nos patrocinaram, seu apoio foi muito importante para nós:</p>
-
-<div class="support">
-  <a href="http://www.locaweb.com.br/" target="_blank"><img src="/images/locaweb.jpg" alt="" title="Locaweb" height="80" class="aligncenter size-full wp-image-28" /></a>
-  <a href="http://www.caelum.com.br/" target="_blank"><img src="/images/caelum.jpg" alt="" title="Caelum" height="100" class="aligncenter size-full wp-image-28" /></a>
-  <a href="http://www.plataformatec.com.br/" target="_blank"><img src="/images/plataformatec.png" alt="" title="Plataformatec" height="100" class="aligncenter size-full wp-image-28" /></a>
-  <a href="http://www.hellobits.com.br/" target="_blank"><img src="/images/hellobits.png" alt="" title="hellobits" height="80" class="aligncenter size-full wp-image-28" /></a>
-  <a href="http://www.bluesoft.com.br/" target="_blank"><img src="/images/bluesoft.png" alt="" title="Bluesoft" height="100" class="aligncenter size-full wp-image-28" /></a>
-  <a href="http://www.codeminer42.com.br/" target="_blank"><img src="/images/codeminer42.png" alt="" title="Codeminer 42" height="100" class="aligncenter size-full wp-image-28" /></a>
-  <a href="http://www.concretesolutions.com.br/" target="_blank"><img src="/images/concrete_solutions.png" alt="" title="Concrete Solutions" height="80" class="aligncenter size-full wp-image-28" /></a>
-  <a href="http://rafael.tauil.com.br/" target="_blank"><img src="/images/2010/09/logo_rafael_tauil-300x103.png" alt="" title="Rafael Tauil - Webdesigner" width="300" height="103" class="aligncenter size-medium wp-image-29" /></a>
-  <a href="http://www.boo-box.com.br/" target="_blank"><img src="/images/boo-box.png" alt="" title="boo-box" height="100" class="aligncenter size-full wp-image-28" /></a>
-  <a href="http://anathumanabanda.blogspot.com.br/" target="_blank"><img src="/images/2010/09/logo-anathumana.jpg" alt="" title="Anathumana" width="423" height="100" class="aligncenter size-full wp-image-28" /></a>
-  <a href="http://www.x4ids.com.br" target="_blank"><img src="/images/2010/09/logo-x4ids.png" alt="" title="X4 Internet Development Solutions" height="105" class="aligncenter size-full wp-image-30" /></a>
-  <a href="http://webbynode.com" target="_blank"><img src="/images/2010/09/webbynode.png" alt="" title="Webbynode - Hosting for Developers" width="400" height="92" class="aligncenter size-full wp-image-24" /></a>
-</div>
+
+<section id="apoio">
+
+  <p>Fazer o <strong>Grok Podcast</strong> exige um investimento razoável de tempo e esforço, produzir pautas, editar áudio, fazer a divulgação e gerenciar o site e redes sociais não é uma tarefa fácil :) Se você gosta do nosso trabalho e quer divulgar sua marca no nosso podcast, entre em <a href="http://grokpodcast.com/contato">contato</a>.</p>
+
+  <p>O novo site do Grok Podcast foi desenvolvido e é mantido pelos nossos amigos da <strong><a href="http://helabs.com">HE:Labs</a></strong>, consultoria especializada em desenvolvimento ágil. Conheça mais sobre o trabalho deles clicando no logo abaixo.</p>
+
+  <div class="support-single">
+    <a href="http://www.helabs.com/" target="_blank">
+      <img src="/images/helabs.png" alt="" title="HE:Labs" height="200" class="aligncenter size-full wp-image-28">
+    </a>
+  </div>
+
+  <p>A <strong><a href="http://www.egenial.com/" target="_blank">e-Genial</a></strong> merece um agradecimento especial por ter nos ajudado no início do projeto, foi graças ao apoio deles que compramos <a href="http://bluemic.com/yeti/" target="_blank">nossos incríveis microfones</a> que garantem a boa qualidade do áudio do podcast. Visite o site da e-Genial e saiba mais sobre produtos como o Treina Tom e o Edukee.</p>
+
+  <div class="support-single">
+    <a href="http://www.egenial.com/" target="_blank">
+      <img src="/images/egenial.jpg" title="e-Genial" height="100" class="aligncenter size-full wp-image-28">
+    </a>
+  </div>
+
+  <p>Gostaríamos de deixar nosso agradecimento a todas as empresas que já nos patrocinaram, seu apoio foi muito importante para nós:</p>
+
+  <ul class="support-list">
+    <li><a href="http://www.locaweb.com.br/" target="_blank"><img src="/images/locaweb.jpg"></a></li>
+    <li><a href="http://www.caelum.com.br/" target="_blank"><img src="/images/caelum.jpg"></a></li>
+    <li><a href="http://www.plataformatec.com.br/" target="_blank"><img src="/images/plataformatec.png"></a></li>
+    <li><a href="http://www.hellobits.com.br/" target="_blank"><img src="/images/hellobits.png"></a></li>
+    <li><a href="http://www.bluesoft.com.br/" target="_blank"><img src="/images/bluesoft.png"></a></li>
+    <li><a href="http://www.codeminer42.com.br/" target="_blank"><img src="/images/codeminer42.png"></a></li>
+    <li><a href="http://www.concretesolutions.com.br/" target="_blank"><img src="/images/concrete_solutions.png"></a></li>
+    <li><a href="http://rafael.tauil.com.br/" target="_blank"><img src="/images/2010/09/logo_rafael_tauil-300x103.png"></a></li>
+    <li><a href="http://www.boo-box.com.br/" target="_blank"><img src="/images/boo-box.png"></a></li>
+    <li><a href="http://anathumanabanda.blogspot.com.br/" target="_blank"><img src="/images/2010/09/logo-anathumana.jpg"></a></li>
+    <li><a href="http://www.x4ids.com.br" target="_blank"><img src="/images/2010/09/logo-x4ids.png"></a></li>
+    <li><a href="http://webbynode.com" target="_blank"><img src="/images/2010/09/webbynode.png"></a></li>
+  </div>
+
+</ul> <!-- /apoio -->
diff --git a/images/facebook.png b/images/facebook.png
diff --git a/images/footer-logo.png b/images/footer-logo.png
diff --git a/images/footer-logo2x.png b/images/footer-logo2x.png
diff --git a/images/logo-he.png b/images/logo-he.png
diff --git a/images/logo.png b/images/logo.png
diff --git a/images/logo2x.png b/images/logo2x.png
diff --git a/images/m-logo.png b/images/m-logo.png
diff --git a/images/m-logo2x.png b/images/m-logo2x.png
diff --git a/images/twitter.png b/images/twitter.png
diff --git a/javascripts/gp.js b/javascripts/gp.js
@@ -16,44 +16,26 @@ if(typeof(console.log) != 'function') console.log = function(){};
 var App = {
 
     StartApp: function() {
-        try {
-            this.InterfaceActions();
-            this.FormActions();
-        } catch (e) {
-            alert('Existem erros no script.');
-            console.log('Error: ' + e);
-        }
+      try {
+        this.InterfaceActions();
+      } catch (e) {
+        alert('Existem erros no script.');
+        console.log('Error: ' + e);
+      }
     },
 
     InterfaceActions: function() {
-
-
-
-    }, // InterfaceActions
-
-    FormActions: function() {
-
-		// Focus
-		$('input[type="text"], input[type="password"], textarea').focus(function() {
-			$(this).css("box-shadow", "#ccc 0 0 15px");
-		});
-		$('input[type="text"], input[type="password"], textarea').blur(function() {
-			$(this).css("box-shadow", "none");
-		});
-		$('input[type="text"], input[type="password"], textarea').focus(function() {
-			var li = $(this).parent("li")
-			li.data('background', li.css('background-color'));
-			li.css("background-color", "#e1e1e1");
-		});
-		$('input[type="text"], input[type="password"], textarea').blur(function() {
-			var li = $(this).parent("li");
-			li.css("background-color", li.data('background'));
-		});
-
-    } // FormActions
+
+      /* Menu: Mobile */
+
+      $("#nav-trigger").click(function() {
+        $("#topbar ul").toggle();
+      });
+
+    }
 
 } // Var Site
 
 jQuery(function(){
 	App.StartApp();
-});
+});
diff --git a/sobre-carlos-brando.html b/sobre-carlos-brando.html
@@ -2,10 +2,10 @@
 layout: static
 title: Sobre Carlos Brando
 ---
-<div id="profile">
-  <div class="image">
-    <img class="alignleft size-medium wp-image-10" title="Carlos Brando" src="/images/2010/09/carlos_brando-199x300.jpg" alt="" width="199" height="300" />
-  </div>
+<div id="about">
+  <aside>
+    <img title="Carlos Brando" src="/images/2010/09/carlos_brando-199x300.jpg">
+  </aside>
   <div class="content">
     <p>Carlos Brando (<a href="http://twitter.com/carlosbrando" target="_blank">@carlosbrando</a>)</strong> é viciado em programação e atualmente é cofundador e diretor de tecnologia da <a href="http://2pay.us/">2Pay</a>. Atua na área de desenvolvimento de softwares há mais de treze anos, tendo trabalhado com Visual Basic, C, C++, Java, C# e agora <strong>Ruby e Erlang</strong>. Já trabalhou em várias companhias brasileiras e estrangeiras como Portugal Telecom Group, AT&amp;T Latin America, DirecTV, SKY, VISA e <a href="http://surgeworks.com/">Surgeworks</a>, Amanaiê e Sociably.</p>
     <p>Carlos mantém um dos <a href="http://nomedojogo.com/">blogs</a> mais conhecidos do Brasil sobre Ruby on Rails. Ele é um membro ativo na comunidade de programadores Ruby, além de manter e participar em diversos projetos <a href="http://github.com/carlosbrando/">open source</a>. Já se apresentou em vários eventos brasileiros relacionados com Ruby, incluindo duas edições do RubyConf Brasil e duas <a href="http://www.railssummit.com.br/">Rails Summit Latin America</a>. Ele também escreveu os dois primeiros livros sobre Rails <a href="http://www.nomedojogo.com/2008/06/15/ruby-on-rails-21-whats-new-second-edition/">2.1</a> e <a href="http://envycasts.com/products/ruby-on-rails-22-pdf">2.2</a> do mundo e liderou o trabalho de tradução do livro “<a href="http://why.nomedojogo.com/">O (comovente) guia de Ruby do Why</a>” (um dos principais guias de Ruby já lançados) para português.</p>

diff --git a/sobre-rafael-rosa-fu.html b/sobre-rafael-rosa-fu.html
@@ -2,10 +2,10 @@
 layout: static
 title: Sobre Rafael Rosa Fu
 ---
-<div id="profile">
-  <div class="image">
-    <img class="alignleft size-thumbnail wp-image-13" title="Snapshot_2008101_248x248" src="/images/rafael_rosa_fu.jpg" alt="" width="199" />
-  </div>
+<div id="about">
+  <aside>
+    <img title="Rafael Rosa Fu" src="/images/rafael_rosa_fu.jpg">
+  </aside>
   <div class="content">
     <p>Rafael Rosa (<a href="http://twitter.com/rafaelrosafu" target="_blank">@rafaelrosafu</strong></a>), também conhecido como <strong>Fu</strong> pelos amigos, trabalha com software há 17 anos, a maior parte desse período como programador, desde 2008 exclusivamente com <a href="http://www.rubyonrails.org/" target="_blank">Ruby on Rails</a> e participando ativamente da comunidade Ruby brasileira, especialmente o <a href="http://www.guru-sp.org/" target="_blank">Guru-SP</a> (Grupo de Usuários Ruby de São Paulo), que ajuda a organizar. Foi editor do <a href="http://www.rubyinside.com.br/" target="_blank">Ruby Inside Brasil</a>, onde eram divulgadas notícias sobre a comunidade Ruby nacional.</p>
     <p>Mantém um blog sobre todos esses assuntos em <a href="http://rafaelrosafu.info" target="_blank">www.rafaelrosafu.info</a> (under construction, forever), e também estuda metodologias ágeis, especialmente XP (Extreme Programming) e Scrum, e costuma participar dos encontros da comunidade ágil.</p>