From dcfde280f6814fc6ab306935257188c840130147 Mon Sep 17 00:00:00 2001
From: Julio Biason <julio.biason@gmail.com>
Date: Mon, 21 Aug 2017 20:38:25 -0300
Subject: [PATCH] even more vim

---
 gramatica-vim.html | 106 +++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 102 insertions(+), 4 deletions(-)

diff --git a/gramatica-vim.html b/gramatica-vim.html
index c80b053..8057139 100644
--- a/gramatica-vim.html
+++ b/gramatica-vim.html
@@ -48,6 +48,11 @@
 			li {
 				display: block;
 			}
+
+			.cursor {
+				background-color: #666;
+				color: white;
+			}
         </style>
     </head>
 
@@ -128,9 +133,7 @@
 					<section>
 						<h2>Por que entender VIM?</h2>
 
-						<ul>
-							<li>Ubiquidade</li>
-						</ul>
+						<h1 class="fragment">Ubiquidade</h1>
 
 						<aside class="notes">
 							VIM está em todo lugar. E mesmo que não seja usado
@@ -216,6 +219,14 @@
 							digita realmente aparecem no texto.
 						</aside>
 					</section>
+
+					<section>
+						<h2>Modos: Visual</h2>
+
+						<h2>Modos: Comando</h2>
+
+						<h2>Modos: Pesquisa</h2>
+					</section>
 				</section>
 
 				<section>
@@ -363,8 +374,95 @@
 					</section>
 
 					<section>
-						<h2>Lista de </h2>
+						<h2>Lista de artigos mais usados:</h2>
+
+						<ul>
+							<li>Números</li>
+							<li>"Inside" (dentro) (<code>i</code>)</li>
+							<li>"Around" (ao redor) (<code>a</code>)</li>
+						</ul>
+					</section>
+				</section>
+
+				<section>
+					<img src="_images/snorefest.jpg" alt="">
+				</section>
+
+				<section>
+					<section>
+						<p>
+							<code>palavra1 <span class="cursor">p</span>alavra2 palavra3</code>
+						</p>
+
+						<p>
+							<code>dw</code>
+						</p>
+
+						<p class="fragment">
+							<code>palavra1 palavra3</code>
+						</p>
+					</section>
+
+					<section>
+						<p>
+							<code>palavra1 <span class="cursor">p</span>alavra2 palavra3</code>
+						</p>
+
+						<p>
+							<code>d2w</code> 
+							<span>(apague duas palavras)</span>
+						</p>
+
+						<p class="fragment">
+							<code>palavra1</code>
+						</p>
+					</section>
+
+					<section>
+						<p>
+							<code>palavra1 pal<span class="cursor">a</span>vra2 palavra3</code>
+						</p>
+
+						<p>
+							<code>d2w</code> 
+							<span class="fragment">(apague duas palavras)</span>
+						</p>
+
+						<p class="fragment">
+							<code>palavra1 palpalavra3</code>
+						</p>
 					</section>
+
+					<section>
+						<p>
+							<code>def func(param1, <span class="cursor">p</span>aram2, param3):</code>
+						</p>
+
+						<p>
+							<code>cf)</code>
+							<span class="fragment">Altere até encontrar um ")"</span>
+						</p>
+
+						<p class="fragment">
+							<code>def func(param1, <span class="cursor">:</span></code>
+
+							<p class="fragment">E já está em modo de inserção.</p>
+						</p>
+					</section>
+
+					<section>
+						<p>
+							<code>def func(param1, <span class="cursor">p</span>aram2, param3):</code>
+						</p>
+
+						<p>
+							<code>ct)</code>
+							<span class="fragment">Altere até antes de encontrar um ")"</span>
+						</p>
+
+						<p class="fragment">
+							<code>def func(param1, <span class="cursor">)</span>:</code>
+						</p>
 				</section>
             </div>
         </div>