<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.10.0">Jekyll</generator><link href="http://emanoelopes.github.io/feed.xml" rel="self" type="application/atom+xml" /><link href="http://emanoelopes.github.io/" rel="alternate" type="text/html" /><updated>2026-06-16T14:12:35+00:00</updated><id>http://emanoelopes.github.io/feed.xml</id><title type="html">Emanoel Lopes</title><subtitle>Página inicial</subtitle><entry><title type="html">Instalando o PostgreSQL 15.1 no Windows 10 com Ansible</title><link href="http://emanoelopes.github.io/postgresql-windows-ansible/" rel="alternate" type="text/html" title="Instalando o PostgreSQL 15.1 no Windows 10 com Ansible" /><published>2022-11-21T03:00:00+00:00</published><updated>2022-11-21T03:00:00+00:00</updated><id>http://emanoelopes.github.io/postgresql-windows-ansible</id><content type="html" xml:base="http://emanoelopes.github.io/postgresql-windows-ansible/"><![CDATA[<p>Veja como instalar o PostgreSQL 15.1 alterando a senha do usuário ‘postgres’ durante o processo.</p>

<p>Antes de começar, é preciso baixar o instalador diretamente do <a href="https://www.enterprisedb.com/downloads/postgres-postgresql-downloads">sítio</a> e mover para o mesmo diretório da playbook.</p>

<p>Veremos, como exemplo esta playbook:</p>

<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>---
- name: Install Postgresql 
  hosts: ''

  vars:
    temp_dir: c:\Users\aluno\Downloads\
    old_install_dir: c:\Program Files\postgreSQL 
    install_file: postgresql-15.1-1-windows-x64.exe 

  pre_tasks: 
    - name: Remove any pre-existent installation directory 
      win_file: 
        path: ''
        state: absent
  
    - name: Copy Postgresql 15 install file to hosts
      win_copy:
        src: ''
        dest: ''
      tags: postgresql_copy

  tasks:
    - name: Install Postgres and set postgres password
      win_shell: 'postgresql-15.1-1-windows-x64.exe --unattendedmodeui none --mode unattended --superpassword ufc123'
      args:
        chdir: ''
        executable: cmd
      tags: postgresql_install
</code></pre></div></div>

<p>Em vars temos:</p>

<ul>
  <li>temp_dir contém o diretório/pasta onde iremos guardar o instalador no host de destino.</li>
  <li>old_install_dir o diretório/pasta onde havia uma versão anterior do postgresql.</li>
  <li>install_file é o instalador que será copiado do controlador ansible para todos os hosts.</li>
</ul>

<p>Nas duas pré-tarefas faremos uma remoção da pasta da antiga instalação, se houver. Depois realizar a cópia do instalador para os hosts.</p>

<p>Agora iremos para a tarefa propriamente dita: instalação do postgresql e do pgadmin4.</p>

<p>Para isso, basta chamar o instalador com o módulo win_shell já com os parâmetros de instalação sem GUI e atendimento e alterando a senha do ‘postgres’ que é o usuário administrador do banco.</p>

