diff --git a/_layouts/dist.html b/_layouts/dist.html
new file mode 100644
index 0000000..61206cc
--- /dev/null
+++ b/_layouts/dist.html
@@ -0,0 +1,48 @@
+---
+layout: default
+---
+
+{% assign dist = page.slug %}
+{% assign repo = page.url | remove_first: '/' | split: '/' | first %}
+{% assign repo_info = site.repos | where: 'repo', repo | first %}
+
+{% assign domain = repo_info.domain | default: site.apt.domain %}
+{% assign list = site.packages | where: 'Repo', repo | where: 'Archive', dist %}
+
+<p>
+    NOTE: If this is your first time here, you need to do some configurations before you can use this repository.
+    Please read the <a target="_blank" href="{{ "/#setup" | absolute_url }}">instructions</a>.
+</p>
+
+<h2>{{ repo }} - {{ dist }}</h2>
+
+<p>{{ repo_info.description }}</p>
+
+{% for component in site.apt.components %}
+
+<h3>{{ component }}</h3>
+{% assign packages = list | where: 'Component', component %}
+
+{% if packages.size > 0 %}
+
+{% include apt-add.html domain=domain repo=repo distribution=dist components=component %}
+
+<table class="d-lg-table">
+    <tr>
+        <th style="width: 20%">Name</th>
+	<th>Description</th>
+        <th>Latest Version</th>
+    </tr>
+    {% for package in packages %}
+    <tr>
+        <td><a href="{{ package.url | relative_url }}" >{{ package.Name }}</a></td>
+	<td>{{ package.Description }}</td>
+        <td>{{ package.Versions.first[0] }}</td>
+    </tr>
+    {% endfor %}
+</table>
+{% else %}
+<p class="text-gray-light">No packages</p>
+{% endif %}
+
+{% endfor %}