Fiz muita coisa aqui!

_layouts/bib.html

@@ -0,0 +1,37 @@
+---
+---
+<div class="my-2 mx-6">
+    <h4 class="title is-4 my-3">{{entry.title}}</h4>
+
+    {{ reference }}
+    <div id="{{key}}-materials" class="my-2">
+        {% if entry.abstract %}
+        <button class="button" data-toggle="collapse" onclick="showHide('{{key}}-abstract');">Abstract</button>
+        {% endif %}
+
+        <button class="button" data-toggle="collapse" onclick="showHide('{{key}}-bibtex');">BibTeX</button>
+
+        {% if link %}
+        <button class="button is-link">
+            <a class="has-text-white-ter" style='text-decoration: none;' target='{{link}}' href="https://alice.ufsj.edu.br/{{link}}">
+                Download
+            </a>
+        </button>
+        {% endif %}
+        {% if entry.doi %}
+        <button class="button is-primary">
+            <a style='text-decoration: none;' target='{{link}}' href="http://dx.doi.org/{{entry.doi}}">
+                DOI
+            </a>
+        </button>
+        {% endif %}
+
+
+        {% if entry.abstract %}
+        <p id="{{key}}-abstract" class="collapse">{{entry.abstract}}</p>
+        {% endif %}
+
+        <pre id="{{key}}-bibtex" class="collapse">{{entry.bibtex}}</pre>
+
+    </div>
+</div>    

_layouts/default.html

@@ -6,7 +6,12 @@
     <meta charset="utf-8">
 	<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css"> -->
 	<link rel="stylesheet" href="{{ site.baseurl }}/Assets/css/main.css">
-    {% if page.styles %}{{ page.styles }}{% endif %}
+    <!-- Leaflet CSS -->
+	<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
+
+	<!-- Leaflet JS -->
+	<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
+	{% if page.styles %}{{ page.styles }}{% endif %}
 	<title>
         {% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}
     </title>

_layouts/peoples.html

@@ -0,0 +1,70 @@
+---
+layout: default
+---
+<table id="temporary-table" style="display: none;">
+        <tr>
+            <td>{{ page.title }}</td>
+            <td>{{ page.latitude }}</td>
+            <td>{{ page.longitude }}</td>
+        </tr>
+</table>
+
+
+
+<div class="hero">
+    <div class="pessoal-page">
+        <div class="box">
+            <div class="box-image">
+                {% assign nome = page.path | split: '/' | last | split: '.' | first %}
+                <img src="{{ site.baseurl }}/people/{{ nome }}.png">
+                <!-- <img src="{{ site.baseurl }}/{{ imagem_author }}" alt="Imagem do Autor" class="author-img"> -->
+            </div>
+
+            <div class="box-info">
+                <h1>{{ page.title }}</h1>
+            </div>
+        </div>
+        
+        <div class="info">
+            <div class="info-content">
+                <p>{{ content }}</p>
+            </div>
+
+            <div class="info-map">
+                <div id="map"></div>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+<script>
+    // Inicializa o mapa e define o ponto inicial e o nível de zoom
+    var map = L.map('map').setView([-23.55052, -46.6333], 13);
+
+    // Adiciona a camada de mapas do OpenStreetMap
+    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
+        maxZoom: 19,
+        attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
+    }).addTo(map);
+
+    // Função para adicionar o marcador a partir da tabela
+    function addMarkerFromTable() {
+        var table = document.getElementById('temporary-table');
+        var row = table.getElementsByTagName('tr')[0];
+        var cells = row.getElementsByTagName('td');
+
+        var title = cells[0].textContent;
+        var lat = parseFloat(cells[1].textContent);
+        var lng = parseFloat(cells[2].textContent);
+
+        // Adiciona o marcador ao mapa
+        L.marker([lat, lng]).addTo(map)
+            .bindPopup(title)
+            .openPopup(); // Abre o pop-up automaticamente ao carregar
+    }
+
+    // Chama a função para adicionar o marcador
+    addMarkerFromTable();
+</script>
+