<p>Para testar, basta chamar o ‘pgadmin’ e acessar o banco.</p>]]></content><author><name>emanoel</name></author><category term="project" /><category term="ansible" /><category term="windows" /><category term="laboratório" /><summary type="html"><![CDATA[Aprenda a instalar o PostgreSQL 15.1 no Windows 10 Utilizando o Ansible]]></summary><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://emanoelopes.github.io/assets/images/markdown.jpg" /><media:content medium="image" url="http://emanoelopes.github.io/assets/images/markdown.jpg" xmlns:media="http://search.yahoo.com/mrss/" /></entry><entry><title type="html">Clonando com o Clonezilla</title><link href="http://emanoelopes.github.io/Clonando-com-o-Clonezilla/" rel="alternate" type="text/html" title="Clonando com o Clonezilla" /><published>2022-08-25T03:00:00+00:00</published><updated>2022-08-25T03:00:00+00:00</updated><id>http://emanoelopes.github.io/Clonando-com-o-Clonezilla</id><content type="html" xml:base="http://emanoelopes.github.io/Clonando-com-o-Clonezilla/"><![CDATA[<p>Curso Clonando o Clonezilla, <a href="https://www.udemy.com/course/clonando-com-o-clonezilla/?referralCode=4F488C22779DC25951E5">disponível na Udemy com cupom de desconto</a>.</p>]]></content><author><name>emanoel</name></author><category term="project" /><category term="clonezilla" /><category term="udemy" /><category term="curso" /><summary type="html"><![CDATA[Faça clonagens de disco, através da rede(remotamente) ou localmente(disco-disco).]]></summary><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://emanoelopes.github.io/assets/images/markdown.jpg" /><media:content medium="image" url="http://emanoelopes.github.io/assets/images/markdown.jpg" xmlns:media="http://search.yahoo.com/mrss/" /></entry><entry><title type="html">Atualizando_ubuntu_16_para_18</title><link href="http://emanoelopes.github.io/atualizando_ubuntu_16_para_18/" rel="alternate" type="text/html" title="Atualizando_ubuntu_16_para_18" /><published>2021-11-03T00:00:00+00:00</published><updated>2021-11-03T00:00:00+00:00</updated><id>http://emanoelopes.github.io/atualizando_ubuntu_16_para_18</id><content type="html" xml:base="http://emanoelopes.github.io/atualizando_ubuntu_16_para_18/"><![CDATA[<h1 id="atualização-do-ubuntu-1604-para-1804-lts">Atualização do Ubuntu 16.04 para 18.04 LTS</h1>

<h2 id="remover-o-mongodb">Remover o mongodb</h2>

<p>sudo apt remove mongodb*</p>

<p>##</p>

<p>![Markdown Image][assets/images/01.jpg]</p>]]></content><author><name></name></author><summary type="html"><![CDATA[Atualização do Ubuntu 16.04 para 18.04 LTS]]></summary></entry><entry><title type="html">Moodle para Professores do Ensino Médio</title><link href="http://emanoelopes.github.io/moodle-para-professores-ensino-medio/" rel="alternate" type="text/html" title="Moodle para Professores do Ensino Médio" /><published>2020-06-02T03:00:00+00:00</published><updated>2020-06-02T03:00:00+00:00</updated><id>http://emanoelopes.github.io/moodle-para-professores-ensino-medio</id><content type="html" xml:base="http://emanoelopes.github.io/moodle-para-professores-ensino-medio/"><![CDATA[<p>Curso de Moodle para Professores do Ensino Médio, <a href="https://www.udemy.com/course/moodle-para-pofessores-do-ensino-medio/?referralCode=B3B65BA294D1A6D615F7">disponível na Udemy com cupom de desconto</a>.</p>]]></content><author><name>emanoel</name></author><category term="project" /><category term="moodle" /><category term="udemy" /><category term="curso" /><summary type="html"><![CDATA[Aprenda a criar atividades de fórum, entrega de tarefas e avaliações online no Moodle, desde do início.]]></summary><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://emanoelopes.github.io/assets/images/markdown.jpg" /><media:content medium="image" url="http://emanoelopes.github.io/assets/images/markdown.jpg" xmlns:media="http://search.yahoo.com/mrss/" /></entry><entry><title type="html">Laborando na TI</title><link href="http://emanoelopes.github.io/laborando-na-ti/" rel="alternate" type="text/html" title="Laborando na TI" /><published>2019-11-20T00:00:00+00:00</published><updated>2019-11-20T00:00:00+00:00</updated><id>http://emanoelopes.github.io/laborando-na-ti</id><content type="html" xml:base="http://emanoelopes.github.io/laborando-na-ti/"><![CDATA[<p>Surgiu de uma ideia de publicar narrativas sobre uma jornada na TI destinada ao público que está iniciando a carreira.</p>

