Attempt to fix the front page news.

diff --git a/static/js/pgdayuk.js b/static/js/pgdayuk.js
new file mode 100644 (file)
index 0000000..1802395
--- /dev/null
+++ b/static/js/pgdayuk.js
@@ -0,0 +1,35 @@
+/*
+ * Fetch the latest news for the frontpage
+ */
+async function update_frontpage_news(url) {
+   let response = await fetch(url);
+   let data = await response.json();
+
+   let newsContainer = document.getElementById('newsContainer');
+
+   data.forEach((n, i) => {
+       if (i <= 5) {
+           let article = document.createElement('article');
+           article.className = 'newsWrapper';
+
+           let title = document.createElement('h1');
+           title.className = 'newsTitle';
+           title.innerText = n.title;
+           article.appendChild(title);
+
+           let dateandbyline = document.createElement('p');
+           dateandbyline.className = 'newsDateAndByline';
+           dateandbyline.innerHTML = '<i class="far fa-clock"></i> <span class="newsDate"></span> <span class="newsByline">by <span class="newsAuthor"></span></span>';
+           dateandbyline.querySelector('span.newsDate').textContent = n.datetime.split('T')[0];
+           dateandbyline.querySelector('span.newsAuthor').textContent = n.authorname;
+           article.appendChild(dateandbyline);
+
+           let newstext = document.createElement('div');
+           newstext.className = 'newsText';
+           newstext.innerHTML = n.summary;
+           article.appendChild(newstext);
+
+           newsContainer.appendChild(article);
+       }
+   });
+}