diff --git a/content/home.en.md b/content/home.en.md
index 7c528c2..02253c7 100644
--- a/content/home.en.md
+++ b/content/home.en.md
@@ -118,32 +118,8 @@ or the entire fediverse.
Liste des instances
-
+
+This is like picking an e-mail hosting provider: the domain will also be part of your username!
{{% /grid %}}
diff --git a/content/home.fr.md b/content/home.fr.md
index 0a45b46..3d2b81d 100644
--- a/content/home.fr.md
+++ b/content/home.fr.md
@@ -117,33 +117,9 @@ or the entire fediverse.
Liste des instances
-
+
+This is like picking an e-mail hosting provider: the domain will also be part of your username!
{{% /grid %}}
{{% /grid %}}
diff --git a/themes/hugo-bootstrap-premium/layouts/partials/base/scripts.html b/themes/hugo-bootstrap-premium/layouts/partials/base/scripts.html
index 7d62579..12e19de 100644
--- a/themes/hugo-bootstrap-premium/layouts/partials/base/scripts.html
+++ b/themes/hugo-bootstrap-premium/layouts/partials/base/scripts.html
@@ -17,6 +17,7 @@
{{ end }}
+
{{ with .Site.Params.googleAnalytics }}
diff --git a/themes/hugo-bootstrap-premium/static/css/style.css b/themes/hugo-bootstrap-premium/static/css/style.css
index 093c81c..b303482 100644
--- a/themes/hugo-bootstrap-premium/static/css/style.css
+++ b/themes/hugo-bootstrap-premium/static/css/style.css
@@ -197,3 +197,26 @@ body .medias .container {
.getting-started h2 {
color: #F1680D;
}
+
+#instances-list {
+ max-height: 600px;
+ overflow-y: auto;
+}
+
+#instances-list .list-group-item {
+ height: 70px;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+}
+
+#instances-list .list-group-item .list-group-item-heading {
+ margin-bottom: 0;
+}
+
+#instances-list .list-group-item .list-group-item-text {
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ margin-top: 5px;
+}
diff --git a/themes/hugo-bootstrap-premium/static/js/instances.js b/themes/hugo-bootstrap-premium/static/js/instances.js
new file mode 100644
index 0000000..3dab9d7
--- /dev/null
+++ b/themes/hugo-bootstrap-premium/static/js/instances.js
@@ -0,0 +1,47 @@
+$(function () {
+ const instancesApi = 'https://instances.peertu.be/api/v1/instances'
+ const data = {
+ start: 0,
+ count: 100,
+ signup: true,
+ healthy: true
+ }
+
+ $.get(instancesApi, data, function (res) {
+ const instances = res.data
+
+ const lis = []
+ instances.forEach(function (instance) {
+ const el = createInstanceElement(instance.host, instance.name, instance.shortDescription)
+ lis.push(el)
+ })
+
+ $('#instances-list').append(lis)
+
+ })
+
+ function createInstanceElement (host, name, description) {
+ const a = $('', {
+ class: 'list-group-item',
+ href: 'https://' + host,
+ target: '_blank',
+ title: host
+ })
+
+ const h4 = $('', {
+ class: 'list-group-item-heading',
+ text: name
+ })
+ a.append(h4)
+
+ if (description) {
+ const p = $('
', {
+ class: 'list-group-item-text',
+ text: description
+ })
+ a.append(p)
+ }
+
+ return a
+ }
+})