<p>A estrutura inicial é a criação de uma série em que cada temporada represente um cenário de atuação. Apesar de não ter iniciado desta forma, alguns episódios foram lançados e estão disponíveis em diversos tocadores e também diretamente pelo <a href="https://anchor.fm/laborandonati">sítio da anchor</a>.</p>
<iframe src="https://anchor.fm/laborandonati/embed" height="102px" width="400px" frameborder="0" scrolling="no"></iframe>]]></content><author><name>emanoel</name></author><category term="project" /><category term="podcast" /><summary type="html"><![CDATA[Aprenda a criar atividades de fórum, entrega de tarefas e avaliações online no Moodle, desde do início.]]></summary><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://emanoelopes.github.io/assets/images/markdown.jpg" /><media:content medium="image" url="http://emanoelopes.github.io/assets/images/markdown.jpg" xmlns:media="http://search.yahoo.com/mrss/" /></entry><entry><title type="html">Welcome to Jekyll!</title><link href="http://emanoelopes.github.io/welcome-to-jekyll/" rel="alternate" type="text/html" title="Welcome to Jekyll!" /><published>2017-04-29T08:29:58+00:00</published><updated>2017-04-29T08:29:58+00:00</updated><id>http://emanoelopes.github.io/welcome-to-jekyll</id><content type="html" xml:base="http://emanoelopes.github.io/welcome-to-jekyll/"><![CDATA[<p>You’ll find this post in your <code class="language-plaintext highlighter-rouge">_posts</code> directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run <code class="language-plaintext highlighter-rouge">jekyll serve</code>, which launches a web server and auto-regenerates your site when a file is updated.</p>

<p>To add new posts, simply add a file in the <code class="language-plaintext highlighter-rouge">_posts</code> directory that follows the convention <code class="language-plaintext highlighter-rouge">YYYY-MM-DD-name-of-post.ext</code> and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.</p>

<p>Jekyll also offers powerful support for code snippets:</p>

<figure class="highlight"><pre><code class="language-ruby" data-lang="ruby"><span class="k">def</span> <span class="nf">print_hi</span><span class="p">(</span><span class="nb">name</span><span class="p">)</span>
  <span class="nb">puts</span> <span class="s2">"Hi, </span><span class="si">#{</span><span class="nb">name</span><span class="si">}</span><span class="s2">"</span>
<span class="k">end</span>
<span class="n">print_hi</span><span class="p">(</span><span class="s1">'Tom'</span><span class="p">)</span>
<span class="c1">#=&gt; prints 'Hi, Tom' to STDOUT.</span></code></pre></figure>

<p>Check out the <a href="https://jekyllrb.com/docs/home">Jekyll docs</a> for more info on how to get the most out of Jekyll. File all bugs/feature requests at <a href="https://github.com/jekyll/jekyll">Jekyll’s GitHub repo</a>. If you have questions, you can ask them on <a href="https://talk.jekyllrb.com/">Jekyll Talk</a>.</p>]]></content><author><name></name></author><category term="jekyll" /><category term="update" /><summary type="html"><![CDATA[You’ll find this post in your _posts directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run jekyll serve, which launches a web server and auto-regenerates your site when a file is updated.]]></summary></entry><entry><title type="html">Markdown Extra Components</title><link href="http://emanoelopes.github.io/markdown-extra-components/" rel="alternate" type="text/html" title="Markdown Extra Components" /><published>2016-02-24T22:48:00+00:00</published><updated>2016-02-24T22:48:00+00:00</updated><id>http://emanoelopes.github.io/markdown-extra-components</id><content type="html" xml:base="http://emanoelopes.github.io/markdown-extra-components/"><![CDATA[<h2 id="summary">Summary:</h2>

<p>You can pick as item to see how to apply in markdown.</p>

<h4 id="especial-elements">Especial Elements</h4>
<ul>
  <li><a href="#evidence">Evidence</a></li>
  <li><a href="#side-by-side">Side-by-Side</a></li>
  <li><a href="#star">Star</a></li>
  <li><a href="#especial-breaker">Especial Breaker</a></li>
  <li><a href="#spoiler">Spoiler</a></li>
</ul>

<h4 id="external-elements">External Elements</h4>
<ul>
  <li><a href="#gist">Gist</a></li>
  <li><a href="#codepen">Codepen</a></li>
  <li><a href="#slideshare">Slideshare</a></li>
  <li><a href="#videos">Videos</a></li>
</ul>

<hr />

<h2 id="evidence">Evidence</h2>

<p>You can try the evidence!</p>

<p><span class="evidence">Paragraphs can be written like so. A paragraph is the basic block of Markdown. A paragraph is what text will turn into when there is no reason it should become anything else.</span></p>

<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"evidence"</span><span class="nt">&gt;</span>Paragraphs can be written like so. A paragraph is the basic block of Markdown. A paragraph is what text will turn into when there is no reason it should become anything else.<span class="nt">&lt;/span&gt;</span></code></pre></figure>

