Add viewport and description meta tags

src/display.ts

@@ -5,6 +5,8 @@ import constituencyTemplate from './templates/constituency.pug';
 import tableTemplate from './templates/table.pug';
 import './styles/styles.css';
 
+const {location} = window;
+
 let barChart: ChartistStatic['Bar'];
 let pieChart: ChartistStatic['Pie'];
 
@@ -25,8 +27,8 @@ export const clearResults = (): void => {
 	document.getElementById('support-bar-chart')!.innerHTML = '';
 	document.getElementById('division-pie-chart')!.innerHTML = '';
 	document.getElementById('constituency-results')!.innerHTML = '';
-	if (window.location.search) {
+	if (location.search) {
-		const urlWithoutSearchString = window.location.href.split('?')[0];
+		const urlWithoutSearchString = location.href.split('?')[0];
 		window.history.pushState('', '', urlWithoutSearchString);
 	}
 };
@@ -44,7 +46,7 @@ const displayUrl = (support: number[]) => {
 	support.forEach((s, i) => {
 		if (s > 0) searchParams.append(committees[i].id, s.toString());
 	});
-	const urlWithoutSearchString = window.location.href.split('?')[0];
+	const urlWithoutSearchString = location.href.split('?')[0];
 	const url = `${urlWithoutSearchString}?${searchParams}`;
 	document.getElementById('url')!.innerHTML = `Link do wyników: ${url.link(url)}`;
 };
@@ -167,8 +169,8 @@ export const generateTable = (): void => {
 };
 
 export const loadResultsFromUrl = (): void => {
-	if (window.location.search) {
+	if (location.search) {
-		const searchParams = new URLSearchParams(window.location.search);
+		const searchParams = new URLSearchParams(location.search);
 		searchParams.forEach((value, key) => {
 			const input = document.querySelector<HTMLInputElement>(`tr.${key} td:nth-child(2) input`);
 			if (input) input.value = value;

src/templates/index.pug

@@ -3,6 +3,8 @@ html(lang='pl')
 	head
 		title Kalkulator mandatów w wyborach do Sejmu
 		meta(charset="UTF-8")
+		meta(name="viewport" content="width=device-width, initial-scale=1")
+		meta(name="description" content="Kalkulator przeliczający sondażowe wyniki poparcia dla ugrupowań na przewidywany rozkład mandatów w Sejmie z uwzględnieniem obowiązujących okręgów wyborczych.")
 		script(async src="https://www.googletagmanager.com/gtag/js?id=UA-151698411-1")
 		script.
 			window.dataLayer = window.dataLayer || [];