refactory on privacidade and seguranca to DRY list of products

_includes/produtos.haml

@@ -0,0 +1,16 @@
+%ol
+  %li
+    BielSystems - 
+    %a{:href => "http://bielsystems.com.br"} http://bielsystems.com.br
+  %li
+    Cobre Grátis - 
+    %a{:href => "http://cobregratis.com.br"} http://cobregratis.com.br
+  %li
+    Workshop Bootstrappers - 
+    %a{:href => "http://workshop.bootstrappers.com.br"} http://workshop.bootstrappers.com.br
+  %li
+    EmailFax - 
+    %a{:href => "http://emailfa.com.br"} http://emailfax.com.br
+  %li
+    FaxGuru - 
+    %a{:href => "http://faxguru.com.br"} http://faxguru.com.br

_includes/produtos.html

@@ -0,0 +1,22 @@
+<ol>
+  <li>
+    BielSystems -
+    <a href='http://bielsystems.com.br'>http://bielsystems.com.br</a>
+  </li>
+  <li>
+    Cobre Grátis -
+    <a href='http://cobregratis.com.br'>http://cobregratis.com.br</a>
+  </li>
+  <li>
+    Workshop Bootstrappers -
+    <a href='http://workshop.bootstrappers.com.br'>http://workshop.bootstrappers.com.br</a>
+  </li>
+  <li>
+    EmailFax -
+    <a href='http://emailfa.com.br'>http://emailfax.com.br</a>
+  </li>
+  <li>
+    FaxGuru -
+    <a href='http://faxguru.com.br'>http://faxguru.com.br</a>
+  </li>
+</ol>

_posts/2012-04-09-privacidade.haml

@@ -21,22 +21,7 @@
     %br/
     2. Venda da empresa ou do produto
   %p As informações que coletamos referem-se à navegação em geral, páginas visitadas, links clicados, horários e demais informações de nossos formulários disponíveis em um de nossos websites:
-  %p
-    1. BielSystems -
-    %a{:href => "http://bielsystems.com.br"} http://bielsystems.com.br
-    %br/
-    2. Cobre Grátis -
-    %a{:href => "http://cobregratis.com.br"} http://cobregratis.com.br
-    %br/
-    3. Workshop Bootstrappers -
-    %a{:href => "http://workshop.bootstrappers.com.br/"} http://workshop.bootstrappers.com.br/
-    %br/
-    4. EmailFax -
-    %a{:href => "http://emailfax.com.br"} http://emailfax.com.br
-    %br/
-    5. FaxGuru -
-    %a{:href => "http://faxguru.com.br"} http://faxguru.com.br
-    %br/
+  {% include produtos.html %}
   %p Sua utilização é ligada unicamente para ações de marketing direto da própria BIELSYSTEMS, e de estabelecer perfis dos visitantes visando ofertar uma melhor ferramenta de uso e maior facilidade de navegação.
   %p Muitas de nossas soluções requerem a utilização de cookies, e por esse motivo, os usamos em nossas páginas, ressaltando novamente que isso é devido a critérios técnicos apenas, não usamos cookies espiões que visam coletar outras informações, ou usamos cookies de terceiros para tal.
   %p Um “cookie” é uma parte de dados que um site pode enviar para seu navegador, que pode então ser armazenada em seu computador como uma marcação anônima que identifica seu computador, mas não você. Você pode configurar seu navegador para notificá-lo antes de receber um cookie, o que lhe dá a oportunidade de decidir se deseja aceitá-lo., No entanto, se fizer isso, alguns sites poderão não funcionar adequadamente.

_posts/2012-04-09-privacidade.html

@@ -20,23 +20,7 @@
     2. Venda da empresa ou do produto
   </p>
   <p>As informações que coletamos referem-se à navegação em geral, páginas visitadas, links clicados, horários e demais informações de nossos formulários disponíveis em um de nossos websites:</p>