<hr />

<h2 id="side-by-side">Side-by-side</h2>

<p>Like the <a href="https://medium.com/">Medium</a> component.</p>

<p><strong>Image</strong> on the left and <strong>Text</strong> on the right:</p>

<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"side-by-side"</span><span class="nt">&gt;</span>
    <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"toleft"</span><span class="nt">&gt;</span>
        <span class="nt">&lt;img</span> <span class="na">class=</span><span class="s">"image"</span> <span class="na">src=</span><span class="s">"http://emanoelopes.github.io/assets/images/avatar_emanoel_smd_135x136.png"</span> <span class="na">alt=</span><span class="s">"Alt Text"</span><span class="nt">&gt;</span>
        <span class="nt">&lt;figcaption</span> <span class="na">class=</span><span class="s">"caption"</span><span class="nt">&gt;</span>Photo by John Doe<span class="nt">&lt;/figcaption&gt;</span>
    <span class="nt">&lt;/div&gt;</span>

    <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"toright"</span><span class="nt">&gt;</span>
        <span class="nt">&lt;p&gt;</span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<span class="nt">&lt;/p&gt;</span>
    <span class="nt">&lt;/div&gt;</span>
<span class="nt">&lt;/div&gt;</span></code></pre></figure>

<div class="side-by-side">
    <div class="toleft">
        <img class="image" src="http://emanoelopes.github.io/assets/images/avatar_emanoel_smd_135x136.png" alt="Alt Text" />
        <figcaption class="caption">Photo by John Doe</figcaption>
    </div>

    <div class="toright">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    </div>
</div>

<p><strong>Text</strong> on the left and <strong>Image</strong> on the right:</p>

<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"side-by-side"</span><span class="nt">&gt;</span>
    <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"toleft"</span><span class="nt">&gt;</span>
        <span class="nt">&lt;p&gt;</span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<span class="nt">&lt;/p&gt;</span>
    <span class="nt">&lt;/div&gt;</span>

    <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"toright"</span><span class="nt">&gt;</span>
        <span class="nt">&lt;img</span> <span class="na">class=</span><span class="s">"image"</span> <span class="na">src=</span><span class="s">"http://emanoelopes.github.io/assets/images/avatar_emanoel_smd_135x136.png"</span> <span class="na">alt=</span><span class="s">"Alt Text"</span><span class="nt">&gt;</span>
        <span class="nt">&lt;figcaption</span> <span class="na">class=</span><span class="s">"caption"</span><span class="nt">&gt;</span>Photo by John Doe<span class="nt">&lt;/figcaption&gt;</span>
    <span class="nt">&lt;/div&gt;</span>
<span class="nt">&lt;/div&gt;</span></code></pre></figure>

<div class="side-by-side">
    <div class="toleft">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    </div>

    <div class="toright">
        <img class="image" src="http://emanoelopes.github.io/assets/images/avatar_emanoel_smd_135x136.png" alt="Alt Text" />
        <figcaption class="caption">Photo by John Doe</figcaption>
    </div>
</div>

<hr />

<h2 id="star">Star</h2>

<p>You can give evidence to a post. Just add the tag to the markdown file.</p>

<figure class="highlight"><pre><code class="language-raw" data-lang="raw">star: true</code></pre></figure>

<hr />

<h2 id="especial-breaker">Especial Breaker</h2>

<p>You can add a especial <em>hr</em> to your text.</p>

<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"breaker"</span><span class="nt">&gt;&lt;/div&gt;</span></code></pre></figure>

<div class="breaker"></div>

<hr />

<h2 id="spoiler">Spoiler</h2>

<p>You can add an especial hidden content that appears on hover.</p>

<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"spoiler"</span><span class="nt">&gt;&lt;p&gt;</span>your content<span class="nt">&lt;/p&gt;&lt;/div&gt;</span></code></pre></figure>

<div class="spoiler"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></div>

<hr />

<h2 id="gist">Gist</h2>

<p>You can add Gists from github.</p>

<figure class="highlight"><pre><code class="language-raw" data-lang="raw">{ % gist sergiokopplin/91ff4220480727b47224245ee2e9c291 % }</code></pre></figure>

