colocando botões

_layouts/default.html

@@ -1,55 +1,33 @@
+
 <!DOCTYPE html>
-<html lang="en">
+<html lang="pt-br">
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="assets/css/main.css">
-    <title>{{ page.title }}</title>
-    <!-- Adicione outros links de estilos necessários -->
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>{{ page.title }}</title>
+  <link rel="stylesheet" href="{{ '/assets/css/style.css' | relative_url }}">
+  <script src="{{ site.baseurl }}/assets/js/search.js"></script>
 </head>
 
 <body>
-    <header>
-	<nav>
-      	  <a href="/~jotachina/mmpSearch/_site/">Home</a>
-      	  <a href="/~jotachina/mmpSearch/_site/quantasVezesAparecemInstrumentos">Repetições</a>
-      	  <a href="/~jotachina/mmpSearch/_site/quaisProjetos/">Quais projetos usam quais instrumentos?</a>
-      	  <a href="/~jotachina/mmpSearch/_site/beatsDisponiveis/">Beats disponíveis</a>
-      	  <a href="/~jotachina/mmpSearch/_site/arquivosMMP/">Projetos disponíveis</a>
-      	  <a href="/~jotachina/mmpSearch/_site/about/">Sobre</a>
-        </nav>
-    </header>
+  <header style="background-color: #f0f0f0; padding: 20px;">
+    <h1>MMPSearch</h1>
+    <img src="/assets/images/logo.jpg" alt="Logo MMPSearch">
+  </header>
 
+{% include sidebar.html %}
 
-  <main class="main-content">
-    <div class="container">
-    <aside>
-      <div class="post-grid">
-        <div class="post">1</div>
-        <div class="post">1</div>
-        <div class="post">1</div>
-        <div class="post">1</div>
-        <div class="post">1</div>
-        <div class="post">1</div>
-        <div class="post">1</div>
-        <div class="post">1</div>
-        <div class="post">1</div>
-      </div>
-    </aside>
-
-    </main>
-  <div class="contet">
-        {{ content }}
+  <div class="wrapper">
+    {{ content }}
   </div>
-</div>
-
-    <footer>
-        <!-- Rodapé -->
-	Alice UFSJ
-    </footer>
-
-    <!-- Scripts no final da página para melhor performance -->
-    <!-- Adicione outros scripts conforme necessário -->
 
+  <footer>
+    <p>Alice UFSJ</p>
+    <div class="footer-images">
+      <a href="link-da-imagem1.html"><img src="/assets/images/image1.jpg" alt="Imagem 1"></a>
+      <a href="link-da-imagem2.html"><img src="/assets/images/image2.jpg" alt="Imagem 2"></a>
+    </div>
+  </footer>
 </body>
 </html>
+