Adiciona gif animada

elexsandrorangel · Dec 7, 2017 · d6d1e7b · d6d1e7b
1 parent ee4cee3
commit d6d1e7b
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 19 deletions.
diff --git a/content/gifs/bob-esponja.mp4 b/content/gifs/bob-esponja.mp4
diff --git a/index.php b/index.php
@@ -3,6 +3,12 @@
     <title>Controle da caixinha</title>
     <link rel="shortcut icon" type="image/png" href="favicon.ico"/>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
+
+    <style type="text/css">
+        #bob-gif {
+            width: 300px;
+        }
+    </style>
 </head>
 <body>
     <br/>
@@ -77,24 +83,36 @@ function getSaldoParcial(array $saldos, int $index) : float {
         <br>
 
         <h4>Últimos gastos</h4>
-        <table class='table table-hover'>
-            <thead>
-                <tr>
-                    <th>Data</th>
-                    <th>Gasto</th>
-                    <th>Comprovante</th>
-                </tr>
-            </thead>
-            <tbody>
-                <?php foreach (array_reverse($ultimosGastos) as $gasto) : ?>
-                    <tr>
-                        <td><?php echo $gasto['data']; ?></td>
-                        <td><?php echo "R$" . number_format($gasto['valor'], 2, ',', '.'); ?></td>
-                        <td><a href="comprovantes/<?php echo str_replace('/', '_', $gasto['data']) ?>.jpg">Comprovante</a></td>
-                    </tr>            
-                <?php endforeach; ?>
-            </tbody>
-        </table>
-</div>
+        <div class="row">
+            <div class="col-md-9">
+                <table class='table table-hover'>
+                    <thead>
+                        <tr>
+                            <th>Data</th>
+                            <th>Gasto</th>
+                            <th>Comprovante</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <?php foreach (array_reverse($ultimosGastos) as $gasto) : ?>
+                            <tr>
+                                <td><?php echo $gasto['data']; ?></td>
+                                <td><?php echo "R$" . number_format($gasto['valor'], 2, ',', '.'); ?></td>
+                                <td><a href="comprovantes/<?php echo str_replace('/', '_', $gasto['data']) ?>.jpg">Comprovante</a></td>
+                            </tr>            
+                        <?php endforeach; ?>
+                    </tbody>
+                </table>                
+            </div>
+            <div class="col-md-3">
+                <video autoplay loop id="bob-gif">
+                  <source src="bob-esponja.mp4" type="video/mp4">
+                </video>
+            </div>
+        </div>
+
+
+
+    </div>
 </body>
 </html>