<script src="https://gist.github.com/sergiokopplin/91ff4220480727b47224245ee2e9c291.js"> </script>

<hr />

<h2 id="codepen">Codepen</h2>

<p>You can add Pens from Codepen.</p>

<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt">&lt;p</span> <span class="na">data-height=</span><span class="s">"268"</span> <span class="na">data-theme-id=</span><span class="s">"0"</span> <span class="na">data-slug-hash=</span><span class="s">"gfdDu"</span> <span class="na">data-default-tab=</span><span class="s">"result"</span> <span class="na">data-user=</span><span class="s">"chriscoyier"</span> <span class="na">class=</span><span class="s">'codepen'</span><span class="nt">&gt;</span>
    See the Pen <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">'http://codepen.io/chriscoyier/pen/gfdDu/'</span><span class="nt">&gt;</span>Crappy Recreation of the Book Cover of *The Flame Alphabet*<span class="nt">&lt;/a&gt;</span> by Chris Coyier (<span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">'http://codepen.io/chriscoyier'</span><span class="nt">&gt;</span>@chriscoyier<span class="nt">&lt;/a&gt;</span>) on <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">'http://codepen.io'</span><span class="nt">&gt;</span>CodePen<span class="nt">&lt;/a&gt;</span>.
<span class="nt">&lt;/p&gt;</span>
<span class="nt">&lt;script </span><span class="na">async</span> <span class="na">src=</span><span class="s">"//assets.codepen.io/assets/embed/ei.js"</span><span class="nt">&gt;&lt;/script&gt;</span></code></pre></figure>

<p data-height="268" data-theme-id="0" data-slug-hash="gfdDu" data-default-tab="result" data-user="chriscoyier" class="codepen">See the Pen <a href="http://codepen.io/chriscoyier/pen/gfdDu/">Crappy Recreation of the Book Cover of *The Flame Alphabet*</a> by Chris Coyier (<a href="http://codepen.io/chriscoyier">@chriscoyier</a>) on <a href="http://codepen.io">CodePen</a>.</p>
<script async="" src="//assets.codepen.io/assets/embed/ei.js"></script>

<hr />

<h2 id="slideshare">Slideshare</h2>

<p>Add your presentations here!</p>

<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt">&lt;iframe</span> <span class="na">src=</span><span class="s">"//www.slideshare.net/slideshow/embed_code/key/hqDhSJoWkrHe7l"</span> <span class="na">width=</span><span class="s">"560"</span> <span class="na">height=</span><span class="s">"310"</span> <span class="na">frameborder=</span><span class="s">"0"</span> <span class="na">marginwidth=</span><span class="s">"0"</span> <span class="na">marginheight=</span><span class="s">"0"</span> <span class="na">scrolling=</span><span class="s">"no"</span> <span class="na">style=</span><span class="s">"border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;"</span> <span class="na">allowfullscreen</span><span class="nt">&gt;</span> <span class="nt">&lt;/iframe&gt;</span></code></pre></figure>

<iframe src="//www.slideshare.net/slideshow/embed_code/key/hqDhSJoWkrHe7l" width="560" height="310" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;" allowfullscreen=""> </iframe>

<hr />

<h2 id="videos">Videos</h2>

<p>Do you want some videos? Youtube, Vimeo or Vevo? Copy the embed code and paste on your post!</p>

<p><strong>Example</strong></p>

<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt">&lt;iframe</span> <span class="na">width=</span><span class="s">"560"</span> <span class="na">height=</span><span class="s">"310"</span> <span class="na">src=</span><span class="s">"https://www.youtube.com/embed/r7XhWUDj-Ts"</span> <span class="na">frameborder=</span><span class="s">"0"</span> <span class="na">allowfullscreen</span><span class="nt">&gt;&lt;/iframe&gt;</span></code></pre></figure>

