From d46710541bc6353bd61a87e1467301736981669f Mon Sep 17 00:00:00 2001
From: Anthony Le Goas <anthony.legoas@gmail.com>
Date: Fri, 27 Dec 2019 17:10:21 +0100
Subject: [PATCH] add a Contributors component

---
 .../routes/_components/Contributors.svelte    | 26 +++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 site/src/routes/_components/Contributors.svelte

diff --git a/site/src/routes/_components/Contributors.svelte b/site/src/routes/_components/Contributors.svelte
new file mode 100644
index 0000000000..74eb3fa50f
--- /dev/null
+++ b/site/src/routes/_components/Contributors.svelte
@@ -0,0 +1,26 @@
+<script>
+	import contributors from '../_contributors.js';
+</script>
+
+<style>
+	.contributor {
+		width: 2.4em;
+		height: 2.4em;
+		border-radius: 50%;
+		text-indent: -9999px;
+		display: inline-block;
+		background: no-repeat url(/contributors.jpg);
+		background-size: auto 102%;
+		margin: 0 0.5em 0.5em 0;
+		border: 2px solid var(--second);
+	}
+</style>
+
+{#each contributors as contributor, i}
+	<a
+		class="contributor"
+		style="background-position: {(100 * i) / (contributors.length - 1)}% 0"
+		href="https://github.com/{contributor}">
+		{contributor}
+	</a>
+{/each}