From df1de1d4dff42b4c1b57bb412f3c293eecd6a799 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Santanch=C3=A8?= <santanche@gmail.com>
Date: Sun, 5 Nov 2023 16:29:30 -0300
Subject: [PATCH] refactor (main): responsive screen

---
 _includes/css/museu.css         | 34 +++++++++++++++++++++++++++-
 _includes/mupa-mapa-2023.svg    |  4 ++--
 _posts/2023-10-25-main.markdown | 40 ++++++++++++++++++---------------
 3 files changed, 57 insertions(+), 21 deletions(-)

diff --git a/_includes/css/museu.css b/_includes/css/museu.css
index 8e1575a..c31f0a6 100644
--- a/_includes/css/museu.css
+++ b/_includes/css/museu.css
@@ -8,4 +8,36 @@ td {
   padding:10px;
   border:2px solid;
   font-size: 1.5em;
-}
\ No newline at end of file
+}
+
+table.tbmain {
+  margin-left:auto;
+  margin-right:auto;
+  width: 100%;
+}
+
+table.tbmain tr {
+  border: 3px solid black;
+}
+
+table.tbmain td {
+  border: 3px solid black;
+  padding: 3px;
+  font-size: 18px;
+  text-align: center;
+}
+
+.google-maps {
+  position: relative;
+  padding-bottom: 75%;
+  height: 0;
+  overflow: hidden;
+}
+
+.google-maps iframe {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100% !important;
+  height: 100% !important;
+}
diff --git a/_includes/mupa-mapa-2023.svg b/_includes/mupa-mapa-2023.svg
index c6f375d..4d5ddbd 100644
--- a/_includes/mupa-mapa-2023.svg
+++ b/_includes/mupa-mapa-2023.svg
@@ -2,8 +2,8 @@
    version="1.1"
    id="svg18958"
    xml:space="preserve"
-   width="800"
-   height="536"
+   width="100%"
+   height="auto"
    viewBox="0 0 936.99992 628.00006"
    sodipodi:docname="mupa-mapa-2023.svg"
    inkscape:version="1.2.2 (732a01da63, 2022-12-09, custom)"
diff --git a/_posts/2023-10-25-main.markdown b/_posts/2023-10-25-main.markdown
index 1b8df50..5346573 100644
--- a/_posts/2023-10-25-main.markdown
+++ b/_posts/2023-10-25-main.markdown
@@ -18,30 +18,34 @@ Haverá um ônibus circulando pela Unicamp por todos os locais do evento.
 
 <br>
 
-<table style="margin-left:auto; margin-right:auto">
-<tr style="border: 3px solid black">
-<th style="border: 3px solid black; padding: 6px"><a href="./ig/">Geociências</a></th>
-<th style="border: 3px solid black; padding: 6px"><a href="./mc/">Museu Exploratório</a></th>
-<th style="border: 3px solid black; padding: 6px"><a href="./imecc/">Matemática</a></th>
-</tr>
-<tr style="border: 3px solid black">
-<th style="border: 3px solid black; padding: 6px"><a href="./plasma/">Plasma</a></th>
-<th style="border: 3px solid black; padding: 6px"><a href="./informatica/">Museu da Informática</a></th>
-<th style="border: 3px solid black; padding: 6px"><a href="./ifgw/">Física</a></th>
-</tr>
-<tr style="border: 3px solid black">
-<th style="border: 3px solid black; padding: 6px"><a href="./iq/">Química</a></th>
-<th style="border: 3px solid black; padding: 6px"><a href="./ib/">Biologia</a></th>
-<th style="border: 3px solid black; padding: 6px"><a href="./ginasio/">Ginásio</a></th>
-</tr>
+<table width="100%" class="tbmain">
+  <tr>
+    <td><a href="./ig/">Geociências</a></td>
+    <td><a href="./mc/">Museu Exploratório</a></td>
+    <td><a href="./imecc/">Matemática</a></td>
+  </tr>
+  <tr>
+    <td><a href="./plasma/">Plasma</a></td>
+    <td><a href="./informatica/">Museu da Informática</a></td>
+    <td><a href="./ifgw/">Física</a></td>
+  </tr>
+  <tr>
+    <td><a href="./iq/">Química</a></td>
+    <td><a href="./ib/">Biologia</a></td>
+    <td><a href="./ginasio/">Ginásio</a></td>
+  </tr>
 </table>
 
 <br>
 
-<div style="width:800px;margin:auto"><iframe src="https://www.google.com/maps/d/embed?mid=1GP0p5RxvW02-XPxeWW2O9gye9QZa9S0&ehbc=2E312F&z=16" center="-22.81684,-47.06625" width="800px" height="600px"></iframe></div>
+<div class="google-maps">
+  <iframe src="https://www.google.com/maps/d/embed?mid=1GP0p5RxvW02-XPxeWW2O9gye9QZa9S0&ehbc=2E312F&z=16"
+          center="-22.81684,-47.06625" width="600" height="450" style="border:0;">
+  </iframe>
+</div>
 
 <br>
 
 <div class="col-lg-12 text-center">
-  <img width="800px" src="{{ site.baseurl }}/img/mupa-participantes.png">    
+  <img width="100%" src="{{ site.baseurl }}/img/mupa-participantes.png">    
 </div>
\ No newline at end of file