<iframe width="560" height="310" src="https://www.youtube.com/embed/r7XhWUDj-Ts" frameborder="0" allowfullscreen=""></iframe>]]></content><author><name>jamesfoster</name></author><category term="blog" /><category term="markdown" /><category term="components" /><category term="extra" /><summary type="html"><![CDATA[Markdown summary with different options]]></summary><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://emanoelopes.github.io/assets/images/markdown.jpg" /><media:content medium="image" url="http://emanoelopes.github.io/assets/images/markdown.jpg" xmlns:media="http://search.yahoo.com/mrss/" /></entry><entry><title type="html">Markdown Common Elements</title><link href="http://emanoelopes.github.io/markdown-common-elements/" rel="alternate" type="text/html" title="Markdown Common Elements" /><published>2016-02-24T22:44:00+00:00</published><updated>2016-02-24T22:44:00+00:00</updated><id>http://emanoelopes.github.io/markdown-common-elements</id><content type="html" xml:base="http://emanoelopes.github.io/markdown-common-elements/"><![CDATA[<h2 id="summary">Summary:</h2>

<p>You can pick as item to see how to apply in markdown.</p>

<h3 id="comum-elements">Comum Elements</h3>
<ul>
  <li><a href="#basic-formatting">Basic formatting</a></li>
  <li><a href="#headings">Headings</a></li>
  <li><a href="#lists">Lists</a></li>
  <li><a href="#paragraph-modifiers">Paragraph Modifiers</a></li>
  <li><a href="#urls">Urls</a></li>
  <li><a href="#horizontal-rule">Horizontal Rule</a></li>
  <li><a href="#images">Images</a></li>
  <li><a href="#code">Code</a></li>
</ul>

<hr />

<h2 id="basic-formatting">Basic formatting</h2>

<p>This note <strong>demonstrates</strong> some of what <a href="http://daringfireball.net/projects/markdown/">Markdown</a> is <em>capable of doing</em>.</p>

<p>And that’s how to do it.</p>

<figure class="highlight"><pre><code class="language-html" data-lang="html">This note **demonstrates** some of what [Markdown][some/link] is *capable of doing*.</code></pre></figure>

<hr />

<h2 id="headings">Headings</h2>

<p>There are six levels of headings. They correspond with the six levels of HTML headings. You’ve probably noticed them already in the page. Each level down uses one more hash character. But we are using just 4 of them.</p>

<h1 id="headings-can-be-small">Headings can be small</h1>

<h2 id="headings-can-be-small-1">Headings can be small</h2>

<h3 id="headings-can-be-small-2">Headings can be small</h3>

<h4 id="headings-can-be-small-3">Headings can be small</h4>

<figure class="highlight"><pre><code class="language-raw" data-lang="raw"># Heading
## Heading
### Heading
#### Heading</code></pre></figure>

<hr />

<h2 id="lists">Lists</h2>

<h3 id="ordered-list">Ordered list</h3>

<ol>
  <li>Item 1</li>
  <li>A second item</li>
  <li>Number 3</li>
</ol>

<figure class="highlight"><pre><code class="language-raw" data-lang="raw">1. Item 1
2. A second item
3. Number 3</code></pre></figure>

<h3 id="unordered-list">Unordered list</h3>

<ul>
  <li>An item</li>
  <li>Another item</li>
  <li>Yet another item</li>
  <li>And there’s more…</li>
</ul>

<figure class="highlight"><pre><code class="language-raw" data-lang="raw">* An item
* Another item
* Yet another item
* And there's more...</code></pre></figure>

<hr />

<h2 id="paragraph-modifiers">Paragraph modifiers</h2>

<h3 id="quote">Quote</h3>

<blockquote>
  <p>Here is a quote. What this is should be self explanatory. Quotes are automatically indented when they are used.</p>
</blockquote>

<figure class="highlight"><pre><code class="language-raw" data-lang="raw">&gt; Here is a quote. What this is should be self explanatory.</code></pre></figure>

<hr />

<h2 id="urls">URLs</h2>

<p>URLs can be made in a handful of ways:</p>

<ul>
  <li>A named link to <a href="http://www.markitdown.net/">Mark It Down</a>.</li>
  <li>Another named link to <a href="http://markitdown.net/">Mark It Down</a></li>
  <li>Sometimes you just want a URL like <a href="http://markitdown.net/">http://markitdown.net/</a>.</li>
</ul>