-  <p>
-    1. BielSystems -
-    <a href='http://bielsystems.com.br'>http://bielsystems.com.br</a>
-    <br />
-    2. Cobre Grátis -
-    <a href='http://cobregratis.com.br'>http://cobregratis.com.br</a>
-    <br />
-    3. Workshop Bootstrappers -
-    <a href='http://workshop.bootstrappers.com.br/'>http://workshop.bootstrappers.com.br/</a>
-    <br />
-    4. EmailFax -
-    <a href='http://emailfax.com.br'>http://emailfax.com.br</a>
-    <br />
-    5. FaxGuru -
-    <a href='http://faxguru.com.br'>http://faxguru.com.br</a>
-    <br />
-  </p>
+  {% include produtos.html %}
   <p>Sua utilização é ligada unicamente para ações de marketing direto da própria BIELSYSTEMS, e de estabelecer perfis dos visitantes visando ofertar uma melhor ferramenta de uso e maior facilidade de navegação.</p>
   <p>Muitas de nossas soluções requerem a utilização de cookies, e por esse motivo, os usamos em nossas páginas, ressaltando novamente que isso é devido a critérios técnicos apenas, não usamos cookies espiões que visam coletar outras informações, ou usamos cookies de terceiros para tal.</p>
   <p>Um “cookie” é uma parte de dados que um site pode enviar para seu navegador, que pode então ser armazenada em seu computador como uma marcação anônima que identifica seu computador, mas não você. Você pode configurar seu navegador para notificá-lo antes de receber um cookie, o que lhe dá a oportunidade de decidir se deseja aceitá-lo., No entanto, se fizer isso, alguns sites poderão não funcionar adequadamente.</p>

_posts/2012-04-09-seguranca.haml

@@ -10,19 +10,4 @@
   %a{ :href => "https://siteforte.com.br/certificado/bielsystems.com.br?utm_source=bielsystems.com.br&utm_medium=selo_premium&utm_term=siteforte&utm_campaign=permanente", :target => "_blank", :class => "noborder" }
     %img{ :style => "border:none;", :title => "Auditoria de segurança para serviços online com transações financeiras e informações confidenciais :: SITEFORTE - Segurança Digital", :src => "https://siteforte.com.br/selos/9_bielsystemscombr.png" }
   %p A segurança dos servidores refere-se a qualquer um de nossos websites:
-  %ol
-    %li
-      BielSystems - 
-      %a{:href => "http://bielsystems.com.br"} http://bielsystems.com.br
-    %li
-      Cobre Grátis - 
-      %a{:href => "http://cobregratis.com.br"} http://cobregratis.com.br
-    %li
-      Workshop Bootstrappers - 
-      %a{:href => "http://workshop.bootstrappers.com.br"} http://workshop.bootstrappers.com.br
-    %li
-      EmailFax - 
-      %a{:href => "http://emailfa.com.br"} http://emailfax.com.br
-    %li
-      FaxGuru - 
-      %a{:href => "http://faxguru.com.br"} http://faxguru.com.br
+  {% include produtos.html %}

_posts/2012-04-09-seguranca.html

@@ -9,26 +9,5 @@
     <img src='https://siteforte.com.br/selos/9_bielsystemscombr.png' style='border:none;' title='Auditoria de segurança para serviços online com transações financeiras e informações confidenciais :: SITEFORTE - Segurança Digital' />
   </a>
   <p>A segurança dos servidores refere-se a qualquer um de nossos websites:</p>
-  <ol>
-    <li>
-      BielSystems -
-      <a href='http://bielsystems.com.br'>http://bielsystems.com.br</a>
-    </li>
-    <li>
-      Cobre Grátis -
-      <a href='http://cobregratis.com.br'>http://cobregratis.com.br</a>
-    </li>
-    <li>
-      Workshop Bootstrappers -
-      <a href='http://workshop.bootstrappers.com.br'>http://workshop.bootstrappers.com.br</a>
-    </li>
-    <li>
-      EmailFax -
-      <a href='http://emailfa.com.br'>http://emailfax.com.br</a>
-    </li>
-    <li>
-      FaxGuru -
-      <a href='http://faxguru.com.br'>http://faxguru.com.br</a>
-    </li>
-  </ol>
+  {% include produtos.html %}
 </article>

stylesheets/global.css

@@ -50,6 +50,8 @@ section {
     line-height: 1.5em;
     font-weight: 300;
     margin: 0 0 1em; }
+  section ol {
+    margin: 1em 0; }
   section li {
     font-size: 20px;
     line-height: 1.5em;

stylesheets/global.sass

@@ -49,10 +49,12 @@ section
     line-height: 1.5em
     font-weight: 300
     margin: 0 0 1em
+  ol
+    margin: 1em 0
   li
     font-size: 20px
     line-height: 1.5em
-    font-weight: 300  
+    font-weight: 300
   ul#products
     list-style: none
     margin-top: 20px