More keynote

algo-ganho-algo-perdido.html

@@ -66,6 +66,19 @@
             .semi-opaque {
                 background-color: rgba(0, 0, 0, 0.7);
             }
+
+            ul.chat {
+                list-style: none inside;
+            }
+
+            ul.chat li {
+                font-family: monospace;
+                font-size: 80%;
+            }
+
+            ul.chat li span {
+                font-weight: bold;
+            }
         </style>
     </head>
 
@@ -108,6 +121,7 @@
                 </section>
 
                 <section>
+                    <p>(2016)</p>
                     <img src="_images/python-floripa.png" class="stretch"/>
                     <!-- python floripa, "gaúchos de araque" -->
                 </section>
@@ -202,43 +216,55 @@
                 </section>
 
                 <section>
-                    <ul>
+                    <ul class="chat">
-                        <li>X: "Pessoal, alguém trabalha com HTMX? Estou com um problema no load..."</li>
+                        <li><span>X:</span> "Pessoal, alguém trabalha com HTMX? Estou com um problema no load..."</li>
-                        <li>X: "O Json tem [{"title": "Room", "description": "Nome do arquiteto"}]"</li>
+                        <li><span>X:</span> "O Json tem [{"title": "Room", "description": "Nome do arquiteto"}]"</li>
-                        <li>Y: "X, você é do ramo de arquitetura?"</li>
+                        <li><span>Y:</span> "X, você é do ramo de arquitetura?"</li>
                     </ul>
                     <!-- off-topic -->
                 </section>
 
                 <section>
-                    <ul>
+                    <img src="_images/what.jpg" class="stretch"/>
-                        <li>X: "Y, tentei o que vc falou mas deu o erro A. O que pode ser?"</li>
+                </section>
-                        <li>X: "Responde aí"</li>
+
+                <section>
+                    <ul class="chat">
+                        <li><span>X:</span> "Y, tentei o que vc falou mas deu o erro A. O que pode ser?"</li>
+                        <li><span>X:</span> "Responde aí"</li>
                     </ul>
                     <!-- "responde aí" -->
                     <!-- asynchronous -->
                 </section>
 
                 <section>
-                    <ul>
+                    <img src="_images/support-unhappy.jpg" class="stretch"/>
-                        <li>Rose: "Usuário X tem 1/3 advertências: Não é permitido pirataria no grupo."</li>
+                </section>
-                        <li>X: "Ah, larga dessa frescura."</li>
+
+                <section>
+                    <ul class="chat">
+                        <li><span>Rose:</span> "Usuário X tem 1/3 advertências: Não é permitido pirataria no grupo."</li>
+                        <li><span>X:</span> "Ah, larga dessa frescura."</li>
                     </ul>
                     <!-- harassment  -->
                     <!-- "ah, larga dessa frescura" -->
                 </section>
 
                 <section>
-                    <ul>
+                    <ul class="chat">
-                        <li>X: "Pessoal, como eu posso fazer A?"</li>
+                        <li><span>X:</span> "Pessoal, como eu posso fazer A?"</li>
-                        <li>Y: "Bom, por cima, dá pra tentar fazer o seguinte:"</li>
+                        <li><span>Y:</span> "Bom, por cima, dá pra tentar fazer o seguinte:"</li>
-                        <li>LETÍCIA DIAS: "DINHEIRO GARANTIDO; PIX de R$ 50 RECEBE DE VOLTA R$ 500"</li>
+                        <li><span>LETÍCIA DIAS:</span> "DINHEIRO GARANTIDO; PIX de R$ 50 RECEBE DE VOLTA R$ 500"</li>
                     </ul>
                     <!-- ajuda -->
                     <!-- pode fazer isso -->
                     <!-- ROBOZINHO DO PIX -->
                 </section>
 
+                <section>
+                    <img src="_images/tired.jpg" class="stretch"/>
+                </section>
+
                 <section>
                     <p>"Redução da distância do relacionamento inter-impessoal"</p>
                 </section>
@@ -253,9 +279,14 @@
                 </section>
 
                 <section>
+                    <img src="_images/bus-full.jpg" class="stretch"/>
                     <!-- problemas de transporte -->
                 </section>
 
+                <section>
+                    <img src="_images/no-parking-space.jpg" class="stretch"/>
+                </section>
+
                 <section>
                     <img src="_images/covid.jpg" class="stretch"/>
                     <!-- covid ainda está aí -->
@@ -266,13 +297,15 @@
                 </section>
 
                 <section>
-                    <!-- quem não aprende com a história está fadado a repeti-la -->
+                    <h2>E agora?</h2>
+                </section>
+
+                <section>
+                    <img src="_images/travolta.gif" class="stretch"/>
                 </section>
 
                 <section>
-                    <!-- e agora? -->
+                    <img src="_images/travoltas.gif" class="stretch"/>
-                    <!-- voltar com a ideia de pequenos grupos -->
-                    <!--  -->
                 </section>
 
                 <section data-background='_images/thats-all-folks.jpg'>