Inicial

_includes/sidebar.html

@@ -1,13 +1,13 @@
-<aside class="sidebar">
-  <nav>
-    <ul>
-      <li><a href="{{ site.baseurl }}/">Home</a></li>
-      <li><a href="{{ site.baseurl }}/quantasVezesAparecemInstrumentos">Repetições</a></li>
-      <li><a href="{{ site.baseurl }}/quaisProjetos/">Quais Projetos</a></li>
-      <li><a href="{{ site.baseurl }}/beatsDisponiveis/">Beats Disponíveis</a></li>
-      <li><a href="{{ site.baseurl }}/arquivosMMP/" class="active">Arquivos MMP</a></li>
-      <li><a href="{{ site.baseurl }}/buscas/">Buscas</a></li>
-      <li><a href="{{ site.baseurl }}/about/">Sobre</a></li>
-    </ul>
-  </nav>
-</aside>
+<link rel="stylesheet" href="{{ 'assets/css/sidebar.css' | relative_url }}">
+
+<div class="subheader">
+  <div class="submenu">
+    <a href="{{ site.baseurl }}">🏠 Home</a>
+    <a href="{{ site.baseurl }}quantasVezesAparecemInstrumentos">🔁 Repetições</a>
+    <a href="{{ site.baseurl }}projetosPorTrack/">📁 Projetos por tipo de track</a>
+    <a href="{{ site.baseurl }}beatsDisponiveis/">🎧 Beats Disponíveis</a>
+    <a href="{{ site.baseurl }}mmp_pages/">🎼 Projetos</a>
+    <a href="{{ site.baseurl }}">🔎 Buscas</a>
+    <a href="{{ site.baseurl }}about/">ℹ️ Sobre</a>
+  </div>
+</div>

_includes/sidebar_home.html

@@ -0,0 +1,13 @@
+<link rel="stylesheet" href="{{ 'assets/css/sidebar_home.css' | relative_url }}">
+<div class="container">
+  <nav class="submenu" style="display: flex; flex-direction: column; gap: 1rem;">
+    <a href="{{ site.baseurl }}" style="text-decoration: none; color: #333; font-weight: 500;">🏠 Home</a>
+    <a href="{{ site.baseurl }}quantasVezesAparecemInstrumentos" style="text-decoration: none; color: #333;">🔁 Instrumentos que repetem</a>
+    <a href="{{ site.baseurl }}projetosPorTrack/" style="text-decoration: none; color: #333;">📁 Projetos por tipo de track</a>
+    <a href="{{ site.baseurl }}beatsDisponiveis/" style="text-decoration: none; color: #333;">🎧 Beats Disponíveis</a>    
+    <a href="{{ site.baseurl }}mmp_pages/" style="text-decoration: none; color: #333;">🎼 Projetos Disponíveis</a>
+    <a href="{{ site.baseurl }}" style="text-decoration: none; color: #333;">🔎 Buscas</a>
+    <a href="{{ site.baseurl }}about/" style="text-decoration: none; color: #333;">ℹ️ Sobre</a>
+  </nav>
+</div>
+</div>

_includes/style.css

@@ -1,67 +0,0 @@
-body{
-	margin: 0;
-	font-family: Arial, sans-serif;
-	display: flex;
-	height: 100vh;
-}
-
-.container{
-	display:flex;
-	width: 100%;
-	height: 100%;
-}
-
-.sidebar{
-	width: 200px;
-	background-color: #2c3e50;
-	color: #ecf0f1;
-	display: flex;
-	flex-direction: column;
-	padding: 20px;
-	box-shadow: 2px 0 5px rgba(0,0,0,0.1);
-}
-
-.sidebar-button{
-	background-color: #34495e;
-	color: #ecf0f1;
-	border: none;
-	border-radius: 5px;
-	padding: 10px;
-	margin-bottom: 10px;
-	cursor: pointer;
-	text-align: left;
-	width: 100%;
-}
-
-.sidebar-button:hover{
-	background-color: #1abc9c;
-}
-
-.main-content{
-	flex: 1;
-	padding: 20px;
-	backgound-color: #ecf0f1;
-	display: flex;
-	flex-wrap: wrap;
-	gap: 10px;
-}
-
-.post-grid{
-	display: grid;
-	grid-template-columns: repeat(3,1fr);
-	gap: 10px;
-	width: 100%;
-}
-
-.post{
-	background-color: #3498db;
-	color: #fff;
-	padding: 20px;
-	text-align: center;
-	border-radius: 5px;
-	height: 150px;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-}
-