Create static pages of data

pages/audio.html

@@ -0,0 +1,30 @@
+---
+layout: generic
+permalink: /audio/
+---
+
+
+<ul id="fileList">
+{% for item in site.data.audio %}
+{% capture name %}{{item.name}}{% endcapture %}
+{% capture user %}{{item.user}}{% endcapture %}
+{% capture url %}{{item.url}}{% endcapture %}
+{% capture directory %}{{item.directory}}{% endcapture %}
+{% capture group %}{{item.group}}{% endcapture %}
+{% include card.html name=name user=user url=url directory=directory group=group %} 
+{% endfor %}
+</ul>
+
+<!-- <ul id="fileList"> -->
+<!-- {% for item in site.data.audio %} -->
+<!-- <li data-filename="{{ item.name }}" data-username="{{ item.user }}" data-path="{{ item.directory }}"> -->
+<!-- 	{{ item.user }} -->
+<!-- 	<a href="https://{{ item.url }}">{{ item.name }}</a> {{ item.directory }} -->
+<!-- 	<br> -->
+<!-- 	{% if item.group == "audio" %} -->
+<!-- 	<audio controls src="https://{{ item.url }}"></audio> -->
+<!-- 	{% endif %} -->
+<!-- 	<br> -->
+<!-- </li> -->
+<!-- {% endfor %} -->
+<!-- </ul> -->

pages/index.html

@@ -0,0 +1,24 @@
+---
+layout: default
+permalink: /
+---
+
+<div class="publication">
+  <div class="pub-header">
+	</div>
+
+	<ul>
+	<li>
+		<a href='{{ site.baseurl }}/audio'>Audio</a>
+	</li>
+
+	<li>
+		<a href='{{ site.baseurl }}/mmp'>LMMS</a>
+	</li>
+
+	<li>
+		<a href='{{ site.baseurl }}/pd'>Pure Data</a>
+	</li>
+
+	</ul>
+</div>

pages/index.php

@@ -1,6 +1,6 @@
 ---
 layout: default
-permalink: /
+permalink: /a
 ---
 
 <div class="publication">
@@ -9,6 +9,7 @@ permalink: /
 <?php
 // Pega todos os arquivos .txt no diretório atual
 $files = glob('assets/data/*.txt');
+$files[] = 'audio';
 
 // Inicia a lista não ordenada
 echo "<ul>";
@@ -18,7 +19,7 @@ foreach ($files as $file) {
 		$filenameWithoutExtension = basename($file, '.txt');
 
 		// Cria o link com o nome do arquivo na query string
-		$link = "/alice_index/file_index.php?filetype=" . urlencode($filenameWithoutExtension);
+		$link = "{{ site.baseurl }}/file_index.php?filetype=" . urlencode($filenameWithoutExtension);
 
 		// Cria o item da lista com o link
 		echo "<li><a href=\"$link\">$filenameWithoutExtension</a></li>";

pages/mmp.html

@@ -0,0 +1,15 @@
+---
+layout: generic
+permalink: /mmp/
+---
+
+<ul id="fileList">
+{% for item in site.data.mmp %}
+{% capture name %}{{item.name}}{% endcapture %}
+{% capture user %}{{item.user}}{% endcapture %}
+{% capture url %}{{item.url}}{% endcapture %}
+{% capture directory %}{{item.directory}}{% endcapture %}
+{% capture group %}{{item.group}}{% endcapture %}
+{% include card.html name=name user=user url=url directory=directory group=group %} 
+{% endfor %}
+</ul>

pages/pd.html

@@ -0,0 +1,29 @@
+---
+layout: generic
+permalink: /pd/
+---
+
+<ul id="fileList">
+{% for item in site.data.pd %}
+{% capture name %}{{item.name}}{% endcapture %}
+{% capture user %}{{item.user}}{% endcapture %}
+{% capture url %}{{item.url}}{% endcapture %}
+{% capture directory %}{{item.directory}}{% endcapture %}
+{% capture group %}{{item.group}}{% endcapture %}
+{% include card.html name=name user=user url=url directory=directory group=group %} 
+{% endfor %}
+</ul>
+
+<!-- <ul id="fileList"> -->
+<!-- {% for item in site.data.pd %} -->
+<!-- <li data-filename="{{ item.name }}" data-username="{{ item.user }}" data-path="{{ item.directory }}"> -->
+<!-- 	{{ item.user }} -->
+<!-- 	<a href="https://{{ item.url }}">{{ item.name }}</a> {{ item.directory }} -->
+<!-- 	<br> -->
+<!-- 	{% if item.group == "audio" %} -->
+<!-- 	<audio controls src="https://{{ item.url }}"></audio> -->
+<!-- 	{% endif %} -->
+<!-- 	<br> -->
+<!-- </li> -->
+<!-- {% endfor %} -->
+<!-- </ul> -->