<figure class="highlight"><pre><code class="language-raw" data-lang="raw">* A named link to [MarkItDown][3].
* Another named link to [MarkItDown](http://markitdown.net/)
* Sometimes you just want a URL like &lt;http://markitdown.net/&gt;.</code></pre></figure>

<hr />

<h2 id="horizontal-rule">Horizontal rule</h2>

<p>A horizontal rule is a line that goes across the middle of the page.
It’s sometimes handy for breaking things up.</p>

<figure class="highlight"><pre><code class="language-raw" data-lang="raw">---</code></pre></figure>

<hr />

<h2 id="images">Images</h2>

<p>Markdown can also contain images. I’ll need to add something here sometime.</p>

<figure class="highlight"><pre><code class="language-raw" data-lang="raw">![Markdowm Image][/image/url]</code></pre></figure>

<p><img src="http://kune.fr/wp-content/uploads/2013/10/ghost-blog.jpg" alt="Markdowm Image" /></p>

<p><em>Figure Caption</em>?</p>

<figure class="highlight"><pre><code class="language-raw" data-lang="raw">![Markdowm Image][/image/url]
&lt;figcaption class="caption"&gt;Photo by John Doe&lt;/figcaption&gt;</code></pre></figure>

<p><img src="http://kune.fr/wp-content/uploads/2013/10/ghost-blog.jpg" alt="Markdowm Image" /></p>
<figcaption class="caption">Photo by John Doe</figcaption>

<p><em>Bigger Images</em>?</p>

<figure class="highlight"><pre><code class="language-raw" data-lang="raw">![Markdowm Image][/image/url]{: class="bigger-image" }</code></pre></figure>

<p><img src="http://kune.fr/wp-content/uploads/2013/10/ghost-blog.jpg" alt="Markdowm Image" class="bigger-image" /></p>

<hr />

<h2 id="code">Code</h2>

<p>A HTML Example:</p>

<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="cp">&lt;!DOCTYPE html&gt;</span>
<span class="nt">&lt;html</span> <span class="na">lang=</span><span class="s">"en"</span><span class="nt">&gt;</span>
<span class="nt">&lt;head&gt;</span>
    <span class="nt">&lt;meta</span> <span class="na">charset=</span><span class="s">"UTF-8"</span><span class="nt">&gt;</span>
    <span class="nt">&lt;title&gt;</span>Document<span class="nt">&lt;/title&gt;</span>
<span class="nt">&lt;/head&gt;</span>
<span class="nt">&lt;body&gt;</span>
    <span class="nt">&lt;h1&gt;</span>Just a test<span class="nt">&lt;/h1&gt;</span>
<span class="nt">&lt;/body&gt;</span>
<span class="nt">&lt;/html&gt;</span></code></pre></figure>

<p>A CSS Example:</p>

<figure class="highlight"><pre><code class="language-css" data-lang="css"><span class="nt">pre</span> <span class="p">{</span>
    <span class="nl">padding</span><span class="p">:</span> <span class="m">10px</span><span class="p">;</span>
    <span class="nl">font-size</span><span class="p">:</span> <span class="m">.8em</span><span class="p">;</span>
    <span class="nl">white-space</span><span class="p">:</span> <span class="n">pre</span><span class="p">;</span>
<span class="p">}</span>

<span class="nt">pre</span><span class="o">,</span> <span class="nt">table</span> <span class="p">{</span>
    <span class="nl">width</span><span class="p">:</span> <span class="m">100%</span><span class="p">;</span>
<span class="p">}</span>

<span class="nt">code</span><span class="o">,</span> <span class="nt">pre</span><span class="o">,</span> <span class="nt">tt</span> <span class="p">{</span>
    <span class="nl">font-family</span><span class="p">:</span> <span class="n">Monaco</span><span class="p">,</span> <span class="n">Consolas</span><span class="p">,</span> <span class="n">Inconsolata</span><span class="p">,</span> <span class="nb">monospace</span><span class="p">,</span> <span class="nb">sans-serif</span><span class="p">;</span>
    <span class="nl">background</span><span class="p">:</span> <span class="n">rgba</span><span class="p">(</span><span class="m">0</span><span class="p">,</span><span class="m">0</span><span class="p">,</span><span class="m">0</span><span class="p">,</span><span class="m">.05</span><span class="p">);</span>
<span class="p">}</span></code></pre></figure>

<p>A JS Example:</p>

<figure class="highlight"><pre><code class="language-js" data-lang="js"><span class="c1">// Sticky Header</span>
<span class="nx">$</span><span class="p">(</span><span class="nb">window</span><span class="p">).</span><span class="nx">scroll</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span>

    <span class="k">if</span> <span class="p">(</span><span class="nx">$</span><span class="p">(</span><span class="nb">window</span><span class="p">).</span><span class="nx">scrollTop</span><span class="p">()</span> <span class="o">&gt;</span> <span class="mi">900</span> <span class="o">&amp;&amp;</span> <span class="o">!</span><span class="nx">$</span><span class="p">(</span><span class="dl">"</span><span class="s2">body</span><span class="dl">"</span><span class="p">).</span><span class="nx">hasClass</span><span class="p">(</span><span class="dl">'</span><span class="s1">show-menu</span><span class="dl">'</span><span class="p">))</span> <span class="p">{</span>
        <span class="nx">$</span><span class="p">(</span><span class="dl">'</span><span class="s1">#hamburguer__open</span><span class="dl">'</span><span class="p">).</span><span class="nx">fadeOut</span><span class="p">(</span><span class="dl">'</span><span class="s1">fast</span><span class="dl">'</span><span class="p">);</span>
    <span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">$</span><span class="p">(</span><span class="dl">"</span><span class="s2">body</span><span class="dl">"</span><span class="p">).</span><span class="nx">hasClass</span><span class="p">(</span><span class="dl">'</span><span class="s1">show-menu</span><span class="dl">'</span><span class="p">))</span> <span class="p">{</span>
        <span class="nx">$</span><span class="p">(</span><span class="dl">'</span><span class="s1">#hamburguer__open</span><span class="dl">'</span><span class="p">).</span><span class="nx">fadeIn</span><span class="p">(</span><span class="dl">'</span><span class="s1">fast</span><span class="dl">'</span><span class="p">);</span>
    <span class="p">}</span>

<span class="p">});</span></code></pre></figure>]]></content><author><name>johndoe</name></author><category term="blog" /><category term="markdown" /><category term="elements" /><summary type="html"><![CDATA[Markdown summary with different options]]></summary><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://emanoelopes.github.io/assets/images/markdown.jpg" /><media:content medium="image" url="http://emanoelopes.github.io/assets/images/markdown.jpg" xmlns:media="http://search.yahoo.com/mrss/" /></entry><entry><title type="html">:ramen: Indigo, minimalist jekyll theme</title><link href="http://emanoelopes.github.io/indigo-jekyll-theme/" rel="alternate" type="text/html" title=":ramen: Indigo, minimalist jekyll theme" /><published>2016-01-23T22:10:00+00:00</published><updated>2016-01-23T22:10:00+00:00</updated><id>http://emanoelopes.github.io/indigo-jekyll-theme</id><content type="html" xml:base="http://emanoelopes.github.io/indigo-jekyll-theme/"><![CDATA[<p><img src="https://raw.githubusercontent.com/sergiokopplin/indigo/gh-pages/assets/screen-shot.png" alt="Screenshot" /></p>

<p>Example of project - Indigo Minimalist Jekyll Template - <a href="http://sergiokopplin.github.io/indigo/">Demo</a>. This is a simple and minimalist template for Jekyll for those who likes to eat noodles.</p>

<hr />

<p>What has inside?</p>

<ul>
  <li>Gulp</li>
  <li>BrowserSync</li>
  <li>Stylus</li>
  <li>SVG</li>
  <li>Travis</li>
  <li>No JS</li>
  <li><a href="https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fsergiokopplin.github.io%2Findigo%2F">98/100</a></li>
</ul>

<hr />

<p><a href="http://sergiokopplin.github.io/indigo/">Check it out</a> here.
If you need some help, just <a href="http://github.com/sergiokopplin/indigo/issues">tell me</a>.</p>]]></content><author><name>johndoe</name></author><category term="project" /><category term="jekyll" /><summary type="html"><![CDATA[This is a simple and minimalist template for Jekyll for those who likes to eat noodles.]]></summary><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://koppl.in/indigo/assets/images/jekyll-logo-light-solid.png" /><media:content medium="image" url="https://koppl.in/indigo/assets/images/jekyll-logo-light-solid.png" xmlns:media="http://search.yahoo.com/mrss/" /></entry></feed>