first alpha mithril version: display text, open nested crossref infinitly

layouts/index.html

@@ -1,10 +1,23 @@
 {{ partial "header.html" . }}
-	<main>
-		{{ $paginator := .Paginate (where .Site.Pages "Type" "item") }}
-		{{ range $paginator.Pages }}
-			{{ partial "item.html" . }}
-		{{ end }}
-		{{ partial "pagination.html" . }}
-	</main>
+	<div id="app">
+		<main id="main">
+			{{ range where .Data.Pages "Type" "item" }}
+				{{ partial "item.html" . }}
+			{{ end }}
+		</main>
+	</div>
 {{ partial "sidebar.html" . }}
+<script charset="utf-8">
+	var DataItems = [
+	{{ range where .Data.Pages "Type" "item" }}
+			{
+				"href": "{{ .RelPermalink }}",
+				"title": "{{ .Title }}",
+				"text": "{{ .Content }}",
+				"slug": "{{ .Slug }}"
+			},
+	{{ end }}
+	]
+</script>
+
 {{ partial "footer.html" . }}

layouts/partials/header.html

@@ -24,4 +24,3 @@
 			</ul>
 		</nav>
 	</header>
-	<div id="app"></div>

layouts/partials/item.html

@@ -1,4 +1,4 @@
-	<article>
+	<section id="{{ .Slug }}">
 		<h1><a href="{{ .Permalink }}">{{ .Title }}</a></h1>
 		{{ range .Params.tags }}
 		<a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a>
@@ -6,4 +6,4 @@
 		<div>
 			{{ .Content }}
 		</div>
-	</article>
+	</section>

layouts/partials/sidebar.html

@@ -1,14 +1,4 @@
 	<aside>
 		<div>
-			<div>
-				<h3>LATEST POSTS</h3>
-			</div>
-			<div>
-				<ul>
-					{{ range first 5 .Site.Pages }}
-					<li><a href="{{ .Permalink }}">{{ .Title }}</a></li>
-					{{ end }}
-				</ul>
-			</div>
 		</div>
 	</aside>