From 8fa3495ef2c5ea9cf57cda680cfc65b4404477cf Mon Sep 17 00:00:00 2001
From: Mischa POSLAWSKY <perl@shiar.org>
Date: Wed, 1 May 2019 21:59:33 +0200
Subject: [PATCH] format html template over multiple lines

---
 widget.html | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/widget.html b/widget.html
index b337197..3fb38c3 100644
--- a/widget.html
+++ b/widget.html
@@ -15,9 +15,18 @@
 	fetch('/schtarr/inno.json')
 	.then(res => res.json())
 	.then(json => {
-		let out = document.getElementById('clan');
-		out.innerHTML = `<h1>${json.tag}</h1><h2 title="Division ${json.division}" class="rank ${json.league}">${json.league} <small>#${json.rank}</small></h2>`
-			+ json.members.map(member => `<a href="${member.profileUrl}"><figure><img src="${member.avatarUrl}" title="${member.name}" /><figcaption>${member.name}</figcaption></figure></a>`).join('');
+		document.getElementById('clan').innerHTML = `
+			<h1>${json.tag}</h1>
+			<h2 title="Division ${json.division}" class="rank ${json.league}">
+				${json.league} <small>#${json.rank}</small>
+			</h2>
+			${json.members.map(member => `
+				<a href="${member.profileUrl}"><figure>
+					<img src="${member.avatarUrl}" title="${member.name}" />
+					<figcaption>${member.name}</figcaption>
+				</figure></a>
+			`).join('')}
+		`
 	})
 	.catch(error => console.log(error))
 </script>
-- 
2.30.0